/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Page Layout Stylesheet */ 
body{
margin:0px auto;
text-align:center;
padding:0px;
background-color:#CDDBDE;
font-family:Arial, Verdana, Helvetica, sans-serif;
color:#5E605F;
font-size:12px;
}

a{
text-decoration:none;
}

img{
border:0px;
}

h1, h2, h3, h4, p{
margin:0px;
padding:0px;
}

h1{
color:#000;
line-height:24px;
font-size:24px;
font-family:arial;
font-weight:bold;
padding-bottom:15px;
}


p{
color:#5E605F;
font-size:12px;
line-height:16px;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-weight:normal;
padding-bottom:15px;
}

h2{
color:#5E605F;
font-size:12px;
line-height:16px;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-weight:bold;
padding-bottom:5px;
}

h3, h3 a{
color:#5F6062;
font-size:18px;
line-height:20px;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-weight:normal;
}
h3{ padding-bottom:15px; }
h3 a:hover{ text-decoration: underline;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Page css */ 

#page{
margin:0px auto;
width:693px;
text-align:left;
background-color:#fff;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ header css */ 
#header{
height:54px;
}

#header .logo{
padding-left:10px;
padding-top:5px;
width:200px;
float:left;
}


#header .header-nav{
width:250px;
float:right;
padding-top:10px;
font-family:  Arial, Verdana, Helvetica, sans-serif;
}

#header a{
color:#0B0A0F;
padding:0px 10px;
font-size:12px;
}

#header a:hover{ text-decoration: underline;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ content-nav ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 

#content-nav{
background-color:#3287CA;
padding:5px 10px;
font-family:  Arial, Verdana, Helvetica, sans-serif;
}

#content-nav {
height:22px;
}

#content-nav, #content-nav a{
color:#fff;
font-size:12px;
line-height:22px;
font-weight:bold;
}
#content-nav a{ padding:0px 12px; }

#content-nav a:hover{
text-decoration:underline;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Page css */ 

#middle{
margin:0px;
}

#middle .top{
background-color:#F3F7F8;
}

#category{
width:690px;
height:320px;
background-image:url(/images/category_690x320.gif);
background-repeat:no-repeat;
background-position:left top;
position:relative;
}

#category .category-wrapper{
position:absolute;
top:45px;
left:20px;
}

#category .middleoption{
float:left;
width:160px;
height:15px;
line-height:15px;
border:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#category .middleoption a{
height:15px;
color:#0B0A0F;
padding:0px 0px 0px 10px !important;
line-height:15px;
font-size:11px;
margin:0px 0px 0px 0px !important;
text-decoration:none;
}

#category .middleoption a:hover{
text-decoration:underline;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ left css */ 

#left{
width:134px;
float:left;
}

#left .left-nav{
padding-top:45px;
}

#left ul { 
padding:0px;
margin:0px;
border:0px;
list-style-type:none;
display:block;
text-align:left;
}

#left ul li{
padding:0px;
margin:0px;
border:0px;
line-height:26px;
border-bottom:1px solid #D3D3D3;
}
 
#left ul li a{
padding-left:10px;
color:#000;
font-size:11px;
font-family:  Arial, Verdana, Helvetica, sans-serif;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ right  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#right{
float:left;
width:559px;
position:relative;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ search ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#search-box{ text-align: right; background-color: #EEE; padding:10px 20px 3px 0px; margin:0px !important; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~ middle bottom ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.bottom{
padding:3px 8px 8px 30px;
}

.bottom-left{
width:235px;
float:left;
}

.bottom-right{
width:395px;
float:right;
}

.more{
text-align:right;
}

.more-left{
text-align:left;
}

.more a, .more-left a{
color:#2FA5C1;
font-size:9px;
font-weight:bold;
text-decoration:underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.snippet p{
padding-bottom:5px;
}

.color1{
background-color:#F0F9F8;
border-bottom:1px solid #B9C1C3;
}

.color2{
background-color:#DDE9E9;
border-top:1px solid #fff;
}

.snippet-wrapper{
padding:20px 50px 20px 15px;
}

.small{
font-size:16px;
font-weight:bold;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ left-inner css */ 

#left-inner{
width:233px;
float:left;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ content css */ 

#content{
width:460px;
float:left;
}

#content .button{
padding-left:185px;
}

#content .content-wrapper{
padding:20px 30px 20px 20px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ google ads */




/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footer{
background-image:url(/images/bkg_693x24.gif);
background-repeat:no-repeat;
background-position:bottom;
height:53px;
}

#footer .footer-wrapper{
padding: 10px 30px 0px 20px;
}

#footer .copy{
color:#4c4c4c;
font-size:11px;
padding-left:10px;
padding-top:23px;
}


#footer .footer-nav{
width:400px;
float:right;
text-align:right;
}

#footer .footer-nav a{
color:#6F797A;
font-size:12px;
padding: 0px 10px;
}

#footer .footer-nav a:hover{
text-decoration:underline;
}




/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ company-lead-form */ 


#contact-form{
width:auto;
}

#contact-form #company-lead-form{width:100%; border:0; padding-top:10px; }
#contact-form #company-lead-form table { 
border:0px; 
margin:0px; 
width: 100%; 
color:#000;
}

#contact-form #company-lead-form table tr td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration: none;
color: #000;
padding:4px;
line-height:12px;
font-size:10px;
}

#contact-form #company-lead-form table tr .column1{
text-align: left;
padding-left:10px;
width:100px;
font-size: 11px;
}

#contact-form #company-lead-form table tr .column2{
width:185px;
}

#contact-form #company-lead-form table tr .column1-error{
text-align: right;
color: #FF0000;
}
#contact-form #company-lead-form table tr td input, #contact-form #company-lead-form table tr td select, #contact-form #company-lead-form table tr td textarea {
font-family: Verdana,Arial, Helvetica, sans-serif;
font-size: 11px; 
font-weight: normal;
text-decoration: none;
color: #000; 
border-left: 1px solid #404040;
border-top: 1px solid #404040;
border-right: 1px solid #D4D0C8;
border-bottom: 1px solid #D4D0C8;
background-color: #fff;
width: 185px;
height: 20px;
}

#contact-form #company-lead-form table tr td .phone1 { width:50px !important; }
#contact-form #company-lead-form table tr td .phone2 { width:50px !important; }
#contact-form #company-lead-form table tr td .phone3 { width:58px !important; }
#contact-form #company-lead-form table tr td select {}
#contact-form #company-lead-form table tr td textarea { height:100px;}

#contact-form #company-lead-form table tr td .submitbutton {
border: none;
}






/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ clear stylesheet */

.magic{
clear:both;
}