/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Page Layout Stylesheet */ 
body{
margin:0px;
padding:0px;
text-align:center;
background-color:#fefefe;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
line-height:14px;
}


a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
color:#E4850E;
font-weight:bold;
text-decoration:underline;
}

a:hover{ text-decoration:underline; }
img{ border:0px; padding:0px; }
h1, h2, h3, h4{ margin:0px; padding:0px; }
p{ margin:0px; padding:0px; }

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

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ header css */

#header{
width:750px;
height:100px;
position:relative;
background-color:#FFFFFF;
}

#header.product{
height:142px; implortant!
}

#header .logo{
position:absolute;
top:43px;
left:220px;
z-index:10;
}

#header .logo-product{
position:absolute;
top:53px;
left:220px;
z-index:10;
}

#header .header_img{
position:absolute;
top:34px;
left:0px;
width:750px;
height:233px;
background-image:url(/images/header_img1_750x233.jpg);
background-repeat:no-repeat;
background-position:left top;
}

#header .header_img2{
position:absolute;
top:34px;
left:0px;
width:750px;
height:233px;
background-image:url(/images/header_img2_750x233.jpg);
background-repeat:no-repeat;
background-position:left top;
}

#header .header_product{
position:absolute;
top:34px;
left:0px;
width:750px;
height:108px;
background-image:url(/images/header_product1_750x108.gif);
background-repeat:no-repeat;
background-position:left top;
}

#header .header-nav{
height:34px;
background-color:#404D70;
}

#header .header-nav a{
font-family:Arial, Verdana, Helvetica, sans-serif;
line-height:34px;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
padding:0px 15px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ main-header css */

#main-header{
width:750px;
height:143px;
background-color:#fff;
position:relative;
}

#main-header .logo{
position:absolute;
top:30px;
left:127px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ main_line_title css */

#main_line_title{
width:750px;
height:70px;
margin-top:36px;
margin-bottom:30px;
position:relative;
background-image:url(/images/main_bg1_750x70.jpg);
background-repeat:no-repeat;
background-position:left top;
color:#6C6C6C;
}

#main_line_title .proceed1{
width:192px;
height:13px;
position:absolute;
top:20px;
left:102px;
}

#main_line_title .proceed2{
width:200px;
height:13px;
position:absolute;
top:20px;
left:451px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ main_line_portfolio css */
#main_line_portfolio{
width:750px;
height:96px;
background-color:#EAEAEA;
position:relative;
}


#main_line_portfolio .img3{
width:247px;
height:45px;
position:absolute;
top:25px;
left:59px;
background-image:url(/images/main_img3_247x45.gif);
background-repeat:no-repeat;
background-position:left top;
}

#main_line_portfolio .snippet3{
width:340px;
position:absolute;
top:20px;
left:370px;
color:#B6B6B6;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ line_title css */
#line_title{
width:750px;
height:56px;
background-color:#4A4949;
position:relative;
}

#line_title .title{
position:absolute;
top:19px;
left:52px;
}

#line_title .button{
position:absolute;
top:19px;
left:563px;
}

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

#content{
width:750px;
background-color:#6D6D6D;
float:left;
}

#content .content_wrapper{
padding:40px 30px ;
}

#content h2{
font-size:15px;
font-weight:bold;
margin-bottom:15px;
}

#content p{
margin-bottom:10px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ content_product css */

#content_product{
width:750px;
height:300px;
background-color:#6D6D6D;
position:relative;
}

#content_product .product_img{
width:233px;
height:215px;
background-image:url(/images/box_product_bg_233x215.gif);
background-repeat:no-repeat;
background-position:left top;
position:absolute;
top:20px;
left:20px;
}

#content_product .image{
position:absolute;
top:15px;
left:15px;
}

#content_product .prev{
position:absolute;
top:182px;
left:15px;
}

#content_product .next{
position:absolute;
top:182px;
left:126px;
}

#content_product .back{
position:absolute;
top:0px;
left:250px;
}

#content_product .detail{
position:absolute;
top:220px;
left:0px;
}

#content_product .product_txt{
width:305px;
position:absolute;
top:40px;
left:345px;
}

#content_product h1{
font-family:Arial, Helvetica, sans-serif;
font-size:19px;
line-heght:20px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
padding-top:28px;
padding-bottom:10px;
margin-bottom:15px;
border-bottom:1px solid #80817D;
}

#content_product h2{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#E4D39A;
font-weight:bold;
text-decoration:none;
padding-top:15px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ content_portfolio css */
#content_portfolio{
width:750px;
padding-bottom:15px;
}

#content_portfolio .top{
width:750px;
height:135px;
background-image:url(/images/portfolio_top1_750x235.gif);
background-repeat:no-repeat;
background-position:left top;
position:relative;
}

#content_portfolio .top_left{
width:309px;
position:absolute;
top:77px;
left:40px;
}

#content_portfolio .top_right{
width:309px;
position:absolute;
top:77px;
left:409px;
}

#content_portfolio h2{
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
color:#514F50;
font-weight:bold;
text-decoration:none;
margin-bottom:40px;
}

#content_portfolio h3{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
font-weight:bold;
text-decoration:none;
}

#content_portfolio p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
font-weight:normal;
text-decoration:none;
}

#content_portfolio .products-holder{
width:750px;
background-image:url(/images/portfolio_bg_750x174.gif);
background-repeat:repeat-y;
background-position:left top;
}

#content_portfolio .products-left, #content_portfolio .products-right{
width:375px;
float:left;
}

#content_portfolio .products-item{
height:87px;
position:relative;
}

#content_portfolio .image{
position:absolute;
top:15px;
left:36px;
}

#content_portfolio .text{
position:absolute;
width:200px;
top:35px;
left:126px;
}

#content_portfolio a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
color:#fff;
font-weight:bold;
text-decoration:none;
}

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

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

#footer{
width:750px;
height:23px;
position:relative;
}

#footer .copy{
position:absolute;
top:3px;
left:5px;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#525051;
text-decoration:none;
}

#footer .footer-nav{
position:absolute;
top:3px;
left:420px;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#525051;
text-decoration:none;
}

#footer .footer-nav a{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#525051;
text-decoration:none;
padding:0px 3px;
}

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



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

.magic{
clear:both;
}

.clrlft{
clear:left;
}

.clrrt{
clear:right;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ company-lead-form */ 

#contact-form{ margin-left:150px; padding-bottom:0px; } 
#contact-form #company-lead-form{}
#contact-form #company-lead-form p{color:#FF0000;}
#contact-form #company-lead-form table{border:0px; margin:0px;}

#contact-form #company-lead-form table tr td{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#fff;
padding:4px;
}

#contact-form #company-lead-form table tr .column1{
text-align:left;
padding-left:10px;
line-height:14px;
}

#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:Arial, Helvetica, sans-serif;
font-size:11px; 
font-weight:normal;
text-decoration:none;
color:#000; 
border:1px solid #666;
width:206px;
height:21px;
}

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

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