/*-----------reset------------*/
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, code, img, small, strong, dl, dt, dd, ol, ul, li, fieldset, form, label { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent }
body {line-height:1}
ol, ul {list-style:none}
html,body { height:100%; width:100%;}

/*-----------reset-end------------*/

/*---------basic--------*/
body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#575e5d; background: #fff url(../images/bkgd.gif) repeat-x;;}
.floatR { float:right;}
.floatL { float:left;}
.clear { height:1px; display:block; font-size:1px; clear:both;}

#wrap { width:100%;}
.container {}

#header {width:722px; height:166px; margin:auto;}

#header h2.copy { width:424px; height:34px; font-size:9px; margin:11px 14px 0 0; position:relative; color:#934030;}
#header h2.copy span {position:absolute; top:0px; left:0px; width:100%; height:100%; display:block; background:url(../images/n_introducing_secret_ingredient.gif) no-repeat;}
#header h2.logo { float:right;}
#header h2.logo a {}
#header h2.logo a img { border:none;}

.content { width:722px; margin:auto;}

.content h2 {font-size:9px; margin:27px 0 5px 0; position:relative; color:#934030;}
.content h2 span {position:absolute; top:0px; left:0px; width:100%; height:100%; display:block;}
.content h3 {font-size:9px; margin:27px 0 5px 0; position:relative; color:#934030;}
.content h3 span {position:absolute; top:0px; left:0px; width:100%; height:100%; display:block;}

.content h2.making {width:231px; height:20px;}
.content h2.making span {background:url(../images/n_making_world.gif) no-repeat;}
.content h3.about {width:144px; height:20px;}
.content h3.about span {background:url(../images/n_about_agency.gif) no-repeat;}
.content h3.structure {width:80px; height:20px;}
.content h3.structure span {background:url(../images/n_structure_and_offices.gif) no-repeat;}
.content h3.approach {width:128px; height:20px;}
.content h3.approach span {background:url(../images/n_approach_and_services.gif) no-repeat;}
.content h3.major {width:267px; height:20px;}
.content h3.major span {background:url(../images/n_major_clients.gif) no-repeat;}
.content h3.references {width:99px; height:20px;}
.content h3.references span {background:url(../images/n_references.gif) no-repeat;}
.content h3.contact {width:79px; height:20px;}
.content h3.contact span {background:url(../images/n_contacts.gif) no-repeat;}

.content h4 { font-size:10px; font-weight:bold; color:#575e5d;}
.content p { text-align:left; margin-bottom:22px; line-height:16px;}
.content a { color:#934030; font-weight:normal; text-decoration:underline;}
.content a:hover { color:#934030; font-weight:normal; text-decoration:none;}

a.clients { color:#575e5d; text-decoration:none;}
a:hover.clients { color:#575e5d; background:#eaeaea; text-decoration:none;}

a.gray { color:#575e5d; text-decoration:none;}
a:hover.gray { color:#575e5d; text-decoration:underline;}

.blokLeft { width:320px; float:left;}
.blokRight { width:320px; float:right;}
.blokRight.px350 { width:350px; float:right;}
.margT { margin-top:47px;}

a.socialLink { text-decoration:none; font-weight:bold; color:#00adfd;}
a:hover.socialLink { text-decoration:underline; font-weight:bold; color:#00adfd;}

.footerWrap { width:100%; height:91px; background:url(../images/img_gras.jpg) repeat-x;}
#footer { width:722px; height:43px; padding:49px 0 0 0; margin:auto;}
.copyright { color:#fff;}
.copyright a {color:#fff; text-decoration:none; }
.copyright a:hover {text-decoration:underline;}



/*-SPACERI-----------------------------------------------------*/
.spacer {margin:0; padding:0; clear:both; height:0px; font-size:0px; line-height:0px; display:block;}
.spacer.px0 {height:0px;}
.spacer.px1 {height:1px;}
.spacer.px2 {height:2px;}
.spacer.px5 {height:5px;}
.spacer.px15 {height:15px;}
.spacer.px10 {height:10px;}
.spacer.px20 {height:20px;}
.spacer.px30 {height:30px;}
.spacer.px70 {height:70px;}