/* RESET */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
/* END RESET */

/* HTML */
* { margin:0; padding:0; }
html, body { height:100%; }
html { background:#efefef; overflow:auto; }
body { background:#efefef; background-image:url(/images/bg.gif); background-repeat:repeat-x; }
body, div, dd, dl, dt, h1, h2, h3, h4, li, ol, span, td, th, ul { font: 14px/18px Arial, Verdana, sans-serif; color:#4d5a5e; }
a { color:#f47a4d; text-decoration:none; border:none; outline:none; }
a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { color:#c01339; }
img { border:none; }
p { padding:10px 0; }
h1, h2, h3, h4, h5 { color:#738e97; font-weight:bold; padding:8px 0; }
h1, h1 a { font-size:22px; line-height:22px; }
h2, h2 a { font-size:20px; line-height:20px; }
h3, h3 a { font-size:18px; line-height:18px; }
h4, h4 a { font-size:16px; line-height:16px; }
h5, h5 a { font-size:14px; line-height:14px; }

hr { border:none; border-bottom:1px dashed #bccccd; background-color:#fff; height:0px; margin:18px 0; }
table { width:100%; margin:10px 0; }
th { font-weight:bold; }
td { padding:5px; }
ul, ol { margin:17px 0 13px 12px; }
ul li { padding:0 0 8px 10px; background:transparent url(../images/bullet.gif) 0 6px no-repeat; list-style:none; }
ol li { padding:0 0 8px 10px; margin:0 0 0 10px; list-style:decimal; }
textarea { border:none; }
blockquote { padding-left:20px; font-style:italic; margin:10px 0; }
/* END HTML */

/* BEGIN GENERIC CLASSES */
h2.subTitle { padding-top:12px; }
p.clearBoth { clear:both; height:0; line-height:0px; font-size:0px; padding:0; margin:0; }
p.clearLeft { clear:left; height:0; line-height:0px; font-size:0px; padding:0; margin:0; }
p.clearRight { clear:right; height:0; line-height:0px; font-size:0px; padding:0; margin:0; }
/* END CLASSES */

/* BEGIN LAYOUT */
#layoutWrapper { width:971px; margin:0 auto; }
#contentWrapper { width:993px; margin:0 auto; padding:45px 0; text-align:left; }
#content { background:#fff; padding:0 20px 52px 37px; }
#orange { height:11px; background:#f47a4d; position:relative; top:0; left:0; }
#red { width:37px; height:11px; background:#d13027; }
#header { height:101px; position:relative; }
#logo { display:block; width:98px; height:15px; float:left; position:absolute; top:20px; }

#nav, #nav li { margin:0; padding:0; background:none; }
#nav { float:right; height:20px; }
#nav li { float:left; }
#nav li a { display:block; margin-left:3px; width:56px; height:20px; text-indent:-2000px; }
#about { background:url(/images/nav/about.gif) no-repeat; }
#work { background:url(/images/nav/work.gif) no-repeat; }
#news { background:url(/images/nav/news.gif) no-repeat; }
#contact { background:url(/images/nav/contact.gif) no-repeat; }
#nav li a:hover { background-position:0 -20px; }
#nav li a.on { background-position:0 -40px; }

#leftColumn { background:#fff; width:663px; float:left; }
#rightColumn { width:233px; float:right; padding-top:37px; }

#footer { padding:5px 10px; text-align:right; }
#footer, #footer a { font-size:11px; color:#8e969c; }
#footer a:hover { text-decoration:underline; }
/* END LAYOUT */

#clientList, #clientList li { margin:0; padding:0; background:none; }
#clientList { margin-top:14px; }
#clientList li { width:123px; float:left; margin:0 0 10px 10px; }
#clientList li.first { margin:0; }
#clientList li a, a.clientThumb { display:block; border:1px solid #e2e2e2; padding:6px 5px 0 5px; color:#829294; font-size:10px; line-height:11px; height:84px; }
#clientList li a img, a.clientThumb img { margin-bottom:5px; }
#clientList li a:hover, a.clientThumb:hover { color:#f47a4d; border:1px solid #f47a4d; }
div.clientThumbHolder { width:123px; float:left; margin:0 10px 10px 0; }

#newsList, #newsList li { margin:0; padding:0; background:none; }
#newsList { margin-top:14px; }
#newsList li { font-size:11px; color:#4d5a5e; line-height:16px; margin-bottom:24px; clear:left; }
#newsList h3 { margin:0; padding:0; line-height:18px; font-size:14px; color:#738e97; }
#newsList h3 span.date { color:#96aaaf; font-weight:bold; }

#contactList, #contactList li { margin:0; padding:0; background:none; }
#contactList { margin-top:14px; }
#contactList li { font-size:11px; line-height:16px; margin-bottom:16px; }
#contactList li b, b.small { color:#96aaaf; font-size:10px; line-height:10px; margin-bottom:0px; }

#jobsList, #jobsList li { margin:0; padding:0; background:none; }
#jobsList li { font-size:11px; line-height:14px; margin-bottom:14px; }
#jobsList li b { color:#96aaaf; font-size:10px; line-height:10px; }

#clientsPromoList, #clientsPromoList li { margin:0; padding:0; background:none; font-size:11px; }
#clientsPromoList { margin-top:14px; }
#clientsPromoList li a { color:#738e97; }
#clientsPromoList li a:hover { color:#f47a4d; }

#clientImagesList, #clientImagesList li { margin:0; padding:0; background:none; }
#clientImagesList li { margin-bottom:14px; }

/* CLASSES */
.promo { border:1px solid #e9eeee; padding:20px 14px 13px 14px; margin-bottom:14px; }
.promo, .promo p { color:#4d5a5e; font-size:11px; line-height:14px; }

#newsPromoList, #newsPromoList ul, #newsPromoList li { margin:0; padding:0; background:none; }
#newsPromoList { margin-top:14px; }
#newsPromoList ul li { line-height:14px; }
#newsPromoList ul li a { font-size:12px; color:#96aaaf; }
#newsPromoList ul li a:hover { color:#f47a4d; }
#newsPromoList ul { margin:3px 0 14px 3px; }

.moreLink { font-size:10px; }