@charset "UTF-8";
#tile {
	background-image: url(../images/lightWoodBG.jpg);
	background-repeat: repeat-x;
	margin: 0px;
}
#footer {
	font-size: 12px;
	color: #333;
	text-align: center;
	margin-bottom: 50px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
h1 {
	font-size:40px;
}
h3 {
	font-size:28px;
}
a:link {
	color: #CCC;
}
a:visited {
	color: #CCC;
}
a:hover {
	color: #FFF;
}
a:active {
	color: #CCC;
}
body {
	background-image: url(../images/tileBG.jpg);
	background-repeat: repeat;
	margin: 0px;
	background-color: #434240;
}
#wrapper {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #CCC;
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#logo {
	background-image: url(../images/logo.png);
	margin: 0px;
	float: left;
	height: 87px;
	width: 471px;
	background-repeat: no-repeat;
}
#mail {
	margin: 0px;
	float: right;
	width: 200px;
	padding-top: 20px;
	padding-right: 10px;
}
#header {
	height: 152px;
}
#mainContent {
	background-image: url(../images/mainContentBG.png);
	background-repeat: repeat;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-khtml-border-radius-bottomleft:10px;
	-khtml-border-radius-bottomright:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-margin-top:25px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 50px;
	clear: both;
}
#mainContent h1 {
	margin:0px;
}
/*begin navigation*/
#nav {
	height: 64px;
	background-image: url(../images/navigation.png);
	padding: 0px;
	width: 875px;
	margin: 0px;
	clear: both;
}
 #nav span {
    display: none;
    }

    #nav li, #nav a {
    height:64px;
    display:block;
    }

    #nav li {
    float:left;
    list-style:none;
    display:inline;
    }

    #navHome {
    width: 179px;
    }
    #navAbout {
	width: 176px;
}
    #navPort {
	width: 216px;
}
    #navPhoto {
	width: 272px;
}

#navHome a:hover {background:url(../images/navigation.png) 0px -68px no-repeat; }
#navAbout a:hover {background:url(../images/navigation.png) -179px -68px no-repeat; }
#navPort a:hover {background:url(../images/navigation.png) -355px -68px no-repeat; }
#navPhoto a:hover {background:url(../images/navigation.png) -571px -68px no-repeat; }
	
.homeActive {background:url(../images/navigation.png) 0px -40px no-repeat; }
.aboutActive {background:url(../images/navigation.png) -79px -40px no-repeat; }
.portActive {background:url(../images/navigation.png) -163px -40px no-repeat; }
.photoActive {background:url(../images/navigation.png) -163px -40px no-repeat; }

.clear {
	clear:both;
}
		#slider ul, #slider li{ 
			margin:0;
			padding:0;
			list-style:none;
			}	
		#slider, #slider li{
	height:300px;
	width:400px;
	overflow:hidden;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
			}	
		#slider{
	background-image: url(../images/slideBG.gif);
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
			}		
	#prevBtn {
	width:40px;
	height:40px;
	float:left;
	top:-175px;
	position: relative;
	}	
	#nextBtn{
	width:40px;
	height:40px;
	float: right;
	top:-175px;
	position: relative;
	}	
#prevBtn a, #nextBtn a{  
	display:block;
	width:40px;
	height:40px;
	background:url(../images/prevBTN.gif) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(../images/nextBTN.gif) no-repeat 0 0;	
	}	
	
	/* // slider */													
.rightContent {
	float: right;
	width: 500px;
}
.leftContent {
	width: 420px;
	float: left;
	padding-right: 20px;
	padding-bottom: 20px;
}
.introText {
	line-height: 24px;
	padding-left: 25px;
}
.check {
	float: right;
	width: 270px;
	padding-right: 30px;
}
.check ul {
	margin:0px;
}
.check ul li {
	list-style-image: url(../images/list.png);
	line-height: 24px;
}
.port {
	padding-top: 5px;
	margin: 0px;
}
#tag {
	background-image: url(../images/tag.png);
	background-repeat: no-repeat;
	height: 300px;
	width: 1000px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-position: right bottom;
}
.about {
	width: 650px;
	padding-right: 50px;
	float: left;
}
/* contact style */

div.contact {
	color:#CCC;
	width:500px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 16px;
	margin: 0px;
	float: left;
}
#contactInfo {
	float: right;
	width: 400px;
	text-align: left;
	font-size: 13px;
	line-height: 18px;
}
/* contact form styles*/

#contactForm h1 { margin: 10px 0 10px; font-size: 24px; color: #333333; }
#contactForm hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

#contactForm {
	display: block;
	width: 350px;
	margin: 0px;
	padding: 35px;
	-webkit-border-radius:5px;
	float:left;
}

/* Form style */

#contactForm label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; -webkit-border-radius:5px; }
#contactForm input, textarea, select { width: 180px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; webkit-border-radius:5px; }   
#contactForm input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contactForm input.submit { width: 85px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; }
#contactForm input.submit:hover { background:#444; }
#contactForm input[type="submit"][disabled] { background:#888; }
#contactForm fieldset { padding:20px; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; }
#contactForm legend { padding:7px 10px; font-weight:bold; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }

#contactForm span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.error_message { width: 275px; margin-bottom: 10px; display: block; line-height: 22px; background: #FBE3E4 url('../assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }

.loader { padding: 0 10px; }

#contactForm #success_page h1 { background: url('../images/success.png') left no-repeat; padding-left:22px; color: #d8d4d4; width:300px; height:100px; }

acronym { border-bottom:1px dotted #ccc; }




.head {
	float: right;
	width: 200px;
	background-image: url(../images/head.png);
	background-repeat: no-repeat;
	height: 325px;
	padding-right: 50px;
}
#paypal {
	float: right;
	width: 300px;
}
/* H1 image swaps */
#whoTitle span {
    display: none;
}
#whoTitle {
	background-repeat:no-repeat;
	background-image:url(../images/whoTitle.png);
	height: 50px;
	width: 300px;
}
#photoTitle span {
    display: none;
}
#photoTitle {
	background-repeat:no-repeat;
	background-image:url(../images/photoTitle.png);
	height: 50px;
	width: 350px;
}
#webTitle span {
    display: none;
}
#webTitle {
	background-repeat:no-repeat;
	background-image:url(../images/webTitle.png);
	height: 50px;
	width: 350px;
}
#aboutTitle span {
    display: none;
}
#aboutTitle {
	background-repeat:no-repeat;
	background-image:url(../images/aboutTitle.png);
	height: 50px;
	width: 350px;
}
#contactTitle span {
    display: none;
}
#contactTitle {
	background-repeat:no-repeat;
	background-image:url(../images/contactTitle.png);
	height: 50px;
	width: 350px;
}
/* web portfolio titles */
#contactinfoTitle span {
    display: none;
}
#contactinfoTitle {
	background-repeat:no-repeat;
	background-image:url(../images/contactinfoTitle.png);
	height: 50px;
	width: 300px;
}
#seenTitle span {
    display: none;
}
#seenTitle {
	background-repeat:no-repeat;
	background-image:url(../images/seenTitle.png);
	height: 50px;
	width: 300px;
}
#seenTitle span {
    display: none;
}
#seenTitle {
	background-repeat:no-repeat;
	background-image:url(../images/seenTitle.png);
	height: 50px;
	width: 300px;
	margin-left: 620px;
	margin-top: 0px;
}
#bikearcTitle span {
    display: none;
}
#bikearcTitle {
	background-repeat:no-repeat;
	background-image:url(../images/bikearcTitle.png);
	height: 50px;
	width: 300px;
	margin-left: 620px;
	margin-top: 0px;
}
#paTitle span {
    display: none;
}
#paTitle {
	background-repeat:no-repeat;
	background-image:url(../images/paTitle.png);
	height: 50px;
	width: 300px;
	margin-left: 620px;
	margin-top: 0px;
}
#cnbTitle span {
    display: none;
}
#cnbTitle {
	background-repeat:no-repeat;
	background-image:url(../images/cnbTitle.png);
	height: 50px;
	width: 300px;
	margin-left: 620px;
	margin-top: 0px;
}
#nwTitle span {
    display: none;
}
#nwTitle {
	background-repeat:no-repeat;
	background-image:url(../images/nwTitle.png);
	height: 50px;
	width: 300px;
	margin-left: 620px;
	margin-top: 0px;
}
#lvTitle span {
    display: none;
}
#lvTitle {
	background-repeat:no-repeat;
	background-image:url(../images/lvTitle.png);
	height: 50px;
	width: 300px;
	margin-left: 620px;
	margin-top: 0px;
}
#mealTitle span {
    display: none;
}
#mealTitle {
	background-repeat:no-repeat;
	background-image:url(../images/mealTitle.png);
	height: 50px;
	width: 300px;
	margin-left: 620px;
	margin-top: 0px;
}
#wildTitle span {
    display: none;
}
#wildTitle {
	background-repeat:no-repeat;
	background-image:url(../images/wildTitle.png);
	height: 50px;
	width: 300px;
	margin-left: 620px;
	margin-top: 0px;
}
#appleTitle span {
    display: none;
}
#appleTitle {
	background-repeat:no-repeat;
	background-image:url(../images/appleTitle.png);
	height: 50px;
	width: 300px;
	margin-left: 620px;
	margin-top: 0px;
}
#vacheTitle span {
    display: none;
}
#vacheTitle {
	background-repeat:no-repeat;
	background-image:url(../images/vacheTitle.png);
	height: 50px;
	width: 300px;
	margin-left: 620px;
	margin-top: 0px;
}
#vacheTitle2 span {
    display: none;
}
#vacheTitle2 {
	background-repeat:no-repeat;
	background-image:url(../images/vacheThanks.png);
	height: 50px;
	width: 300px;
	margin-left: 620px;
	margin-top: 0px;
}
.photoWeb {
	margin-top: -20px;
	margin-left: 100px;
}