/* ----------------------------------------------- Moose Deer Point Marina v1.0 - Master Stylesheet Author: Joel Ray Version: 2009.01 This stylesheet holds all the main styles for this new version of MDPM. ----------------------------------------------- */ /* Global Classes ----------------------------------------------- */ body { background:#0d2840; } /* Structure ----------------------------------------------- */ #wrapper { width:940px; margin:0 auto; border-left:3px solid #7eaed9; border-right:3px solid #7eaed9; padding:0 10px 0 10px; } /*Header*/ #header { height:165px; margin:0 -10px 0 -10px; overflow:hidden; } #header #logo { margin:0 15px 0; } #header #wordmark { float:right; margin:50px 70px 0 0; text-align:center; } #header #wordmark #bigtop { font-size:50px; } #header #wordmark #smallbot { font-size:12px; margin:-10px 0; } /*Separator*/ #separator { margin:0 -10px 0 -10px; height:20px; background-color:#7eaed9; } #pagetitle { margin:0 -10px 0 -10px; height:80px; background-color:#0d2840; } #title { padding:23px 0 23px 20px;} /*Main*/ #main { margin:0 -10px 0 -10px; padding:30px 20px 30px 20px; background-color:#4a6d8c; } #main #images { margin:0; padding:0; list-style-type:none; float:left; width:390px; } #main #images li { margin-bottom:15px; } #main #images .img { border:2px solid #7eaed9; } /*About*/ #main #imagesAbout { margin:0 0 0 90px; padding:0; list-style-type:none; float:left; width:300px; } #main #imagesAbout li { margin-bottom:15px; } #main #imagesAbout .img { border:2px solid #7eaed9; } /* Text Styles ----------------------------------------------- */ #main .text { float:right; width:515px; } #main .textHist { float:right; width:515px; line-height:26px; } #main .histHead2 { float:right; width:515px; } #main .aboutHead2 { float:right; width:515px; margin:0 0 -10px 0; text-align:center; } #main .dockHead { float:right; width:450px; } #main .dockHead2 { float:right; width:450px; } #main .servHead { float:right; width:450px; } #main #center { text-align:center; } #main .center { text-align:center; } #main h5 { margin-top:-15px;} #main .fees { float:right; width:400px; margin:0 30px 15px 0; } #main .fees li { list-style-type:none; display:inline-block; vertical-align:top; } #main .fees .product { width:250px; list-style-type:none; } #main .fees .pricing { width:60px; list-style-type:none; } #main .fees h4 {margin-top:-8px;} #main .fees #producttype { width:150px; } #main .fees #vehicle { width:96px; } #main .fees #trailer { width:60px; } #main .left #emails { line-height:24px; font-weight:normal; } #main .left h3 { margin:15px 0 -10px 0; } #main .left h5 { margin:15px 0 -10px 0; } #main .left .jobPos { color:#7eaed9; font-weight:bolder; } /* Navigation ----------------------------------------------- */ #header #nav { margin:-30px 10px 0 ; font-size:14px; font-weight:bold; float:right; } #header #nav a:link, a:visited, a:active { text-decoration:none; color:#fff; } #header #nav a:hover { color:#7eaed9; } #header #nav ul { list-style-type:none; margin:0; } #header #nav li { height:35px; display:inline-block; padding:0 10px 0 10px; } #header #nav li .active { padding-bottom:10px; border-bottom:8px solid #7eaed9; } /* Home ----------------------------------------------- */ /*Flashbar*/ #flashbar { height:270px; background:#7eaed9; margin:0 -10px 0 -10px; } #flashbar #anchor { margin:-5px 0; } #flashbar #slogantext { margin:-78px 0 0 90px; width:470px; } #flashbar #slogantext #bodycopy { line-height:35px; margin-top:-15px; } #flashbar #flash { float:right; margin-top:-190px; } #flashbar #flashContent { float:right; margin-top:-190px; z-index:100; } /*Btnbar*/ #btnbar { height:80px; background:#0d2840; margin:0 -10px 0 -10px; } #btnbar #quickbtns { margin:0; } #btnbar #quickbtns li { margin:20px 14px 0 0; float:left; display:inline; } #btnbar #quickbtns li .btn { text-indent:-9999px; display:block; height:40px; background-repeat:no-repeat; background-position:0 0; } #btnbar #quickbtns li:hover .btn { background-position:0 -40px; } #btnbar #quickbtns #aboutus .btn { background-image:url("../../img/home/btn1.gif"); width:200px; } #btnbar #quickbtns #findus .btn { background-image:url("../../img/home/btn2.gif"); width:132px; } #btnbar #quickbtns #contactus .btn { background-image:url("../../img/home/btn3.gif"); width:175px; } /*Super Content(main section)*/ #supercontent { } #supercontent #abouttext { background:url("../../img/home/map-left.jpg") no-repeat; height:400px; width:535px; margin:0 0 0 -10px; padding:0 20px 0 10px; } #supercontent #abouttext h1 { color:#0d2840; line-height:42px; text-align:center; } #supercontent #abouttext p { color:#0d2840; line-height:32px; } #supercontent #abouttext #services { color:#0d2840; margin:0 15px 0 25px; } #supercontent #sidebar { float:right; background:url("../../img/home/map-right.jpg") no-repeat; height:400px; width:408px; margin:-400px -10px 0; } #supercontent #sidebar h3 { color:#fff; padding-left:10px; } #supercontent #sidebar .map { float:left; padding-left:10px; } #supercontent #sidebar #maptext { float:right; width:210px; margin:0 10px 0 10px; padding:0 10px 0 10px; } #supercontent #sidebar #maptext p { color:#fff; } #supercontent #sidebar #contacthead { margin-top:10px; } #supercontent #sidebar #contacttext { width:150px; margin:0 10px; } #supercontent #sidebar #contacttext p { color:#fff; } /* Location ----------------------------------------------- */ #topmap { margin:-10px 0 0 0; } #viewmap a:hover { color:#0d2840; } #directionshead { margin-top:-20px; } #directions { list-style-type:none; margin:0 0 30px 0; padding:0; } #directions li { display:inline-block; vertical-align:top; width:300px; } #directions #north { width:300px; margin-right:6px; } #directions #east { width:300px; margin-right:6px; } #directions #south { width:300px; } .header {height:30px; background-color:#0d2840;} .header p { padding:6px 0 0 10px; font-size:14px; font-weight:bold; } .content { background-color:#7eaed9; } .steps { cursor:pointer; } #directions #north .content .steps { margin:0 0 0 10px; padding:0 0 10px 0; } #directions #north .content .steps li { color:#0d2840; } #directions #north .content .steps li a:link, a:active, a:visited { color:#fff; } #directions #north .content .steps li a:hover { color:#0d2840; } #directions #east .content .steps { margin:0 0 0 10px; padding:0 0 10px 0; } #directions #east .content .steps li { color:#0d2840; } #directions #east .content .steps li a:link, a:active, a:visited { color:#fff; } #directions #east .content .steps li a:hover { color:#0d2840; } #directions #south .content .steps { margin:0 0 0 10px; padding:0 0 10px 0; } #directions #south .content .steps li { color:#0d2840; } #directions #south .content .steps li a:link, a:active, a:visited { color:#fff; } #directions #south .content .steps li a:hover { color:#0d2840; } /* Contact ----------------------------------------------- */ #contactslogan { width:400px; } #contactIndent { margin-left:50px;} /* Forms ----------------------------------------------- */ /*Home*/ #supercontent #sidebar #homecontact { float:right; height:190px; font-size:14px; line-height:18px; margin-top:-145px; padding: 10px 20px 0 20px; } #supercontent #sidebar #Name { width:200px;height:17px; color:#4a6d8c; font-size:14px; padding: 3px 8px 3px 8px; overflow:hidden; border:none; background:#0d2840; } #supercontent #sidebar #Message { color:#4a6d8c; font-size:14px; margin:8px 0 0 0; padding: 3px 8px 3px 8px; overflow:hidden; border:none; background:#0d2840; } button { float:right; cursor:pointer; color:#4a6d8c; font-size:15px; border:none; background:#0d2840; display:block; text-align: center; margin:-10px 0 0; padding:6px 15px 7px 15px; height:33px; } button:hover { background:#7eaed9; color:#fff; } /*Contact*/ button.submit { margin-right:70px; background:#7eaed9; color:#fff; width:125px; } button.submit:hover { background:#0d2840; } #main input { width: 300px; padding:10px; border:none; background:#7eaed9; margin:5px 70px 10px 8px; font-size:18px; } #main textarea { width:300px; height:150px; display:block; background:#7eaed9; margin:13px 0 20px 8px; padding:10px; font-size:18px; line-height:24px; overflow:auto; } #main label { display:block; font-size:14px; text-indent:10px; font-weight:bold; } #main label.error { position:absolute; top:-16px; right:49px; padding:3px; color:#0d2840; font-size:12px; text-align:right; font-style:italic; font-weight:normal; } /* Footer ----------------------------------------------- */ #footer { background-color:#c7b29a; height:90px; margin:0 -10px 0 -10px; } #footer ul { margin:5px 0 5px 0; } #footer .rope { margin-top:-10px; } #footer .email { margin:0 0 0 20px; color:#0d2840; } #footer .email a { color:#0d2840; } #footer .email a:hover { color:#fff; } #footer li { float:left; display:inline; color:#0d2840; padding-right:8px; } #footer li a { float:left; display:inline; color:#0d2840; padding-right:8px; } #footer li a:hover { float:left; display:inline; color:#fff; padding-right:8px; } #footer .copyright { float:right; color:#0d2840; text-align:right; margin:-35px 20px;} /* Extras ----------------------------------------------- */ #clear { clear:both; } #pad150b { padding-bottom:150px; }