/* CSS Document */ /* Original Author: James Kumar */ /*****01:Reset ----------------------------------------------------------------------------------------*/ body,div,dl,dt,dd,h1,ul,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} fieldset,img{border:0; border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} caption,th {text-align:left;} q:before,q:after{content:"'";} abbr,acronym {border:0;font-variant:normal;} sup,sub{line-height:-1px;vertical-align: text-top;} sub {vertical-align:text-bottom;} textarea {line-height:1.25;} label {cursor:pointer;} form {margin:0;padding:0;} body {font-family: Arial,Helvetica,verdana,san-serif; font-size: 14px;line-height: 19px; margin:0 0 0 0;} a {border:none; text-decoration: none;} a {color: #92ca3f; font-family: Helvetica, Arial, san-serif; text-decoration: none;} a:hover {color:#7BA23B;} p {color:#656565;font-family: Arial,Helvetica,verdana,san-serif; font-size: 14px; line-height: 19px;padding:3px 0 5px 0; margin: 3px 0 5px 0;} /*****02:Header Styles -------------------------------------------------------------------------------*/ #container {margin-right: auto; margin-left: auto; width: 1000px; position: fixed center; background-image: url(/images/body_bdg.png); background-repeat: repeat-y; } #master_header {width:100%; height:93px;background-image: url(/images/header_strip_bdg2.png); background-repeat: repeat-x; } #header {width:1000px;height:101px;margin-right: auto; margin-left: auto; } #navigation {float:right;margin-top:40px; margin-right:40px; padding: 0 0 0 0;} #logo {width:182px; margin-top:10px;margin-left:40px;float:left;} #body {width:1000px; } #clear {clear:both;} #home_left_col {float:left;} #home_right_col {float:right; width: 238px; margin-right:38px;} #intouch {width:238px;height:39px;background-color:#BDDE65;} #intouch .intouch_title {color:#222e2e; font-size:20px; font-family: Arial, Verdana, Helvetica, sans-serif;font-weight: normal;padding-left:8px;padding-top:10px;} #home_quote_container {width:238px;height:257px;border-top:1px solid #ffffff;background-image: url(/images/hm_quote_bdg.png); background-repeat: no-repeat;} #home_quote_container2 {width:238px;height:355px;border-top:1px solid #ffffff;background-image: url(/images/port_blurb_bdg.png); background-repeat: no-repeat;} #home_quote_container .home_quote {color:#BDDE65;padding: 22px 11px 0px 9px;} #home_quote_container2 .home_quote {color:#BDDE65;padding: 22px 11px 0px 9px;} #menu_container {width:238px;height:257px;border-top:1px solid #ffffff;background-image: url(/images/hm_quote_bdg.png); background-repeat: no-repeat;} #home_quote_container .quote_contact_button {padding: 15px 0px 0px 9px;} #home_tags {width:238px;margin-top:20px;line-height:25px;margin-bottom:30px;} #search_tags {width:238px;margin-top:0px;line-height:25px;margin-bottom:30px;} #master_slide_container {margin-left:1px;margin-top:50px; width:998px; height:400px; background-image: url(/images/slide_master_bdg.png); background-repeat: no-repeat;} #leftcontent {width:998px;float:left;} #rightcontent {float:right;width:242px;float:right;font-family: Arial, Verdana, Helvetica, san-serif;color:#fff; text-align: center;font-size: 18px; font-weight: bold;} #phone {width:242px;float:right;font-family: Arial, Verdana, Helvetica, san-serif;color:#fff; text-align: center;font-size: 18px; font-weight: bold;padding-top:5px;} #skype {width:242px;float:right;font-family: Arial, Verdana, Helvetica, san-serif;color:#fff; text-align: center;font-size: 14px; font-weight: normal;} #hometxt {width:601px; margin-left:35px;padding-bottom:50px;} #content_txt {width:690px; height:187px;background-image: url(../images/hm_txt_bdg.png);margin-left:15px;} #welcome_text {margin-left:0px;margin-right:15px;} #hm_intro_blurb {margin-left:35px;margin-top:5px;} h2 {font-family: Arial, Verdana, Helvetica, san-serif;font-size: 14px;margin-left:15px;padding-top:15px;color:#787878;} h3 {font-family: Arial, Verdana, Helvetica, san-serif;font-size: 13px;padding-top:0px;color:#54574f;} .pageheader {font-family: Arial, Verdana, Helvetica, san-serif;font-weight: bold;font-size: 24px;margin-left:0px;color:#54574f;margin-top:40px; margin-bottom:5px;} .mainText {margin-left:0px;margin-right:10px;padding-bottom:30px;} .content {padding-top:15px;padding-bottom:15px;} .mainText_portfolio {margin-left:0px;margin-right:10px;padding-bottom:30px;} .mainText ul {padding-left:25px;color:#656565;} .mainText li {padding-bottom:15px;color:#656565;} #breadcrumb_container {width:954px;height:60px;} #breadcrumb_container .breadcrumb {color:#54574f; padding-top:17px; margin-left:38px; font-size:11px;} .breadcrumb a {color:#92ca3f;} .breadcrumb a:hover {color:#54574f;} .breadcrumb{ width: 100%; } .breadcrumb ul{ margin: 0; padding: 0; float: left;} .breadcrumb ul li{ display: inline;} .breadcrumb ul li a{ float: left; text-decoration: none; color: #54574f; } .breadcrumb ul li a:visited{ color: 54574f;} .breadcrumb ul li a:hover, .breadcrumb ul li .current{ color: #92ca3f;} #content_left_col {width:650px; float:left;margin-left:38px;padding-bottom:30px;} #content_left_col_portfolio {width:749px; float:left;margin-left:1px;} #content_right_col {width:238px; float:right; margin-right:38px;} #content_right_col_portfolio {width:238px; float:right; margin-right:5px;} .port_image {width:303px; height:130px;margin-left:38px;padding-top:28px;} .port_title {margin-left:38px;color:#222e2e;padding-top:13px; font-size:20px; font-family: Arial, Verdana, Helvetica, sans-serif;} .portfolio_container {background-color:#f4f4f4;height:223px;width:373px;float: left; border-top: dashed 1px #a9aaa7;border-right: dashed 1px #a9aaa7;} .portfolio_list {list-style: none;padding-left:0px;margin-left:0px;width:749px;} .portfolio_list ul {padding-left:0px;margin-left:0px;} .portfolio_list ul li {margin:0px;padding-left:0px;margin-left:0px;} .portfolio_list li {float:left; width:374px; padding-left:0px;margin-right:0px;} #leftcol {width:323px; float:left; margin-left:15px;} #rightcol {width:323px; float:right;margin-right:15px;} #talk {width:195px;height:131px; float:left; } #plan {width:195px;height:131px; float:left;margin-right:5px;} #build {width:195px;height:131px; float:left;margin-right:5px;} #panel_content {width:601px;height:131px;float:left;padding-top:10px; padding-bottom:10px;} #flashcontent {padding-top:20px;color:#000;width:242px;float:left;} #panel_clear {clear: both; height:20px;} /*****03:Navigation Styles -------------------------------------------------------------------------------*/ #topNav {left:-10px;} #topNav li {margin-left:0px; float:left;list-style:none;font-family: verdana, Helvetica, Arial, san-serif; font-size: 14px;font-weight:bold;} #topNav a {margin-left:0px;text-decoration:none;display:block;padding:0px 15px 3px 0px;color:#000000;font-family: verdana, Helvetica, Arial, san-serif; font-size: 14px;font-weight:bold;} #topNav a:hover {color:#ffffff;font-family: verdana, Helvetica, Arial, san-serif; font-size: 14px;font-weight:bold;margin-left:0px;} #topNav a.selected {color:#ffffff;font-family: verdana, Helvetica, Arial, san-serif; font-size: 14px;font-weight:bold;margin-left:0px;} #topNav ul {margin: 0;padding: 0;list-style-type: none;} #secondary_nav {width:695px;z-index:999px;top:140px;position:absolute;padding-bottom:5px;padding-top:5px;border-bottom: 2px solid #7BA23B;} #sideNav {width:695px;float:left;margin-left:0px;list-style:none;display:inline; float:left;height:20px;} #sideNav ul {display:inline; float:left; list-style:none;} #sideNav li {display:inline; float:left; list-style:none;} #sideNav inactive_sec level0 {padding:0px 15px 5px 0px;} #sideNav link_prim level1 {padding:0px 15px 5px 0px;} #sideNav inactive_prim level1 {padding:0px 15px 5px 0px;} .level1 {padding:0px 15px 5px 0px;} .level0 {padding:0px 15px 5px 0px;} .link_prim {padding:0px 15px 5px 0px; color:#92ca3f; font-weight:normal;} .link_prim a:active {padding:0px 15px 5px 0px; color:#000;} #sideNav a:hover {color:#000;} #sideNav a:active {color:#000;} /*****04:Body Styles -----------------------------s--------------------------------------------------*/ #slider_container {width:656px; margin-bottom:50px;margin-left:auto; margin-right: auto; height:327px;background-image: url(../images/slide_frame.png); background-repeat: no-repeat;} #slide_content {width:547px;height:263px;position: relative;top:33px;left:55px;} .confirm {border-bottom: 1px solid #c9c8c8;} .intro {border-bottom: 1px solid #c9c8c8;padding-bottom:24px;padding-top:18px;} /*****05:Footer Styles -------------------------------------------------------------------------------*/ #footer {width:601px; height:131px;margin-left:35px;margin-top:10px;} #pageimagetitle {margin-bottom:0px;} .form {width:695px;background-color:#ffffff;} #formcontent {margin:0px;} #top-curve {width:695px;height:6px;margin:0px;} .curved {-moz-border-radius:5px;-webkit-border-radius:5px;behavior:url(border-radius.htc);background-color:#ffffff;} .content {-moz-border-radius:5px;-webkit-border-radius:5px;behavior:url(border-radius.htc);background-color:#ffffff;} #leftnav_col {float:left;width:150px;} .portfolio_content {padding-top:10px;padding-bottom:10px;float:left;width:545px; -moz-border-radius:3px;-webkit-border-radius:3px;behavior:url(border-radius.htc);background-color:#ffffff;} #portfolio_content_clear {clear: both;} /*****06:Form Field Styles -------------------------------------------------------------------------------*/ input {background-color:#E7F3D5; color:#787878; width:300px; border: none;height:23px;vertical-align: middle;} select {background-color:#E7F3D5; width:200px; border: none;color:#787878;font-size:11px;height:20px;font-family: verdana, Helvetica, Arial, san-serif;} .submit {width:70px; height:31px; background-color: transparent; vertical-align: middle;} .submit img {width:70px; height:31px; background-color: transparent;} .colLeft {float:left;width:180px; color:#656565; font-weight:normal;font-size:14px;font-family: Arial,Verdana,Helvetica,San-serif;} .colRight {color:#656565;vertical-align: middle;} .messagebox {background-color:#E7F3D5; width:300px; border: none;} .row {margin-top:10px; margin-bottom:0px;width:695px;} .contain {height:1px;} .inputfield {margin-bottom:10px;vertical-align: middle;} .reload {margin-bottom:10px;} .choosefile {background-color:#ffffff; vertical-align: middle;} #terms {padding:0px;background-color: #fff;border: .5px solid #92ca3f;} #close a {color:#fff;} #terms_content {padding:10px;} .rightcol_text {font-size:12px;font-family: Arial,Verdana,Helvetica,San-serif;} #content_page_subhead {margin-bottom:20px;} #page_subhead {margin-bottom:20px;margin-left:38px;} .checkbox {width:auto;vertical-align: middle;} #register {} #footer_master_container {width:100%; height:272px; background-image: url(/images/footer_background.png); background-repeat: repeat-x;} #footerlinkscontainer {width:1000px;margin-left:auto;margin-right:auto;} #footerlinks {width:1000px;margin-top:15px;float:left;} #footernav {width:520px;float:left;margin-top:15px;margin-left:38px;} #footer_copyright {width:500px;float:left;color:#BDDE65;font-size:12px;height:28px;padding-top:50px;text-align: left;margin-left:38px;} #about {float:left; width:90px;} #about ul {list-style: none;} #services {float:left; width:130px;} #services ul {list-style: none;} #portfolio {float:left; width:100px;} #portfolio ul {list-style: none;} #contact {float:left; width:100px;} #contact ul {list-style: none;} #support {float:left; width:100px;} #support ul {list-style: none;} #footernav a {list-style:none; color:#BDDE65;font-size:12px;} #footernav a:hover {list-style:none; color:#787878;font-size:12px;} #footer_contacts_right {width:190px; float:right; margin-top:15px;margin-right:80px;} #lft_icon {float: left; width:29px;margin-right:19px;margin-bottom:16px;} #details_right {float:left; color:#BDDE65;font-size:14px;margin-bottom:16px;padding-top:5px;} #details_right a {color:#BDDE65;} #details_right a:hover {color:#787878;} div.validation-advice, div.error { color: #FF0000 } /*****Tag Styles -------------------------------------------------------------------------------*/ .one {color:#222e2e;font-size:20px;font-weight:bold;} .two {color:#bdde65;font-size:14px;} .three {color:#222e2e;font-size:20px;} .four {color:#222e2e;font-size:20px;} .five {color:#838383;font-size:18px;} .six {color:#bdde65;font-size:20px;font-weight:bold;} .seven {color:#222e2e;font-size:20px;} .eight {color:#5b5b5b;font-size:20px;} .nine {color:#222e2e;font-size:13px;} .ten {color:#222e2e;font-size:20px;} .eleven {color:#bdde65;font-size:20px;} .twelve {color:#222e2e;font-size:19px;font-weight:bold;} .thirteen {color:#bdde65;font-size:20px;} .fourteen {color:#838383;font-size:20px;font-weight:bold;} .one a {color:#222e2e;font-size:20px;font-weight:bold;} .two a {color:#bdde65;font-size:14px;} .three a {color:#222e2e;font-size:20px;} .four a {color:#222e2e;font-size:20px;} .five a {color:#838383;font-size:18px;} .six a {color:#bdde65;font-size:20px;font-weight:bold;} .seven a {color:#222e2e;font-size:20px;} .eight a {color:#5b5b5b;font-size:20px;} .nine a {color:#222e2e;font-size:13px;} .ten a {color:#222e2e;font-size:20px;} .eleven a {color:#bdde65;font-size:20px;} .twelve a {color:#222e2e;font-size:19px;font-weight:bold;} .thirteen a {color:#bdde65;font-size:20px;} .fourteen a {color:#838383;font-size:20px;font-weight:bold;} .one a:hover {color:#222e2e;font-size:20px;font-weight:bold;text-decoration:underline;} .two a:hover {color:#bdde65;font-size:14px;text-decoration:underline;} .three a:hover {color:#222e2e;font-size:20px;text-decoration:underline;} .four a:hover {color:#222e2e;font-size:20px;text-decoration:underline;} .five a:hover {color:#838383;font-size:18px;text-decoration:underline;} .six a:hover {color:#bdde65;font-size:20px;font-weight:bold;text-decoration:underline;} .seven a:hover {color:#222e2e;font-size:20px;text-decoration:underline;} .eight a:hover {color:#5b5b5b;font-size:20px;text-decoration:underline;} .nine a:hover {color:#222e2e;font-size:13px;text-decoration:underline;} .ten a:hover {color:#222e2e;font-size:20px;text-decoration:underline;} .eleven a:hover {color:#bdde65;font-size:20px;text-decoration:underline;} .twelve a:hover {color:#222e2e;font-size:19px;font-weight:bold;text-decoration:underline;} .thirteen a:hover {color:#bdde65;font-size:20px;text-decoration:underline;} .fourteen a:hover {color:#838383;font-size:20px;font-weight:bold;text-decoration:underline;} .markermenu{ padding-top:11px; padding-left:8px; width: 170px; /*width of menu*/ } .markermenu ul{ list-style-type: none; margin: 5px 0; padding: 0; } .markermenu ul li a{ background: url(/images/nav_bullet.png) no-repeat 2px center; font: 14px Arial, Verdana, Helvetica, sans-serif; color: #bdde65; display: block; width: auto; padding: 6px 0; padding-left: 20px; text-decoration: none; } .inactive_prim{ background: url(/images/nav_bullet.png) no-repeat 2px center; font: 14px Arial, Verdana, Helvetica, sans-serif; color: #ffffff; display: block; width: auto; padding: 6px 0; padding-left: 20px; text-decoration: none; } * html .markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */ width: 150px; } .markermenu ul li a:visited, .markermenu ul li a:active{ color: #bdde65; } .markermenu ul li a:hover{ color: #627645; background-image:url(/images/nav_bullet.png); /*onMouseover image change. Remove if none*/ } /* Holly Hack for IE \*/ * html .markermenu ul li { height: 1%; } * html .markermenu ul li a { height: 1%; } /* End */ .contact_ph {color:#BDDE65;font-weight: bold;padding-right:5px;padding-top:15px;} .contact_number {color:#BDDE65;padding-top:15px;} .contact_email {color:#BDDE65;font-weight: bold;padding-right:5px;} .contact_email_ad {color:#BDDE65;} .contact_email_ad a {color:#BDDE65;} .contact_email_ad a:hover {color:#787878;} .contact_technical {color:#BDDE65;font-weight: bold;} .contact_tech_email {color:#BDDE65;} .contact_tech_email a {color:#BDDE65;} .contact_tech_email a:hover {color:#787878;} .contact_accounts {color:#BDDE65;font-weight: bold;} .contact_acc_email {color:#BDDE65;} .contact_acc_email a {color:#BDDE65;} .contact_acc_email a:hover {color:#787878;} .rowOdd {padding-top:10px; padding-bottom:10px;border-bottom: dashed 1px #54574F;} .paging {padding-top:10px;float:right;}