@charset "UTF-8";
/* CSS Document */

body, html{
background: #e9e9ea;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans serif;}

#wrapper{
width: 100%;
background: url(cs_art/bottomfade.gif) bottom left repeat-x #fff;
padding: 0 0 55px;}

#header{
width: 906px;
margin: 0 auto;}

#header h1{
margin: 0 auto;
display: block;
width: 898px;
height: 75px;
background: url(cs_art/header.gif) bottom left no-repeat;
text-indent: -5000px;}

/* MENU */

#menu{
margin: 22px 0 0;
padding: 3px 0 0 0;
display: block;
width: 906px;
height: 47px;
background: url(cs_art/menu_bg.gif) top left no-repeat;
}

#menu ul{
list-style-type: none;
height: 38px;
width: 640px;
margin: 0 auto;
padding: 0;
border-left: 1px solid #c3c7c9;
/*border-right: 1px solid #f3f5f6;*/
}

#menu ul li{
float: left;
border-left: 1px solid #f3f5f6;
border-right: 1px solid #c3c7c9;}

#menu ul li a{
display: block;
width: 158px;
height: 38px;
text-indent: -5000px;}

#menu ul li.about a{
background: url(cs_art/menu_about_whole.gif) 0 0 no-repeat;}
#menu ul li.about a:hover{
background: url(cs_art/menu_about_whole.gif) -158px 0 no-repeat;}
#menu ul li.about a.active{
background: url(cs_art/menu_about_whole.gif) -316px 0 no-repeat;}

#menu ul li.asked a{
background: url(cs_art/menu_asked_whole.gif) 0 0 no-repeat;}
#menu ul li.asked a:hover{
background: url(cs_art/menu_asked_whole.gif) -158px 0 no-repeat;}
#menu ul li.asked a.active{
background: url(cs_art/menu_asked_whole.gif) -316px 0 no-repeat;}

#menu ul li.deliver a{
background: url(cs_art/menu_deliver_whole.gif) 0 0 no-repeat;}
#menu ul li.deliver a:hover{
background: url(cs_art/menu_deliver_whole.gif) -158px 0 no-repeat;}
#menu ul li.deliver a.active{
background: url(cs_art/menu_deliver_whole.gif) -316px 0 no-repeat;}

#menu ul li.contact a{
background: url(cs_art/menu_contact_whole.gif) 0 0 no-repeat;}
#menu ul li.contact a:hover{
background: url(cs_art/menu_contact_whole.gif) -158px 0 no-repeat;}
#menu ul li.contact a.active{
background: url(cs_art/menu_contact_whole.gif) -316px 0 no-repeat;}



#blog{
width: 906px;
margin: auto;
font-size: 85%;
line-height: 140%;
color: #7d7d7d;}



#blog-logo {
background: url(cs_art/our_blog.gif) top right no-repeat;
display:block;
height:43px;
width:906px;
text-indent: -5000px;
}

/*#menu ul li a:hover{
background: url(cs_art/menu_over.gif) top left repeat-x;
}

#menu ul li a.active{
background: url(cs_art/menu_active.gif) top left repeat-x;
color: #fff;
text-shadow: #000 -1px -1px 4px;
}*/

/* CONTENT */

#content{
width: 640px;
margin: auto;
font-size: 85%;
line-height: 140%;
color: #7d7d7d;}

#content-l{
width: 906px;
margin: auto;
font-size: 85%;
line-height: 140%;
color: #7d7d7d;}

#content h2.about{
width: 416px;
height: 30px;
background: url(cs_art/about_hd.gif) top left no-repeat;
text-indent: -5000px;}

#content-l h2.about{
width: 331px;
height: 60px;
background: url(cs_art/for-now.gif) top left no-repeat;
text-indent: -5000px;
}

#content h2.contact{
width: 300px;
height: 24px;
background: url(cs_art/contact_hd.gif) top left no-repeat;
text-indent: -5000px;}

#content-l h2.contact{
width: 415px;
height: 30px;
background: url(cs_art/question.gif) top left no-repeat;
text-indent: -5000px;}

#content h2.deliver,
#content-l h2.deliver{
width: 615px;
height: 30px;
background: url(cs_art/wedeliver_hd.gif) top left no-repeat;
text-indent: -5000px;}

#content h2.asked,
#content-l h2.asked{
width: 229px;
height: 30px;
background: url(cs_art/youasked_hd.gif) top left no-repeat;
text-indent: -5000px;}

#content h4,
#content-l h4{
font-size: 85%;
font-weight: normal;
margin: 10px 0 3px;}

#content a,
#content-l a{
color: #2e8efa;
text-decoration: none;}

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

/* FORM */

#contactform{
width: 621px;
margin: 10px 0 0;
background: url(cs_art/form_top.gif) top left no-repeat #00a9a3;
}

#contactform-s{
width: 305px;
margin: 97px 0 0 20px;
background: url(cs_art/form_top_s.gif) top left no-repeat #00a9a3;
float:right;
}

form{
background: url(cs_art/form_bottom.gif) bottom left no-repeat;
padding: 5px 12px;
color: #fff;}

#form-s{
background: url(cs_art/form_bottom_s.gif) bottom left no-repeat;
padding: 5px 12px;
color: #fff;}

form p{
margin: 8px 0 0;}

form p.wontshare{
font-size: 80%;
font-style: italic;}

form input{
color: #747474;
padding: 5px;}

form input.name{
margin: 8px 8px 0 0;
width: 108px;
height: 14px;
border: none;
background: url(cs_art/input_name.gif) top left no-repeat;}

form input.email{
margin: 8px 0 0;
width: 234px;
height: 14px;
border: none;
background: url(cs_art/input_email.gif) top left no-repeat;}

form input.submit{
margin:5px 0;
height: 30px;
width: 67px;
font-size: 90%;
background: url(cs_art/input_submit.gif) bottom left no-repeat;
border: none;
color: #fff;}

form .error ul{
position: absolute;
margin: 15px 0 0 265px;
list-style-type: none;
padding: 0;
color: #ffdb35;
font-size: 85%;
letter-spacing: 0.5px;}

form ul#lastname_error{
position: absolute;
margin: 15px 0 0 415px;
list-style-type: none;
padding: 0;
color: #ffdb35;
font-size: 85%;
letter-spacing: 0.5px;}

/* FOOTER */

#footer{
width: 906px;
margin: 0 auto;
font-size: 12px;
color: #7d7d7d;
border-top: 1px solid #ccc;}

#footer p{
margin: 0;
padding: 10px 0 0 0;
border-top: 1px solid #fff;}