*	{
margin:0;
padding:0;
}

html { 
min-height: 100%; 
margin-bottom: 1px; 
overflow: -moz-scrollbars-vertical !important; 
}

body	{
font-family:Arial,sans-serif;
font-size:14px;
color:#FFF;
background-color:#37424A;
}

img	{
border:none;
}


a	{
text-decoration:none;
}

a:link,
a:visited	{
color:#CCC;
}

a:hover,
a:active	{
color:#FFF;
}

#page	{
width:960px;
height:auto;
margin:20px auto;
overflow:hidden;
}

#brand-home	{
width:520px;
height:166px;
margin: 0 10px;
}

#brand	{
width:520px;
height:98px;
margin: 0 10px;
}

#main-nav	{
width:940px;
height:45px;
margin:20px auto;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
clear:both;
}


#main-nav li	{
display:block;
list-style-type:none;
float: left;
height:45px;
}

#main-nav li#services	{
width:110px;
}

#main-nav li#news	{
width:86px;
}

#main-nav li#work {
width:83px;
}

#main-nav li#blog	{
width:79px;
}

#main-nav li#contact	{
width:104px;
}

#main-nav li#about	{
width:195px;
}

#main-nav li#client	{
width:282px;
text-align:right;
}

#main-nav li a	{
text-decoration: none;
font-size:16px;
line-height:45px;
font-weight:bold;
margin:15px 0 15px 0;
}


#main-nav li#client	a 	{
margin-right:0;
}

#content-main	{
width:580px;
height:auto;
margin-left:10px;
float:left;
}
#content-full	{
width:940px;
height:auto;
margin:0 10px;
clear:both;
}

#content-main	p {
font-weight: bold;
font-size:19px;
line-height:24px;
letter-spacing: 0.02em;
}

#content-main-project,
#content-main-presentation,
#content-main-about	{
margin-top: 22px;
}

#content-main-contact	{
margin-top: 21px
}
#content-main-project h2	{
font-size:14px;
font-weight:normal;
}

#content-main-project-image	{
margin: 10px 0 18px;
}

#content-main-project p,
#content-main-about p	{
font-size:14px;
line-height:20px;
font-weight:normal;
}

#content-main-project p	 a	{
font-weight:bold;
}

#content-main-presentation img	{
width:580px;
height:310px;
}

#content-main-work	{
width:580px;
height:auto;
}

#work-thumbnails	{
width:580px;
height:auto;
margin:20px 0 10px;
}

#work-thumbnails img	{
margin-left:20px;
padding-bottom:6px;
height:40px;
width:40px;
}

#work-thumbnails img.first-thumb	{
margin-left:0;
}

#work-thumbnails img.current-project	{
padding-bottom:3px;
border-bottom:3px solid #FF33FF;
}

#work-images	{
width:580px;
height:auto;
}

#work-images img	{
margin-bottom:20px;
}

#content-main-about h2	{
clear:both;
display:block;
font-size:16px;
line-height:20px;
margin:15px 0 9px;
}

#content-main-about img	{
width:580px;
height:207px;
margin-bottom:30px;
}

#content-main-about p,
#content-main-contact p	{
padding-bottom:20px;
}


#content-main-contact img	{
float:left;
clear:left;
width:120px;
margin-bottom:40px;
}

#content-main-contact p	{
float:left;
font-weight:normal;
width:450px;
}

#content-main-contact p a	,
#content-main-about p a	{
text-decoration:underline;
font-weight:bold;
}

#phone	{
margin-top:40px;
}

#email	{
margin-top:14px;
}

#mail	{
margin-top:10px;
}
form	{
background-color: #5f686e;
padding:12px;
margin-top:68px;
}

fieldset	{
border:none;
}

label, 
input, 
textarea	{
clear:both;
float:none;
}

label	{
display:block;
margin-bottom:4px;
}

input, 
textarea	{
width:270px;
border:1px solid #000;
}

input	{
height:18px;
}

textarea	{
height:95px;
}

form p	{
margin-bottom:9px;
}

#submit	{
width:95px;
height:21px;
background-color:#bfc3c5;
border:1px solid #000;
color: #37424a;
margin-left:177px;
font-weight:bold;
margin-top:3px;
}


#content-sub	{
width:300px;
height:auto;
margin:0 10px 20px 60px;
float:left;
clear:right;
}

.content-sub-block,
.content-sub-download-block	{
width:100%;
height:auto;
clear:both;
background-color:#5f686e;
margin-bottom:15px;
}

.content-sub-download-block	{
margin-top:64px;
}

.content-sub-block h3,
.content-sub-download-block h3,
.content-sub-block p,
.content-sub-download-block p	{
display:block;
padding:0 14px;
}

.content-sub-block h3,
.content-sub-download-block h3	{
padding-top:14px;
margin-bottom:8px;
}

.content-sub-block p, 
.content-sub-download-block p {
line-height: 18px;
}
.content-sub-block p, 
.content-sub-download-block p	{
clear:right;
padding-bottom:15px;
}
p.morelink	{
width:272px;
height:18px;
background-color:#afb3b7;
text-align:right;
padding:6px 14px;
}


.content-sub-block p a	{
text-decoration:underline;
font-weight:bold;
color:#fff;
}

.content-sub-block p a:hover,		
.content-sub-block p a:active	{
color:#CCC;
}

#project-info	{
width:300px;
margin-top:120px;
}

#project-info h2,
#project-info h3,
#project-info h4	{
font-size:16px;
line-height:20px;
color:#fff;
font-weight:normal;
}
#project-info h4 a {
padding-left:10px;
background: url(../images/chevron.gif) 0 5px no-repeat;

}

#project-info p	{
margin-top:20px;
font-size:14px;
line-height:18px;
}
	
p.morelink a	{
text-decoration:none;
font-size:15px;
color:#37424A;
font-weight:bold;

}

p.morelink a:hover,
p.morelink a:hover {
color:#fff;
text-decoration:none;
}

p img	{
float:left;
margin:0 20px 20px 0;
}

#content-footer	{
clear:both;
width:940px;
height:auto;
margin:0 10px;
border-top:1px solid #ccc;
}

#content-footer p	{
margin:10px 0 16px;
color:#ccc;
font-weight:bold;
}

#content-footer p#footer-twitter	{
float:left;
}

#content-footer p#footer-twitter a:hover,	
#content-footer p#footer-twitter a:active	{
text-decoration: underline;

}

#content-footer p#footer-twitter img{
margin:-3px 7px 0 0;
border:none;
}
#content-footer p#footer-email	{
float:right;
}


.more	{
float:right;
margin-bottom:20px;
}

.more	 a,
.morelink a	{

padding-left:10px;
background: url(../images/chevron.gif) 0 5px no-repeat;

}

#presentation-previous ,
#presentation-next 	{
font-size:16px;
margin:10px 0 15px 0;
}

#presentation-previous 	{
float:left;
width:120px;
padding-left:10px;
background: url(../images/chevron_left.gif) 0 8px no-repeat;
}

#presentation-next 	{
float:right;
width:88px;
padding-right:0;
background: url(../images/chevron.gif) 82px 8px no-repeat;
}

#news-nav	{
height:42px;
clear:both;
}

#news-nav p	{
font-size:16px;
line-height:22px;
margin-top:11px;
float:left;
margin-right:20px;
}

#news-nav p a	{
font-weight:bold;
padding-left:10px;
background: url(../images/chevron_left.gif) 0 5px no-repeat;
}

#news-nav p.newer a	{
width:200px;
display:block;
font-weight:bold;
padding-left:0;
background: url(../images/chevron.gif) 152px 8px no-repeat;
}

.news-item 	{
clear:both;
padding-bottom:5px;
border-bottom: 1px solid #CCC;
overflow:auto;
height:auto;
display:block;
}

.news-item	 h2,
.news-item	 p	{
width:580px;
float:left;
display:block;
}

.news-item	 h2	{
font-size:16px;
margin:15px 0;
}

.news-item	 p	{
margin-bottom:20px;
}

.news-item	 img 	{
clear:both;
margin: 10px 0;
}

img#ucd		{
width:580px;
height:443px;
}