@charset "utf-8";
/* CSS Document */


.tagline{
float:right;
font-size:1.8em;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-shadow:1px 1px 3px #006699;
position:absolute;
top:50px;
right:0px;
}


/* ============== Global Styles =======================*/

body{
	margin:0px;
	padding:0px;
	background:white;
	min-width:1000px;
	width:auto;
	
}
html{
	
	
	line-height:1.2em;
	margin:0px;
	padding:0px;
	
}



/* ============== Color Palette =======================*/


.red{
	color:#ff6036;
}

.darkblue{
	color:#006699;
}
.white{
	color:#fff;
}

.lightblue{
	color:#3399cc;
}
	



/* ============== Font Styles =======================*/

h1,h2,h3,h4,h5,h6{	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#ff6036;
	margin:0px;
	
}

.bold{
	font-weight:bold;
}
.sans{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

	

.italic{
	font-style:italic;
}






/* ============== Header =======================*/



#banner_ad{
	width:100%;
	background:#009933;
	text-align:center;
	color:white;
	padding:5px;
	border-bottom:1px solid #006633;
	font: 1em"Trebuchet MS", Arial, Helvetica, sans-serif;
	
}

#header{
	width:100%;
	height:150px;
	padding:0px 5px;


	
	background:url(../images/header_bg_tile.jpg) top left repeat-x;
}

#header_container{
	width:800px;
	height:150px;
	background:url(../images/chris_obrien_design_header_logo.jpg) top left no-repeat;
	margin:0px auto;
position:relative;
}

#header-logo{
	margin-top:36px;
	margin-left:85px;
	border:0px;
	float:left;
}

#nav_menu{
	list-style-type:none;
	float:right;
position:absolute;
top:100px;
right:0px;
	
	
}
#nav_menu li{
	float:left;

	
}

#nav_menu li a{
	
	font:.7em"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
display:block;
height:14px;
background:#000;
margin-left:10px;
padding:8px 15px;
-moz-border-radius-topleft:7px;
-webkit-border-top-left-radius:7px;
-moz-border-radius-topright:7px;
-webkit-border-top-right-radius:7px;
background:url(../images/tab-dark.png) top left repeat-x #000;
	
}
	
#nav_menu li a:hover{
	color:#fff;
	text-decoration:none;
	background:url(../images/tab-light.png) top left repeat-x #666;
	border-bottom:1px solid #333;

}



li a#currentpage,li a#currentpage:hover{
	font:.7em"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	display:block;
	height:14px;
	background:#000;
	margin-left:10px;
	padding:8px 15px;
	-moz-border-radius-topleft:7px;
	-webkit-border-top-left-radius:7px;
	-moz-border-radius-topright:7px;
	-webkit-border-top-right-radius:7px;
	color:#000;
	text-decoration:none;
	background:#fff;
	border-bottom:3px solid #fff;
}
	


/* ============== Footer =======================*/


#footer{
	width:100%;
	background: #333 url(../images/footer_bg_tile.jpg) top left repeat-x;
	clear:both;
	font:.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ccc;
	text-align:center;
	padding:0px 5px;
	
	
}

#footer_container{
	width:800px;
	margin:0px auto;
	padding:25px;
	
}

#footer a{
color:#ccc;
text-decoration:none;
}

#footer a:hover{
color: #ff6036 !important;

}


#footer a:visited{
	color:#ccc;
}

.footer_menu{
	list-style-type:none;
}

.footer_box{
	height:200px;
	width:210px;
	margin:25px;
	float:left;
	text-align:left;
}
	
.copyright{
	clear:both;
}

.footer_divider{
	height:200px;
	width:1px;
	background:#151414;
	float:left;
}

/* ============== General Content Styles =======================*/

#content{
	width:800px;
	margin:20px auto;
	font:1em Georgia, "Times New Roman", Times, serif;
	color:#006699;
	text-align:justify;
	padding-bottom:50px;
}
	
#content a{
	color:#ff6036;
}





.two_thirds{
	width:400px;
	height:200px;
}

.one_third{
	width:150px;
	height:200px;
	padding:10px;
}

.full{
	width:760px;
	padding:10px;
}

.box{
	background:#eee;
	border:1px solid #ccc;
	padding:20px;
}

.left{
	float:left;
}

.right{float:right;
}

.justify-right{
	text-align:right;
}

.featured{
	height:220px;
	margin-top:80px;
	overflow:hidden;
	
	
}



.featured-boat{
	background:#eee;
	border:1px solid #ccc;
	padding:20px;
	width:760px;
}

.featured-boat img{
	float:left;
	border:5px solid #fff;
margin-right:25px;
}


.small{
	font-size:.7em;
}

.featured img{
	margin:-30px -20px 0px 20px;
	border:0px;
}

.more{
	font: .8em "Trebuchet MS", Arial, Helvetica, sans-serif;
	float:right;
	text-decoration:none;



}

.more a{
	text-decoration:none;
color:#fff!important;
background:#ff6036;;
padding:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;

}

.clearfix{
	width:800px;
	height:1px;
	margin:30px auto;
	clear:both;
}

.title{
	font:1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
	
}


.page-title-image{
	margin:20px auto 40px;
	}


#headshot{

	background:#eeeeee;
	border:1px solid #ccc;
	padding:8px;
float:left;
margin-right:20px;
}
 
/* ============== Services / Gallery Pages =======================*/

#services_menu{
	list-style-type:none;	

}

#services_menu li{
	float:left;
}

#services_menu li a{
	font:.7em"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	padding:0px 15px;
	text-decoration:none;
	font-weight:bold;
	border-right:1px solid #ccc;	
}


#services_menu li a.last{
	border-right:0px solid #fff;
}

#services_menu li a:hover{
	color:#ff6036;

}



#service_box{
	
	width:800px;
	
}


.logo_box img{
	float:left;
	padding:5px;
	background:#eee;
	border:1px solid #ccc;
	margin:35px;
}
	
.img-box{
	float:left;
	padding:5px;
	background:#eee;
	border:1px solid #ccc;
	margin:15px;
}


.page-nav{
width:765px;
text-align:center;
}

a.page-nav-link{
color:#333;
margin:5px;
padding:5px 10px;
text-decoration:none;
background:#eee;
}

.page-nav-link.current{
background:#ddd;

}

a.arrow{
text-decoration:none;
}



/* =================================== Contact Form =====================================*/






.contact_box{

	float:left;

	width:300px;

	margin-right:5px;

	margin-bottom:10px;

	

}



.select_box{

	float:left;

	margin-right:12px;

	margin-bottom:10px;

	

}

select,option{
	color:#006699;
	}


form{
	width:640px;
	margin:0px auto;
	
	
	

}

form, label{

	font:.9em "Trebuchet MS", Arial, Helvetica, sans-serif;

}

.other_box{

	float:left;

	margin-right:5px;

	margin-bottom:10px;

}



input, textarea{

	border:1px solid #ccc;

	overflow:hidden;
	
	font:.9em "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#006699;

	}

textarea{
	margin-left:2px;
}



input:focus, textarea:focus{

	border:1px solid #ffcc33;

}



fieldset{

	border:0px;

}

.thanks{
	width:600px;
	margin:90px auto;
	text-align:center;
}


.survey-title{
	font:1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.survey-box{
	margin-bottom:30px;
	padding-bottom:20px;
	border-bottom:1px dashed #ccc;
	}

.radio{
	border:0px;
}

.margin-top-10px{
margin-top:10px;
}



/* =================================== Testimonial Page =====================================*/

.testimonial{
width:600px;
margin:60px auto;}