/*--Reset--*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; line-height:1.6em; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,strong,th { font-size: 1em; font-weight: normal; /*font-style: normal;*/ }
ul,ol {list-style: none; }
fieldset,img {border: none; }
caption,th {text-align: left; }
table {border-collapse: collapse; border-spacing: 0; }
div.clear {clear:both; height:1%;}

/* -- New Defaults -- */

p {margin:18px 0 4px;}

a:link {color:#91C0F3;}
a:hover {color:#B7D7E6;}
a:visited {color:#A6C0E3;}

#text span, #text p, #text font {color:#fff !important;} /*Overrides the MS-office styles that they're embedding accidently.*/
#text a * {color:#91C0F3 !important;} /*Unbreak the coloring for anchors (office puts font tags inside them, brilliant!)*/

pre {font-family:"Trebuchet MS", "Helvetica", sans-serif;}

strong {font-weight:bold;}

/* ================ */
/* = Basic Layout = */
/* ================ */


body {
	background:url('../../images/bg_tile.gif') repeat top left;
	font-family:"Trebuchet MS", "Helvetica", sans-serif;
}

#wrapper {
	width:1020px;
	margin:0 auto;
	background-image:url('../../images/photoBGs/building_bg.jpg');
	background-repeat: no-repeat;
	background-position:top left;
}

#whyoimyc #wrapper {background-image: url('../../images/photoBGs/b_boat_bg.jpg');}
/*#marina #wrapper {background-image: url('../../images/photoBGs/w_boat_bg.jpg');}*/
#news #wrapper {background-image: url('../../images/photoBGs/y_boat_bg.jpg');}
#location #wrapper {background-image: url('../../images/photoBGs/w_boat_bg.jpg');}
#coastal #wrapper {background-image: url('../../images/photoBGs/b_boat_bg.jpg');}
#cam #wrapper {background-image: url('../../images/photoBGs/y_boat_bg.jpg');}
/*#owners #wrapper {background-image: url('../../images/photoBGs/y_boat_bg.jpg');}*/
#boat_sales #wrapper {background-image: url('../../images/photoBGs/w_boat_bg.jpg');}
/*#boat_repairs #wrapper {background-image: url('../../images/photoBGs/prop_bg.jpg');}*/
#q_a #wrapper{background-image: url('../../images/photoBGs/b_boat_bg.jpg');}
/*#contact #wrapper{background-image: url('../../images/photoBGs/y_boat_bg.jpg');}*/

#header {height:193px;}

#navigation ul {height:31px;}

#navigation ul li {display:inline;}

#main {
	background:transparent url('85_trans.png');
	margin:0px 9px 0;
}

#text {
	padding:18px 75px 40px;
	background:url('../../images/bg_text3.jpg') no-repeat bottom center;
	font-size:12px;
	overflow:hidden;
	min-height:250px;
}

#background {
	width:1020px;
	margin:0 auto;
	background:url('../../images/mid_tile.gif') repeat-y top left;
}

#footer {
	margin:0 auto;
	background:url('../../images/bottom_cap.gif') no-repeat top left;
}


#text th {
	font-size:1.5em;
	border-bottom:2px solid #fff;
}



/* ============== */
/* = Navigation = */
/* ============== */


#navigation {
	padding-left:9px;
}

#navigation a {
	float:left;
	display:block;
	height:31px;
	color:#fff;
	text-decoration:none;
	font-size:12px;
	font-family:Impact, Charcoal, sans-serif;
	text-transform:uppercase;
}

#navigation a {
	background-image: url('../../images/navigation_spriteNEW.jpg');
	background-position: top left;
}

#navigation a span {display:none;}

#navigation #Home {background-position:0px 0;width:40px;}
#navigation #Why_OIMYC {background-position:-40px 0;width:64px;}
#navigation #Marina_Updates {background-position:-104px 0;width:88px;}
/*#navigation #In_the_News {background-position:-190px 0;width:69px;} ......replaced by Our Team - moved below Contact */
#navigation #Location {background-position:-192px 0;width:56px;}
/*#navigation #Coastal_NC {background-position:-315px 0;width:66px;} .......replaced by Our friends see next line below */
#navigation #Our_Friends {background-position:-248px 0;width:71px;}
#navigation #Web_Cam {background-position:-319px 0;width:59px;}
#navigation #Main_Page {background-position:-378px 0;width:255px;}
/*#navigation #Web_Cam {background-position:-626px 0;width:59px;}    ........moved to before Main_Page, see 2 lines above */
#navigation #Owners_Only {background-position:-633px 0;width:76px;}
#navigation #Boat_Sales {background-position:-709px 0;width:66px;}
#navigation #Boat_Repairs {background-position:-775px 0;width:78px;}
#navigation #Q_A {background-position:-853px 0;width:30px;}
#navigation #Contact {background-position:-883px 0;width:51px;}
#navigation #Our_Team {background-position:-934px 0;width:68px;}

/* below are the over states... */

#navigation a#Home:hover {background-position:0 -31px;}
#navigation a#Why_OIMYC:hover {background-position:-40px -31px;}
#navigation a#Marina_Updates:hover {background-position:-104px -31px;}
/*#navigation a#In_the_News:hover {background-position:-190px -31px;} ......replaced by Our Team - moved below Contact */
#navigation a#Location:hover {background-position:-192px -31px;}
/*#navigation a#Coastal_NC:hover {background-position:-315px -31px;} .......replaced by Our friends see next line below */
#navigation a#Our_Friends:hover {background-position:-248px -31px;}
#navigation a#Web_Cam:hover {background-position:-319px -31px;}
/*#navigation a#Main_Page:hover {background-position:-381px -31px;}*/
/*#navigation a#Web_Cam:hover {background-position:-626px -31px;}    ........moved to before Main_Page, see 2 lines above */
#navigation a#Owners_Only:hover {background-position:-633px -31px;}
#navigation a#Boat_Sales:hover {background-position:-709px -31px;}
#navigation a#Boat_Repairs:hover {background-position:-775px -31px;}
#navigation a#Q_A:hover {background-position:-853px -31px;}
#navigation a#Contact:hover {background-position:-883px -31px;}
#navigation a#Our_Team:hover {background-position:-934px -31px;}


/* =========== */
/* = Content = */
/* =========== */




/* -- Headers -- */

h1#pagename {
	opacity: .90;
	filter:alpha(opacity=90);
	margin:14px 9px 0;
}

h1#pagename {
	background: url('../../images/header_line2.gif') repeat-x scroll top left;
	height: 32px;
}
h1#pagename span {
	display:block;
	float:left;
	text-indent:-1000em;
	height:32px;
}

h1#pagename span {background-position:top left;background-repeat:no-repeat;}
h1#pagename.contact span {background-image: url('../../images/text_headers/contact.gif');	width: 146px;}
h1#pagename.web_cam span {background-image: url('../../images/text_headers/web_cam.gif');	width: 187px;}
h1#pagename.q_a span {background-image: url('../../images/text_headers/faq.gif'); width: 185px;}
h1#pagename.owners_only span {background-image: url('../../images/text_headers/owners_only.gif'); width: 206px;}
h1#pagename.marina_updates span {background-image: url('../../images/text_headers/marina_updates.gif'); width: 249px;}
h1#pagename.location span {background-image: url('../../images/text_headers/location.gif'); width: 179px;}
h1#pagename.in_the_news span {background-image: url('../../images/text_headers/in_the_news.gif'); width: 208px;}
h1#pagename.contact span {background-image: url('../../images/text_headers/contact.gif');	width: 146px;}
h1#pagename.coastal_nc span {background-image: url('../../images/text_headers/coastal_nc.gif');	width: 215px;}
h1#pagename.boat_sales span {background-image: url('../../images/text_headers/boat_sales.gif');	width: 190px;}
h1#pagename.boat_repairs span {background-image: url('../../images/text_headers/boat_repairs.gif'); width: 196px;}
h1#pagename.amenities span {background-image: url('../../images/text_headers/amenities.gif'); width: 196px;}
h1#pagename.why_oimyc span {background-image: url('../../images/text_headers/whyoimyc.gif'); width: 240px;}

#text {
	color:#efefef;
}

#text p {
	margin-left:25px;
	margin-right:20px;
}

#text ul {
	margin:20px 40px 10px;
	list-style-type: disc;
}

#text li {
	margin:0.5em 0;
}

#text h2 {
	margin-left:20px;
	margin-top:40px;
	color:#fff;
	font-weight:bold;
	font-size:15px;
	font-variant:small-caps;
}


/*-- Image Gallery Page --*/

.gallery a {
	display:block;
	float:left;
	padding:12px 25px;
}

.gallery img {
	border:1px solid #4284E3;
}




/*-- Contact Page --*/


#contact_info {
/*	margin-top:20px;*/
/*	margin-right:120px;*/
	float:left;
}

#contact_info table {
	margin-left:28px;
	margin-top:50px;
}

#contact_info th, #contact_info td {
	padding:8px 12px;
}

#contact_info th {
	vertical-align: top;
	color:#2F61A8;
}


#contact_form {
	float:right;
	padding-left:25px;
}

#contact_form form table {
	margin-top:25px;
}

#contact_form form label {
	color:#fff;
	display:block;
	text-align:right;
	padding-right:1.5em;
}

#contact_form form input {
	width: 15em;
}

#contact_form textarea {
	width:15em;
	height:8em;
}

#submit {
	text-align:right;
}

#contact_form #submit input {
	width:auto;
}



/* -- Boat Sales -- */

#boats {
}

#boats th {
	color:#eee;
	font-weight:bold;
	border-bottom:1px solid #eee;
}
#boats td, #boat_detail td {
	padding:2em 0 1em;
}
#boats .price, #boat_detail .price {
	font-weight:bold;
}
#boats .description, #boat_detail table td {
	padding: 0 1em;
	border-bottom:1px solid #eee;
}
#boats .description p, #boat_detail table p {
	margin:0;
	padding:0;
}
#boats img {
	width:220px;
	padding: 0 15px;
}

#boat_detail td {
	vertical-align: top;
	border-bottom:0;
}

#boat_detail table td {
	border-bottom:0;
}

#boat_detail .price {
	padding-top:4em;
}

#boat_detail img {
	width:400px;
}
#boat_detail .thumbnails {
	text-align:center;
}
#boat_detail .thumbnails img {
	width:150px;
	padding:1em 4em;
}


/* -- Web Cam -- */

#cam_applet {
	width:530px;
	height:365px;
	margin:0 auto;
	padding:1.5em 0;
}


/* -- Owner Login -- */

#login th {
	font-size:1em;
}

#login th {
	border:none;
}

#login {
	margin:1em 4em;
}

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

#footer {
	clear:both;
	width:900px;
	padding:48px 60px;
	font-size:9px;
	text-align:center;
	color:#333;
}