* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 11px;
    line-height: 16px;
    font-family: Arial, "Trebuchet MS", sans-serif;
    color: #646464;
    background: #646464;
    text-align: left;
    padding:20px 0 10px 0;
}

.cl { font-size: 0; line-height: 0; height: 0; clear: both; }

a img { border: 0; }
a { color: #46c5e3; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline; }

.shell { margin: 0 auto;width:900px; }
.left { float: left; display: inline; }
.right { float: right; display: inline; }

.a-center { text-align: center; }
.a-left { text-align: left; }
.a-right { text-align: right; }

h1 {font-size:20px;}

.wrap {background:#fff; padding:1px 30px 0 30px; border-bottom:11px solid #46c5e3;}

form input,
form textarea{padding:2px;font-size:11px;font-family:Arial,sans-serif}

#header {background:#fff;height:49px}
.home #header {background:#fff no-repeat 0 bottom; height:307px; }

h1#logo {font-size:0; line-height:0; width:186px; float:left; 
	display:inline; height:49px; overflow:hidden; position:relative; 
	
}
h1#logo a {display:block; height:49px; background:url(images/logo.gif); text-indent:-4000px;}

h2#featured {font-size:0; line-height:0; width:840px; float:left; 
	display:inline; height:220px; overflow:hidden; position:relative; top:30px;
	
}
h2#featured a {display:block; height:220px; background:url(images/featured-project.jpg); text-indent:0px;}

#navigation {background:#000; height:49px; float:right; font-family: "Standard0753", Arial, sans-serif; width:654px; }
#navigation ul {list-style-type:none;}
#navigation ul li {display:block; position:relative; float:left; z-index:2; width:109px; }
#navigation ul li a {
	color:#fff; float:left; border-left:1px solid #333333; padding:37px 0 0 6px; text-transform:uppercase; width:102px; font-size:8px;
	height:12px;
}
#navigation ul li a:hover{color:#46c5e3;text-decoration:none}
#navigation ul li a.active,
#navigation ul li a.active2{background:#46c5e3; color:#fff;text-decoration:none}

#navigation ul ul{ background:url(images/dropdown.png) repeat 0 0; padding:10px 0; width:108px; }
#navigation ul .sub{position:absolute; left:1px; top:49px; width:108px; display:none; z-index:1; background:url(images/empty.gif); }

#navigation ul ul li{float:none; width:104px;padding:0 2px 1px 2px; height:auto; }
#navigation ul ul li a{float:none; border:0; padding:6px 5px 0 5px; display:block; width:auto; height:13px; }
#navigation ul ul li a:hover{background:#545454; color:#fff;text-decoration:none}

#navigation a span { font-size:0; line-height:0; display:block; height:9px; width:102px;  background-repeat:no-repeat; background-position:0 0; 
	text-indent: -4000px; }
	
#navigation ul ul a span {  height:7px; width:94px;  background-position:0 0 !important; }
	

#navigation a:hover span { background-position:0 -10px; }
#navigation a.active2 span, #navigation a.active span { background-position:0 0 !important; }

#navigation a#hire-nav span{ background-image:url(images/nav/hire.gif); }
#navigation a#home-nav span{ background-image:url(images/nav/home.gif); }
#navigation a#portfolio-nav span{ background-image:url(images/nav/portfolio.gif); }
#navigation a#profile-nav span{ background-image:url(images/nav/profile.gif); }
#navigation a#news-nav span{ background-image:url(images/nav/news.gif); }
#navigation a#contact-nav span{ background-image:url(images/nav/contact.gif); }

#navigation a#web-nav span{ background-image:url(images/nav/web.gif); }
#navigation a#print-nav span{ background-image:url(images/nav/print.gif); }
#navigation a#experimental-nav span{ background-image:url(images/nav/experimental.gif); }

#content{padding:27px 0 0 0; }
#content h1 {background:url(images/bulet.gif) no-repeat 0 6px; padding:0 0 14px 14px; font-weight:normal; text-transform:uppercase;color:#646464;}
#content .box {width:264px; float:left; padding:0 24px 0 0}
#content .box  .dot-line{ margin-bottom:11px; }
#content .last{padding:0; margin:0}
#content .hidden{border:0}
#content .maper{margin-bottom:7px; display:block}
#content .maper a{font-weight:normal; text-decoration:underline; color:#646464}
#content .maper a:hover{ color:#46c5e3; }
#content img {border:1px solid #b1b1b1; padding:5px; margin-bottom:10px;display:block;}

#content .h-line { margin-bottom:10px; }

.article{float:left; margin:0 25px 6px 0; background:url(images/dot-line.gif) repeat-x 0 bottom; padding-bottom:18px !important; 
	margin-top:14px !important; }

.enjoy{background:#000 url(images/enjoy.gif) no-repeat 0 0; padding:7px 0 6px 52px; margin-top:38px; }
.enjoy span{ display:block; color:#fff; text-transform:uppercase; padding:0 0 0 21px; background:url(images/enjoy-span.gif) no-repeat 0 0; font-size:15px} 

#footer{font-size:9px; color:#fff; padding:14px 0 0 0; height:20px; }
#footer a{color:#fff; text-transform:uppercase; float:left;}
#footer a:hover{color:#46c5e3;}
#footer p{float:left;}
#footer p span{color:#46c5e3; padding:0 3px; float:left;}
#footer span{float:right;}

.home #content{padding:17px 0 40px 0}
.home #content h1{color:#46c5e3;padding:0 0 14px 14px; }

.portfolio #content {height:100%;overflow:hidden}



.hire #content{padding:27px 0 44px 0}
.hire #content .left{width:390px;}
.hire #content .right{width:402px;margin-top:-17px}
.hire #content .right strong{display:block; margin-bottom:17px; color:#000; }
.hire #content .right .list{float:left;padding:0 42px 0 0;}
.hire #content .right .last{float:left;padding:0;}
.hire #content .right .list ul{list-style-type:none;}

.forms{background:url(images/forms.gif) repeat 0 0; padding:14px 0 10px 15px; margin-top:15px; border:solid 2px #000; }
.forms h2{color:#fff; font-size:14px; text-transform:uppercase; display:block; background:#000; 
	margin-bottom:8px; padding:0 0 1px 5px; line-height:16px; height:auto; }
.forms span{color:#fff;}
.forms span.check{padding:0 16px 0 9px; position:relative; top:0; }
.forms a{font-size:0; line-height:0; text-indent:-4000px; display:block; background:url(images/submit.gif); float:right; width:108px; height:28px;}
.forms .block{float:left; margin:0 11px 0 0;}
.forms .form{background:#000; padding:6px; float:left; }
.forms .form input{border:solid 1px #808285; background:#808285; margin-bottom:5px; width:100%; }
.forms .form textarea{border:solid 1px #808285; background:#808285; margin-bottom:8px; width:100%; height:51px;}
.forms .form select{border:0 !important; background:#808285; margin-bottom:10px;width:170px; height:19px; border:0; }
.forms .form input.check{width:10px; height:9px;}
.forms .button{padding:10px 26px 0 0; }

.forms .first{width:160px;}
.forms .second{width:309px;}
.forms .third{width:309px;padding:0}

.forms .third .form, .forms .second .form{min-height:323px;}


.focus-field { color:#fff !important; border:solid 1px #a7a9ac !important;}


.profile .box ul{padding:0 0 17px 18px; margin:0 0 15px 0 ; background:url(images/dot-line.gif) repeat-x 0 bottom; }
.profile #content .box img{margin-top:4px; margin-bottom:8px !important;}
.profile #content .box strong{color:#222222}
.profile .enjoy{margin-top:40px;}

.news #content .enjoy{margin-top:0; position:relative; margin-top:20px; width:788px; }
.news #content img{ margin:0; }
.news #content .article{ margin-bottom:14px; float:none; display:block; margin-top:4px !important; }
.news #content .left{width:264px; }
.news #content .right{width:551px;}
.news #content .posts{background:url(images/dot-line.gif) repeat-x 0 bottom; padding-bottom:5px; margin-bottom:20px; }
.news #content .posts strong{color:#222222}
.news #content .hidden{border:0}
.news #content .posts .leftpart{width:264px; float:left; display:inline}
.news #content .posts .rightpart{width:263px; float:right; display:inline; padding-top:16px}

.news a.img{ display:block; margin-bottom:10px; }

.contact #content{padding:27px 0 44px 0;}
.contact .left{width:403px;}
.contact .left p{padding-bottom:12px}
.contact #content .left h1{color:#46c5e3;margin-top:7px; padding-bottom:14px; }
.contact #content .left .dot-line{ margin-bottom:11px; }
.contact .forms{width:381px;float:right;display:inline; margin-top:4px; padding-left:11px; padding-right:4px; overflow:hidden; position:relative; }
.contact .forms .block{width:373px;padding:0}
.contact .forms form textarea{height:114px;}
.contact .forms .button{padding:10px 13px 0 0;}


.sitemap .left{width:398px;padding-left:5px;}
.sitemap .left p{margin-left:-5px;}
.sitemap #content .left h1{border:0; background:url(images/bulet2.gif) no-repeat 0 center;font-size:11px;color:#46c5e3;margin:16px 0 0 0;padding:0 0 0 7px}
.sitemap .left .list1{float:left;display:inline;width:265px}
.sitemap .left .list2{float:right;display:inline;width:115px}
.sitemap .left dl{color:#000;font-size:11px;padding-left:15px}
.sitemap .left dl a{color:#000;font-size:11px;}
.sitemap .left dt{color:#646464;font-size:11px; padding-left:9px}
.sitemap .left dt a{color:#646464;font-size:11px; }
.sitemap .right{width:402px;padding-top:4px}
.sitemap .right .imgholder{height:280px; background:#646464}
.sitemap .enjoy{margin-top:40px;}

.ty #content{padding:27px 0 40px 0;}
.ty #content img{border:0; padding:0;margin-top:10px;margin-bottom:19px}
.ty #content .box h1{color:#46c5e3;margin-top:13px}

.print #content .left,
.print #content .right{width:403px;padding-bottom:15px}

.print #content img{border:0;padding:0 0 22px 0; background:url(images/dot-line.gif) repeat-x 0 bottom; margin-bottom:20px;}

.print .control{ background:url(images/dot-line.gif) repeat-x 0 bottom; height:43px; position:relative; margin-top:-6px; }
.print .control a{ font-size:0; line-height:0; float:left; height:28px; text-indent: -4000px; }
.print .control a:hover{ background-position:0 bottom; }
.print .control a.prev-project{ width:135px; background-image:url(images/prev-project.gif); }
.print .control a.next-project{ width:108px; background-image:url(images/next-project.gif); float:right; }
.print .control a.to-top{ width:78px; background-image:url(images/to-the-top.gif); margin-left:246px; }



.print .slide{margin-bottom:14px;}
.print p.more{padding-bottom:4px}
.print .enjoy{margin-top:36px;}

.contact-form input, .contact-form textarea { width:355px !important;} 
.small-fields input { width:142px !important; height:13px; }
.middle-fields input, .middle-fields textarea { width:291px !important;}
.bigger-fields input, .bigger-fields textarea { width:291px !important;}

input.check { width:13px !important; height:13px !important; border:0; vertical-align:middle; }

.hire-forms { padding-left:18px; overflow:hidden; width:818px; }
.hire-forms .buttons a{ padding-left:20px;}

textarea { overflow:auto; }
select { border:0;}

.news .article a { border:0; }
.news .article { background:url(images/dot-line.gif) repeat-x 0 bottom; padding:0 0 2px 0 !important; min-height:134px; margin:0 0 24px 0 !important; }
.news .last-article { border-bottom:0 !important; }
.news #content .posts { min-height:135px; }

a.img{ margin:0; border:0; padding:0; position:relative; display:block; }
a.img:hover img{ border-color:#777 !important; }

.dot-line { background:url(images/dot-line.gif) repeat-x 0 bottom; padding-bottom:2px; }




label { color:#fff; display:block; line-height:12px; height:15px; width:100%; }
.forms { line-height:15px; }
.forms input.field { display:block; margin: 0 0 6px 0; height:13px; }
.forms textarea.field { display:block; margin: 0 0 6px 0; height:53px; }
.checks { height:25px; }

.top-part-form { height:80px; }

#content a.img img.view-project { border:0 !important; margin:0 !important; padding:0 !important; position:absolute; width:251px; 
	height:68px;  top:6px; left:6px; background:url(images/view-project.png); display:none !important; }

#content a.img-hover img.view-project { display:block !important; }

select { font-size:11px; }

.contact #content .left h1,
#content h1, 
.home #content h1,
.control a
{ font-family: "GothamHTF Book", Arial, sans-serif; }

.forms .contact-form h2 { padding-left:5px; }

.rel { width:100%; display:block; position:relative; top:-17px; }

h1 .sifr, h1 .sifr-blue { font-size:20px; line-height:20px; height:19px; display:block; position:relative;  text-transform: uppercase; text-decoration: none !important; overflow:hidden; }

.sIFR-alternate { display:none;}

textarea { overflow:hidden; }

.forms .form textarea, .forms textarea.field, .forms input.field { background:#979a9e; border-color:#979a9e; }

textarea.safari-textarea { padding-left:0 !important; padding-right:0 !important;}

.contact .forms form textarea.safari-textarea {  width:359px !important; }
.middle-fields textarea.safari-textarea { width:295px !important; }
.bigger-fields textarea.safari-textarea { width:295px !important; }