/* ************************ GENERAL ************************ */ body {background-image:url(images/bg_gradient.jpg); background-position: top; background-repeat: repeat-x; background-color:#7a7b7a;} img {border:0px;} p {color:#666; font-size:12px; font-family:Arial, sans-serif;} h1 {color:#17488a; font-size:24px; font-family:Arial, sans-serif;} h2 {color:#c0262b; font-size:16px; font-family:Arial, sans-serif; margin:0px 0px 2px 0px;} h3 {color:#17488a; font-size:14px; font-family:Arial, sans-serif; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px;} h3 .contacttitle {color:#17488a; font-size:14px; font-family:Arial, sans-serif; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} .hidden {visibility:hidden;} .off-left {position: absolute; left:-999px; width:990px;} #container {margin:0 auto; text-align:center;} .clear {clear:both;} a:link {color:#17488a; text-decoration:none; font-family:Arial, sans-serif;} a:visited {color:#17488a; text-decoration:none; font-family:Arial, sans-serif;} a:active {color:#17488a; text-decoration:none; font-family:Arial, sans-serif;} a:hover {color:#17488a; text-decoration:underline; font-family:Arial, sans-serif;} a:visited:hover {color:#17488a; text-decoration:underline; font-family:Arial, sans-serif;} /* ************************ HEADER ************************ */ #header {width:899px; height:98px; background-image:url(images/header_grey_bg.jpg); border-top:1px solid #17488a; border-left:1px solid #17488a; border-right:1px solid #17488a; margin:0 auto; text-align:center; margin-top:10px;} #header .left {width:244px; *width:243px; height:98px; float:left;} #header .logo {width:410px; height:98px; float:left;} #header .right {width:245px; *width:243px; height:98px; float:left; text-align:center;} #header .phonenumber {color:#17488a; font-size:28px; font-family:Arial, sans-serif; font-weight:normal;} #header p {color:#c0272b; font-size:12px; font-family:Arial, sans-serif; font-weight:bold; padding:0; margin:20px 0px 0px 0px;} /* ************************ NAVIGATION ************************ */ #nav {height:36px; width:899px; background-image:url(images/nav_bg_red.jpg); border-left:1px solid #17488a; border-right:1px solid #17488a; margin:0 auto; text-align:center;} #nav ul {width:620px; text-align:center; list-style-type:none; margin:0px auto 0px auto; padding:0px 0px 0px 0px;} #nav ul li {float:left; height:36px; margin:0px 5px 0px 5px;} #nav a:link {color:#fff; text-decoration:none; font-size:14px; font-weight:bold; font-family:Arial, sans-serif; display:block; height:36px; line-height:36px; padding:0px 10px 0px 10px; text-align:center;} #nav a:visited {color:#fff; text-decoration:none; font-size:14px; font-weight:bold; font-family:Arial, sans-serif; display:block; height:36px; line-height:36px; padding:0px 10px 0px 10px; text-align:center;} #nav a:active {color:#fff; text-decoration:none; font-size:14px; font-weight:bold; font-family:Arial, sans-serif; display:block; height:36px; line-height:36px; padding:0px 10px 0px 10px; text-align:center;} #nav a:hover {color:#999; text-decoration:none; font-size:14px; font-weight:bold; font-family:Arial, sans-serif; display:block; height:36px; line-height:36px; padding:0px 10px 0px 10px; text-align:center;} #nav a:visited:hover {color:#999; text-decoration:none; font-size:14px; font-weight:bold; font-family:Arial, sans-serif; display:block; height:36px; line-height:36px; padding:0px 10px 0px 10px; text-align:center;} /* ************************ MAIN IMAGE ************************ */ #mainimage {width:899px; border-left:1px solid #17488a; border-right:1px solid #17488a; margin:0 auto; text-align:center;} #mainimage .mainimage {width:899px; height:265px; margin:0px 0px 0px 0px;} #mainimage .mainimage_shadow {width:899px; height:12px; margin:0px 0px 0px 0px;} /* ************************ HOMEPAGE ************************ */ #homepage {width:899px; background-color:#fff; border-left:1px solid #17488a; border-right:1px solid #17488a; border-bottom:1px solid #17488a; background-image:url(images/page_right_gradient.jpg); background-position:right; background-repeat: repeat-y; margin:0 auto; text-align:center;} #homepage .left {width:270px; *width:250px; text-align:left; float:left; margin:0px 20px 20px 20px;} #homepage .right {width:589px; *width:580px; text-align:left; float:left; margin:0px 0px 20px 0px;} #homepage ul {width:210px; float:left; list-style-type:none; margin:0px 50px 15px 0px; padding:0px 0px 0px 25px; list-style-image:url(images/icon_wrench.png);} #homepage ul li {color:#666; font-size:12px; font-family:Arial, sans-serif; padding:2px 0px 2px 0px; border-bottom:1px solid #c5c3c3; *padding:2px 0px 2px 10px;} /* ************************ INSIDE PAGE ************************ */ #mainpage {width:899px; background-color:#fff; border-left:1px solid #17488a; border-right:1px solid #17488a; border-bottom:1px solid #17488a; background-image:url(images/page_right_gradient.jpg); background-position:right; background-repeat: repeat-y; margin:0 auto; text-align:center;} #mainpage .about_leftpage {width:419px; *width:396px; text-align:left; float:left; margin:0px 20px 20px 20px;} #mainpage .about_rightimage {width:440px; text-align:left; float:left; margin:20px 0px 20px 0px;} #mainpage .services_leftpage {width:598px; *width:575px; text-align:left; float:left; margin:0px 20px 20px 20px;} #mainpage .services_rightimage {width:261px; text-align:left; float:left; margin:20px 0px 20px 0px;} #mainpage ul.services {float:left; list-style-type:none; margin:0px 0px 15px 30px; padding:0px 0px 0px 25px; list-style-image:url(images/icon_arrow.png); *margin:0px 0px 15px 0px; *padding:0px 0px 0px 25px;} #mainpage ul.services li {color:#666; font-size:12px; font-family:Arial, sans-serif; padding:2px 0px 10px 0px; *padding:2px 0px 10px 5px;} #mainpage .work_leftpage {width:859px; *width:817px; float:left; text-align:left; margin:0px 20px 20px 20px;} #mainpage ul.work {list-style-type:none; margin:20px 0px 20px 0px; padding:0px 0px 0px 0px;} #mainpage ul.work li {width:398px; height:297px; float:left; padding:0px 15px 30px 15px; *padding:0px 5px 30px 5px; *margin:0px 0px 0px 0px;} #mainpage .vendor_leftpage {width:859px; *width:817px; float:left; text-align:left; margin:0px 20px 20px 20px;} #mainpage .vendor {border-top:1px solid #c8c8c8; clear:both; margin:0px 0px 20px 0px;} #mainpage .vendor_logo {width:200px; float:left; text-align:left; padding:0px 0px 0px 0px; } #mainpage .vendor_text {width:629px; *width:587px; float:left; padding:0px 30px 0px 0px;} #mainpage .vendorp {color:#666; font-size:12px; font-family:Arial, sans-serif; margin:3px 0px 10px 0px; padding:0px 0px 0px 0px;} #mainpage .contact_leftpage {width:598px; text-align:left; float:left; margin:0px 20px 20px 20px;} #mainpage .contact_rightimage {width:221px; height:422px; text-align:left; float:left; margin:20px 0px 20px 0px; background-image:url(images/right_col_blank.jpg); background-repeat:no-repeat; padding:30px 0px 0px 40px;} /* #mainpage ul.contactform {list-style-type:none; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px;} #mainpage ul.contactform li {color:#666; font-size:12px; font-family:Arial, sans-serif; padding:2px 0px 10px 0px;} */ /* ************************ CONTACT FORM ************************ */ ul.contactform {list-style: none; float:left; margin:0px 0px 0px 0px; padding:0px 0px 5px 0px; text-align:left;} ul.contactform li {padding:0px 0px 5px 0px;} ul.contactFormaform li.testfield {padding:0px 0px 10px 0px;} label {color:#17488a; font-weight:bold;font-size:12px; font-family:Arial, Verdana, Helvetica, sans-serif; text-align:left;} input.textfield {vertical-align:middle; width:300px; height:20px; line-height:20px; color:#000; background-color:#fafafa; border:1px solid #999; padding:0px 0px 0px 0px;} textarea.commentfield {width:500px; height:150px; color:#000; background-color:#fafafa; border:1px solid #999; font-size:12px; font-family:Arial, Verdana, Helvetica, sans-serif;} .submit_button {padding:10px 0px 0px 0px;} /********************************** Use: cmxform template Author: Nick Rigby ***********************************/ #c_form form.contactform fieldset { margin-bottom: 10px; } #c_form form.contactform legend { padding: 0 2px; font-weight: bold; _margin: 0 -7px; /* IE Win */ } #c_form form.contactform label { display: inline-block; line-height: 1.8; vertical-align: top; } #c_form form.contactform fieldset ol { margin: 0; padding: 0; } #c_form form.contactform fieldset li { list-style: none; padding: 5px; margin: 0; } #c_form form.contactform fieldset fieldset { border: none; margin: 3px 0 0; } #c_form form.contactform fieldset fieldset legend { padding: 0 0 5px; font-weight: bold; font-size:12px; } #c_form form.contactform fieldset fieldset label { display: block; width: auto; font-weight:normal; } #c_form form.contactform em { font-weight: bold; font-style: normal; color: #f00; } em { font-weight: bold; font-style: normal; color: #f00; } #c_form input.blocks { width:300px; } #c_form input.blocks_sm { width:150px; } #c_form form.contactform label { width: 140px; } /* Width of labels */ #c_form form.contactform fieldset fieldset label { margin-left: 143px; } /* Width plus 3 (html space) */ /*\*//*/ #c_form form.contactform legend { display: inline-block; } /* IE Mac legend fix */ /********************************** Use: Reset Styles for all browsers Author: Nick Rigby ***********************************/ #c_form body, #c_form p, #c_form blockquote { margin: 0; padding: 0; } #c_form a, #c_form img, #c_form iframe { border: none; } /* Headers ------------------------------*/ #c_form h1, #c_form h2, #c_form h3, #c_form h4, #c_form h5, #c_form h6 { margin: 0; padding: 0; font-size: 100%; } /* Lists ------------------------------*/ #c_form ul, #c_form ol, #c_form dl, #c_form li, #c_form dt, #c_form dd { margin: 0; padding: 0; list-style-type: none; } /* Links ------------------------------*/ #c_form a, a:link {} #c_form a:visited {} #c_form a:hover {} #c_form a:active {} /* Forms ------------------------------*/ #c_form form, #c_form fieldset { margin: 0; padding: 0; } #c_form fieldset { border: 0px solid #000; } #c_form legend { padding: 0; color: #000; } #c_form input, #c_form textarea, #c_form select { margin: 0; padding: 1px; font-size: 100%; font-family: inherit; } #c_form select { padding: 0; } /********************************** Name: cmxform Styles Author: Nick Rigby ***********************************/ #c_form form.contactform { width: 600px; font-size: 14px; color: #c0262b; font-family: Arial; font-weight:normal; } #c_form form.contactform legend { padding-left: 0;} #c_form form.contactform legend, #c_form form.contactform label { color: #333; } #c_form form.contactform fieldset { border: none; border-top: 0px solid #C9DCA6; background: url(../images/cmxform-fieldset.gif) left bottom repeat-x; } #c_form form.contactform fieldset fieldset { background: none; } #c_form form.contactform fieldset li { padding: 5px 10px 7px; background: url(../images/cmxform-divider.gif) left bottom repeat-x; } #c_form form.contactform textarea { width:400px; height:200px; } /* ************************ FOOTER ************************ */ #footer {height:70px; text-align:center; clear:both; margin:0 auto; text-align:center; background-image:url(images/footer_shadow.png); background-position: top; background-repeat: no-repeat; margin:0px 0px 0px 0px; padding:15px 0px 0px 0px;} #footer p {color:#fff; font-size:11px; font-family:Arial, sans-serif; margin:0px 0px 11px 0px;} #footer a:link {color:#fff; text-decoration:none; font-size:11px; font-family:Arial, sans-serif; margin:0px 5px 0px 5px;} #footer a:visited {color:#fff; text-decoration:none; font-size:11px; font-family:Arial, sans-serif; margin:0px 5px 0px 5px;} #footer a:active {color:#fff; text-decoration:none; font-size:11px; font-family:Arial, sans-serif; margin:0px 5px 0px 5px;} #footer a:hover {color:#fff; text-decoration:underline; font-size:11px; font-family:Arial, sans-serif; margin:0px 5px 0px 5px;} #footer a:visited:hover {color:#fff; text-decoration:underline; font-size:11px; font-family:Arial, sans-serif; margin:0px 5px 0px 5px;}