/* --------------------------------------------------
	GARY DOWD - LANDING PAGE
	www.garydowd.com
	
	DESIGNED AND MAINTAINED BY DWELLING PRODUCTIONS
	www.dwellingproductions.com
-------------------------------------------------- */


/* --------------------------------------------------
	DEFAULT SETTINGS
-------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
/*  
	scrollbar-3dlight-color:#d1c4ca;
	scrollbar-arrow-color:#182228;
	scrollbar-track-color:#f5f2f2;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-face-color:#f1ebeb;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#9e8893;
*/
}
html {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
/*	ADD HEIGHT ATTRIBUTE ONLY FOR FORCED-BOTTOM FOOTER  */
	height: 100%;
}
body {
	background-color: #000000;
	background-repeat: repeat;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
/*	ADD HEIGHT ATTRIBUTE ONLY FOR FORCED-BOTTOM FOOTER  */
	height: 100%;
}
form {
	margin:0;
	padding:0;
}
img {
	border:none;
}
a {
	text-decoration:none;
}
div {
	padding: 0px;
}

/*
	HIDE NETSCAPE RECTANGLE IMAGE BORDER
*/

:focus {
	outline: 0;
}


/* --------------------------------------------------
	BASIC LAYOUT
-------------------------------------------------- */

#outerWrapper {
	width: 100%;
	background-image: url(../images/topBg.jpg);
	background-position: center;
	background-position: top;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
/*	ADD MIN-HEIGHT AND POSITION ATTRIBUTES ONLY FOR FORCED-BOTTOM FOOTER  */
	min-height:100%;
	position:relative;
}
#header {
	width: 898px;
	height: 100px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
#logo {
	width: 417px;
	height: 130px;
	position: relative;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 22px;
	padding: 0px;
}
#contentWrapper {
	width: 640px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	position: relative;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
/*	ADD PADDING-BOTTOM ATTRIBUTE (WITH HEIGHT OF FOOTER) FOR FORCED-BOTTOM FOOTER  */
	padding-bottom: 10px;
}
#slideshowArea {
	width: 600px;
	height: 400px;
	position: relative;
	background-image: url(../images/slideshowBg2.jpg);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 25px;
	padding: 20px;
}
#slideshow {
	width: 600px;
	height: 400px;
	position: relative;
	margin: 0px;
	padding: 0px;
}


/* -- 
	MAIN LINKS AREA
 -- */

#linksArea {
	width: 640px;
	height: 28px;
	margin-top: 0px;
	margin-bottom: 57px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}

#linkSpace1 {
	float: left;
	width: 106px;
	height: 28px;
	background-image: url(../images/linksLeft.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	position: relative;
}

/* -- ROLLOVER 1 -- */
#linkSpace2 {
	float: left;
	width: 175px;
	height: 28px;
	padding: 0px;
	margin: 0px;
	position: relative;
}
a.siteLink {
	width: 175px;
	height: 28px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	background-image: url(../images/siteLink.jpg);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
}
a:hover.siteLink {
    background-position: -175px 0;
}
/* -- END ROLLOVER 1 -- */

#linkSpace3 {
	float: left;
	width: 59px;
	height: 28px;
	background-image: url(../images/linksMid.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	position: relative;
}

/* -- ROLLOVER 2 -- */
#linkSpace4 {
	float: left;
	width: 196px;
	height: 28px;
	padding: 0px;
	margin: 0px;
	position: relative;
}
a.blogLink {
	width: 196px;
	height: 28px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	background-image: url(../images/blogLink.jpg);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
}
a:hover.blogLink {
    background-position: -196px 0;
}
/* -- END ROLLOVER 2 -- */


#linkSpace5 {
	float: left;
	width: 104px;
	height: 28px;
	background-image: url(../images/linksRight.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	position: relative;
}

/* -- 
	END MAIN LINKS AREA
 -- */

#copyright {
	width: 640px;
	height: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #676464;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 15px;
	padding: 0px;
}
#footer {
	width: 1200px;
	background-image: url(../images/footerBg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
/*	THE FOLLOWING ATTRIBUTES NEEDED FOR FORCED-BOTTOM FOOTER  */
	position:absolute;
	bottom:0;
	width:100%;
	height:10px;
}


/* -- 
	SPONSOR LINKS AREA
 -- */
 
 
 /* -- ROW 1 -- */


#sponsorLinksArea {
	width: 640px;
	height: 40px;
	margin-top: 70px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}

#sponsorLinkSpace1 {
	float: left;
	width: 169px;
	height: 40px;
	padding: 0px;
	margin: 0px;
	position: relative;
}

#sponsorLinkSpace2 {
	float: left;
	width: 105px;
	height: 40px;
	background-image: url(../images/logo-napp.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	position: relative;
}

/* -- SPONSOR 1 ROLLOVER -- */

a.sponsorLink1 {
	width: 105px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	background-image: url(../images/logo-napp.jpg);
	background-repeat: no-repeat;
    background-position: -105px 0;
	display: block;
	text-indent: -9999px;
}
a:hover.sponsorLink1 {
    background-position: 0 0;
}

/* -- END SPONSOR 1 ROLLOVER -- */


#sponsorLinkSpace3 {
	float: left;
	width: 100px;
	height: 40px;
	padding: 0px;
	margin: 0px;
	position: relative;
}

#sponsorLinkSpace4 {
	float: left;
	width: 97px;
	height: 40px;
	background-image: url(../images/logo-gura-gear.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	position: relative;
}

/* -- SPONSOR 2 ROLLOVER -- */

a.sponsorLink2 {
	width: 97px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	background-image: url(../images/logo-gura-gear.jpg);
	background-repeat: no-repeat;
    background-position: -97px 0;
	display: block;
	text-indent: -9999px;
}
a:hover.sponsorLink2 {
    background-position: 0 0;
}

/* -- END SPONSOR 2 ROLLOVER -- */


#sponsorLinkSpace5 {
	float: left;
	width: 169px;
	height: 40px;
	padding: 0px;
	margin: 0px;
	position: relative;
}



/* -- SPONSOR SPACER ROW -- */
 
#sponsorSpacerRow {
	width: 640px;
	height: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}


/* -- ROW 2 -- */

#sponsorLinksArea2 {
	width: 640px;
	height: 40px;
	margin-top: 0px;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}


#sponsorLinkSpace6 {
	float: left;
	width: 25px;
	height: 40px;
	padding: 0px;
	margin: 0px;
	position: relative;
}

#sponsorLinkSpace7 {
	float: left;
	width: 168px;
	height: 40px;
	background-image: url(../images/logo-photoflex.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	position: relative;
}

/* -- SPONSOR 3 ROLLOVER -- */

a.sponsorLink3 {
	width: 168px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	background-image: url(../images/logo-photoflex.jpg);
	background-repeat: no-repeat;
    background-position: -168px 0;
	display: block;
	text-indent: -9999px;
}
a:hover.sponsorLink3 {
    background-position: 0 0;
}

/* -- END SPONSOR 3 ROLLOVER -- */


#sponsorLinkSpace8 {
	float: left;
	width: 50px;
	height: 40px;
	padding: 0px;
	margin: 0px;
	position: relative;
}

#sponsorLinkSpace9 {
	float: left;
	width: 149px;
	height: 40px;
	background-image: url(../images/logo-ttp.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	position: relative;
}

/* -- SPONSOR 4 ROLLOVER -- */

a.sponsorLink4 {
	width: 149px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	background-image: url(../images/logo-ttp.jpg);
	background-repeat: no-repeat;
    background-position: -149px 0;
	display: block;
	text-indent: -9999px;
}
a:hover.sponsorLink4 {
    background-position: 0 0;
}

/* -- END SPONSOR 4 ROLLOVER -- */


#sponsorLinkSpace10 {
	float: left;
	width: 50px;
	height: 40px;
	padding: 0px;
	margin: 0px;
	position: relative;
}

#sponsorLinkSpace11 {
	float: left;
	width: 172px;
	height: 40px;
	background-image: url(../images/logo-lb.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	position: relative;
}

/* -- SPONSOR 5 ROLLOVER -- */

a.sponsorLink5 {
	width: 172px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	background-image: url(../images/logo-lb.jpg);
	background-repeat: no-repeat;
    background-position: -172px 0;
	display: block;
	text-indent: -9999px;
}
a:hover.sponsorLink5 {
    background-position: 0 0;
}

/* -- END SPONSOR 5 ROLLOVER -- */


#sponsorLinkSpace12 {
	float: left;
	width: 26px;
	height: 40px;
	padding: 0px;
	margin: 0px;
	position: relative;
}


/* -- SPONSOR SPACER ROW 2 -- */
 
#sponsorSpacerRow2 {
	width: 640px;
	height: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}


/* --------------------------------------------------
	MISC
-------------------------------------------------- */

/* Clear Floats */

.clearboth {
	clear: both;
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
}


/* --------------------------------------------------
	HIDDEN ELEMENTS
-------------------------------------------------- */

.hidden {
	position:absolute;
	left:-9999px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
	text-indent: -9999px;
}


/* --------------------------------------------------
	LINKS
-------------------------------------------------- */


/* Default Site Links */

a:link {
	text-decoration:none;
	/* font-weight: bold; */
	/* color:#3b5257; */
	color:#435256;
}
a:visited {
	text-decoration:none;
	color:#435256;
}
a:active {
	text-decoration:none;
	color:#435256;
}
a:hover {
	text-decoration:none;
	color:#eeeeee;
}