/*******************************************/
/*                  Common                 */
/*******************************************/

html, body { margin:0; padding:0; height:100%; }
body {  }
body, table, input, textarea, select { font:11px Helvetica, Arial, Verdana, sans-serif; }
body, table {  line-height:16px; }
form { margin:0; padding:0; }
h1, .h1 {  font-weight:normal; font-size:18px; }
h2, .h2 {  font-weight:normal; font-size:13px; font-weight:bold; }
h3, .h3 { margin:0 0 15px 0; padding:5px 0; font-weight:bold; font-size:12px; }
a {  text-decoration:none; }
a:hover {  }
a.Reverse {  text-decoration:none; }
a.Reverse:hover {  }
a img { border:none; }
p { margin:7px 0; }
hr { clear:both; margin:15px 0; width:100%; height:1px;  border:0; }
.Hidden { display:none; }
.Clear { clear:both; }
.Req {  }
.Important {  }
.MoreInfo { display:block; padding:6px; width:65px; font-weight:bold; font-size:9px; text-align:center; text-transform:uppercase; cursor:pointer; }
.Button { display:block; margin:8px 0; }
.Error { margin:15px 0 0 0; display:block; padding:6px; font-weight:bold; font-size:12px; }
.Date { font-size:10px; }


/*******************************************/
/*                  Layout                 */
/*******************************************/

#Wrapper { margin:0 auto; width:960px; position:relative; min-height:100%; }
#Wrapper #Header { padding:24px 0 0; height:95px; no-repeat top right; }
/*#Wrapper #Header .Logo { float:left; }*/
#Wrapper #Header h1 { float:left; width: 169px; height:72px;  margin-top:0; }
#Wrapper #Header h1 a { display:block; text-indent:-1950px; width: 169px; height:72px;}
#Wrapper #Header .ClientLogin { float:right; margin-right:10px; }
#Wrapper #Container { min-height:400px; padding-bottom:40px; }

#Footer { position:bottom:0; width:960px; }
#Footer .Details { float:left; margin-left:190px; width:770px; }
#Footer .Details #Sitemap ul { margin:0; padding:0; list-style:none; }
#Footer .Details #Sitema pul li { float:left; padding:0 8px; margin:0; }
#Footer .Details #Sitemap ul li.First { border:0; }
#Footer .Details #Sitemap ul li a { margin:0; padding:0; }
#Footer .Details #Sitemap ul.Links { float:right; }
#Footer .Details #Wnzcontact { float:right; width:110px; margin:10px 15px 0 0; text-align:right; }
#Footer .Details #Wnzcontact span { display:block; margin:5px 0 5px; line-height:10px; font-size:9px; }
#Footer .Details #Wnzcontact .First { margin-top:10px; }

#Container #ColLeft { display:inline; float:left; width:190px; }
/*#Container #ColLeft h2 { display:block; margin-bottom:3px; padding:5px 0; font-weight:bold; font-size:12px; }*/
#Container #ColLeft h2 { no-repeat scroll 0 0; text-indent: -1950px; height:24px;}
#Container #ColLeft .ContactUs h1 { width:154px; height:35px; text-indent:-1950px; overflow: hidden; margin:4px 0 6px; }
#Container #ColRight { display:inline; float:left; width:768px; }
#Container #ColRight .text {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;border:1px solid #cccccc;color:#111111;padding:2px 4px;width:320px;}
#Container #ColRight .textarea {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;border:1px solid #cccccc;color:#111111;padding:2px 4px;width:320px;height:120px;}
#Container #ColRight .dropdown {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;border:1px solid #cccccc;color:#111111;padding:2px 4px;width:330px;}
.Content { padding:15px; }
#Container #Portfolio { float:left; width:770px; margin-bottom:10px; display:inline; }
#Container #Portfolio .Title { margin:3px 0 0 8px; display:inline; }

.WrapperWhite #Container #ColRight { }
.WrapperWhite #Container #ColRight #Content { padding:20px; min-height:300px; }
.WrapperWhite #Container #ColRight #Bottom { height:7px; }

.Col { display:inline; float:left; margin-right:30px; width:300px; }

/*******************************************/
/*                   Menu                  */
/*******************************************/

#Menu { float:left; margin-left:20px; padding-top:4px; width:770px; height:45px; }
#Menu ul { margin:14px 0; padding:0; float:left; list-style:none; }
#Menu ul li { float:left; no-repeat 0 0; height:18px; }
#Menu ul li.First { background:none; margin-left:10px; }
#Menu ul li a { padding:5px 20px 0; font-weight: bolder; font-size: 12px; text-transform: uppercase;}
#Menu ul li a:hover { }
#Menu ul li a img { padding:5px 20px 0; }
#Menu ul li a:hover img { opacity:0.6; filter:alpha(opacity=60); }
#Menu .ClientLogin { float:right; margin:10px 0; }

/*******************************************/
/*                 Sub Menu                */
/*******************************************/

.SubMenu ul { margin:15px 0 20px; padding:0; list-style:none; }
.SubMenu ul li { margin:0; padding:0; }
.SubMenu ul li a, .SubMenu ul li span  { display:block; padding:5px 0 3px 12px; font-weight:normal; font-size:12px; text-transform:uppercase; }
.SubMenu ul li span, .SubMenu ul li a.Last { }
.SubMenu ul li li a img { margin:0 6px 0 0; }
.SubMenu ul li li span { display:inline; padding:2px 0; font-weight:normal; font-size:10px; background:none; text-transform:none; }
.SubMenu ul li li { background:none; line-height:14px; }
.SubMenu ul li li a { font-weight:normal; font-size:10px; border:0; text-transform:none; padding:0 0 0 12px; display:inline; }
.SubMenu ul ul { margin-top:4px; }
.SubMenu ul .Actions {  margin-top:10px; }
.SubMenu ul li.Selected a { }
.SubMenu ul li.Selected span { }
.SubMenu ul li.Selected li a, .SubMenu ul li.Selected li a span { }
.SubMenu ul li li.Selected a { }
.SubMenu ul li a:hover, .SubMenu ul li.Selected a:hover, .SubMenu ul li.Selected li a:hover span { }
.SubMenu #ColLeft .ContactUs h1 { width:154px; height:35px; }



/*******************************************/
/*                  Forms			       */
/*******************************************/

.FormField { padding:1px 4px; width:140px; }
.FormButton { display:block; padding:0 10px 4px 10px; width:90px; height:20px; color:#333; text-align:center; border:0; }
.Buttons { float:right; margin-top:15px; }
.Buttons a { float:left; }
.Buttons .FormButton { float:left; margin-left:0; }
.Form div { display:block; margin-bottom:3px; }
.Form div label { display:block; float:left; margin:1px 4px 0 0; width:80px; text-align:right; }
.Form div span.data { width:auto; float:left; padding:3px 0; }
.Form div select, form div option { width:auto; } 
.Form div.Divider { margin:0; padding:5px 4px 2px; }
.Form div .FormButton { margin-left:82px; margin-top:10px; }
.Form .Captcha { clear:both; display:block; padding-left:84px; margin-bottom:10px; }
.Form .Captcha .CaptchaField { clear:none; float:left; width:120px; }
.Form .Captcha .CaptchaImage { clear:none; float:left; width:100px; height:23px; }

/*******************************************/
/*              Info Container	           */
/*******************************************/

.InfoContainer { width:352px; }
.InfoContainer .Top { height:29px; }
.InfoContainer .Content { padding:15px; border-width:0 1px; }
.InfoContainer .Content h4 { display:inline; }
.InfoContainer .Bot { height:9px;}

/*******************************************/
/*                Homepage                 */
/*******************************************/

#Homepage { padding-bottom:50px; }
#Homepage h1 { text-indent:-1950px; overflow: hidden; margin:4px 0 6px; }
#Homepage #ColLeft { display:inline; float:left; width:190px; }
#Homepage #ColLeft .Tagline { display:block; margin:70px 0; }
#Homepage #ColLeft .ContactUs { display:block; margin:5px 0 0; }
#Homepage #ColLeft .ContactUs h1 { width:166px; height:34px; }
#Homepage #ColLeft .ContactUs span { display:block; margin:5px 0 10px; line-height:13px; }
#Homepage #ColLeft .ContactForm {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#1C1C1C url(/images/bg_homecontacttop.gif) no-repeat scroll left top;display:inline;float:left;font-family:Verdana,Helvetica,sans-serif;font-size:11px;line-height:18px;width:170px; }
#Homepage #ColLeft .ContactForm .text {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;border:1px solid #111111;color:#111111;padding:2px 4px;width:140px;}
#Homepage #ColLeft .ContactForm .textarea {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;border:1px solid #111111;color:#111111;padding:2px 4px;width:140px;}
#Homepage #ColLeft .ContactForm .ContactFormBottom {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#1C1C1C url(/images/bg_homecontactbottom.gif) no-repeat scroll left top;height:17px; }
#Homepage #ColLeft .ContactForm h1 { width:170px; height:30px; }
#Homepage #ColLeft .SubMenu { float:left; margin-top:10px;}
#Homepage #ColLeft .FollowUs { display:block; margin:35px 0 0; }
#Homepage #ColLeft .FollowUs h1 { width:166px; height:24px; }
#Homepage #ColLeft .FollowUs span { display:block; margin:5px 0 10px; line-height:13px; }
#Homepage #ColRight { display:inline; float:left; width:770px; }
#Homepage #ColRight #Whoweare { display:inline; float:left; width:510px; margin-top:10px; font-family:Verdana,Helvetica,sans-serif;
font-size:11px; line-height: 18px; background:#1C1C1C url(/images/bg_homemaintop.gif) no-repeat scroll left top; }
#Homepage #ColRight #Whoweare #Content { padding:10px; }
#Homepage #ColRight #Whoweare h1 { width:424px; height:24px; margin-left:33px; } 
#Homepage #ColRight #Whoweare .Thumbnails div { float:left; margin-left:6px; padding:0; }
#Homepage #ColRight #Whoweare .Thumbnails div a img { display:block; margin-bottom:6px; width:249px; }
#Homepage #ColRight #Whoweare .Thumbnails div a:hover img { opacity:0.7; filter:alpha(opacity=70); }
#Homepage #ColRight #Whoweare .Thumbnails .First { margin:0; }
#Homepage #ColRight #Whoweare #Whoarewebottom { background:#1C1C1C url(/images/bg_homemainbottom.gif) no-repeat scroll left top; height:17px;}
#Homepage #ColRight #Banner { float:left; width:770px; margin-bottom:10px; display:inline; }
#Homepage #ColRight #Banner .Title { margin:3px 0 0 8px; display:inline; }
#Homepage #ColRight #Updates { float:left; width:230px; margin:10px 0 0 25px; }
#Homepage #ColRight #Updates #News, #Homepage #ColRight #Updates #Blog { float:left; margin-bottom:15px; }
#Homepage #ColRight #Updates #News h1 { width:166px; height:24px; } 
#Homepage #ColRight #Updates #News ul { margin:10px 0 0; padding:0; list-style:none; }
#Homepage #ColRight #Updates #News ul li { margin:0 0 10px; padding:0; }
#Homepage #ColRight #Updates #News ul li a { font-weight:bold; }
#Homepage #ColRight #Updates #Blog h1 { width:166px; height:24px; margin-bottom:6px; } 
#Homepage #ColRight #Updates #Blog .Entry { padding:2px 0; } 
#Homepage #ColRight #Updates #Blog .First { padding-top:0; border:0; } 
#Homepage #ColRight #Updates #Blog .Entry .Date { float:left; margin-right:12px; width:26px; height:28px; }
#Homepage #ColRight #Updates #Blog .Entry .Date .Month { display:block; height:12px; padding:0; margin:0; text-transform:uppercase; text-align:center; font-size:8px; }
#Homepage #ColRight #Updates #Blog .Entry .Date .Month a { }
#Homepage #ColRight #Updates #Blog .Entry .Date .Day { display:block; font-size:13px; text-transform:capitalize; text-align:center; }
#Homepage #ColRight #Updates #Blog .Entry .Date .Day a { }
#Homepage #ColRight #Updates #Blog .Entry .Details { float:left; width:192px; line-height:12px; padding-top:2px; }
#Homepage #ColRight #Updates #Blog .Entry .Details h4 { margin:0; font-weight:normal; font-size:9px; }

#Homepage #ColLeft #Blog h1 { width:166px; height:24px; margin-bottom:6px; } 
#Homepage #ColLeft #Blog .Entry { padding:2px 0; } 
#Homepage #ColLeft #Blog .First { padding-top:0; border:0; } 
#Homepage #ColLeft #Blog .Entry .Date { float:left; margin-right:12px; width:26px; height:28px; }
#Homepage #ColLeft #Blog .Entry .Date .Month { display:block; height:12px; padding:0; margin:0; text-transform:uppercase; text-align:center; font-size:8px; }
#Homepage #ColLeft #Blog .Entry .Date .Month a { color:#7F7F7F; }
#Homepage #ColLeft #Blog .Entry .Date .Day { display:block; font-size:13px; text-transform:capitalize; text-align:center; }
#Homepage #ColLeft #Blog .Entry .Date .Day a { color:#7F7F7F; }
#Homepage #ColLeft #Blog .Entry .Details { float:left; width:152px; line-height:12px; padding-top:2px; }
#Homepage #ColLeft #Blog .Entry .Details h4 { margin:0; font-weight:normal; font-size:9px; }
#Homepage #ColLeft #Blog .Entry .Date {background:transparent url(/images/bg_calendar.gif) no-repeat scroll 0 2px;}
#Homepage #ColLeft #Blog .Entry .Date .Day a { color:#C0C2C1; }
#Homepage #ColLeft #Blog .Entry .Date .Day a:hover { color:#AAAAAA; }

/*******************************************/
/*                 Contact                 */
/*******************************************/

#Contact { margin-top:10px; }
#Contact .ColLeft { float:left; margin:0 20px 0 5px; width:270px; } 
#Contact .ColLeft h4 { margin:10px 0 2px; font-size:11px; font-weight:bold; } 
#Contact .ColLeft h2 { text-indent:-1950px; width:187px; height:26px; overflow: hidden; } 
#Contact .ColLeft .Details { padding-bottom:15px; line-height:13px; } 
#Contact .ColLeft .Details h2 { } 
#Contact .ColLeft .Enquiry { padding-bottom:15px; line-height:13px; } 
#Contact .ColLeft .Enquiry h2 { } 
#Contact .ColLeft .Enquiry .FormField { padding:2px 4px; width:140px; }
#Contact .ColLeft .Enquiry .Submit { margin-left:82px; margin-top:10px; }
#Contact .ColRight { float:left; width:400px; }
#Contact .ColRight #GoogleMapContainer { margin-top:20px; width:350px; height:300px; }

/*******************************************/
/*                 Sitemap                 */
/*******************************************/

#Sitemap { float:left; width:645px; }
#Sitemap ul { margin:0; padding:0; list-style:none; }
#Sitemap ul li { display:inline; float:left; padding:10px 13px 0; } 
#Sitemap ul li.last { padding:10px 0 0 13px; }
#Sitemap ul li a { font-weight:bold; font-size:10px; text-transform:uppercase; }
#Sitemap ul li a:hover { text-decoration:underline; }
#Sitemap ul li ul { margin-top:5px; list-style:none; }
#Sitemap ul li ul li { display:block; float:none; padding:0; }
#Sitemap ul li ul li a { font-weight:normal; text-transform:none; }
#Sitemap ul li ul li ul { display:none; }



/*******************************************/
/*              Pretty Search              */
/*******************************************/

.SearchWrapper { display:block; height:20px; }
.SearchWrapper .PrettySearch { float:left; padding:3px 0 0 0; height:17px; opacity:1; }
.SearchWrapper .Blurred { }
.SearchWrapper .Left { float:left; width:20px; height:20px; }
.SearchWrapper .Right { float:left; width:10px; height:20px; }

/*******************************************/
/*                   Blog                  */
/*******************************************/

#Blog .ColLeft { float:left; margin-right:20px; width:500px; }
#Blog .ColRight { float:right; width:200px; }
#Blog h1 { font-weight:normal; font-size:22px; margin:5px 0 15px; font-family:Georgia, "Times New Roman", Times, serif;  }
#Blog #frmSearch { margin-bottom:15px; }
#Blog #frmSearch label,#Blog #frmSearch #Search { display:none; }
#Blog .Extras { float:left; margin-left:0; padding-left:0; }
#Blog .Extras li {  margin-left:0; padding-left:0;}
#Blog .AddThis { float:right; margin-top:25px; }
#Blog p img { margin:5px 0; }
#Calendar { margin-bottom:15px; width:84%; border-collapse:collapse; }
#Calendar th { padding:4px; font-weight:bold; font-size:12px; }
#Calendar th a { font-weight:normal; font-size:11px; }
#Calendar .DayOfWeek { padding:4px; font-weight:bold; text-align:center; }
#Calendar .Day { padding:4px; text-align:center; }
#Calendar .Current { font-weight:bold; }
#Calendar .Active { font-weight:bold; }
#CommentItem { margin:10px 0; padding:10px; display:block; }
#CommentItem .Comment { padding-bottom:10px; }

/*******************************************/
/*                   News                  */
/*******************************************/

#News h1, #News h2, #NewsArchive h2 { font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; }
#NewsSearch { position:absolute; margin:-25px 0 0 250px; width:450px; }
#NewsSearch .Button, #NewsSearch input  { float:left; margin-left:10px; }
#NewsSearch #ViewMonths { margin-top:4px; }
#NewsArchive { position:absolute; width:730px; height:280px; opacity:0.90; }
#NewsArchive #Close { float:right; }
#NewsArchive h2 { margin-top:0; font-size:20px; }
#NewsArchive ul { margin:0; padding:0; list-style:none; }
#NewsArchive ul li { float:left; width:120px; }
#NewsArchive ul li li { padding:0 0 0 20px; }
#NewsArchive a { }
#NewsArchive a:hover { text-decoration:none; }
#News h1 { font-size:20px; }
#News h2 { margin-top:0; font-size:14px; }
#News h1, #News h2, #News h1 a, #News h2 a { }
#News h1 a:hover, #News h2 a:hover { }
#News #List .Featured { height:280px; }
#News #List .Featured .Details { float:left; width:330px; }
#News #List .Featured .Details p { line-height:16px; }
#News #List .Featured .Details p a { }
#News #List .Featured .Large { width:auto; }
#News #List .Featured .Image { margin:0 10px 10px 0; float:right; }
#News #List .Item .Details { float:left; width:180px; }
#News #List .Item .Details p a { }
#News #List .Item .Large { width:auto; }
#News #List .Item .Thumbnail { float:left; margin:0 10px 10px 0; width:120px; }
#News #Details .Image { margin:0 20px 20px 0; }
#News #Details .Date { margin-bottom:10px; }

/*******************************************/
/*                 Our Work                */
/*******************************************/

/*#OurWork .Thumbnails div { float:left; margin-left:3px; padding:8px; width:238px; height:112px; }*/
#OurWork .Thumbnails div { float:left; margin-left:8px; padding:0; height:130px; }
#OurWork .Thumbnails div a img { display:block; margin-bottom:2px; width:249px; }
#OurWork .Thumbnails div a:hover img { opacity:0.7; filter:alpha(opacity=70); }
#OurWork .Thumbnails .First { margin:0; }
#OurWork .Thumbnails h2 { float:left; font-weight:normal; margin:0 0 0 10px; display:inline; }
#OurWork .Thumbnails h2 a { padding:3px 6px 0; text-transform:uppercase; font-size:10px; display:block; }
#OurWork .Thumbnails h2 a:hover { }
#OurWork #ProjectHero { }
#OurWork .Details { float:left; margin:0 0 0 10px; min-height:150px; font-size:13px; line-height:17px; width:490px; display:inline; }
#OurWork .Details .Button { margin-top:20px; width:100px; }
#OurWork .Disciplines { float:right; margin:0 10px 0 20px; font-size:11px; line-height:18px; width:220px; display:inline; }
#OurWork .Disciplines ul { list-style:square; margin-top:0; }
#OurWork .Disciplines ul li { margin:0; padding:0; font-size:14px; line-height:14px; }
#OurWork .Disciplines ul li.First { padding-top:0; }
#OurWork .Disciplines ul li span { font-size:10px; }


#Content h1, #Content .h1 { font-weight:normal; font-size:30px; line-height:30px; border-bottom:1px solid #d9d8d7;}
#Content h2, #Content .h2 { font-weight:normal; font-size:22px; line-height:24px;}
#Content h2 a, #Content .h2 a { color: #737373; text-decoration: underline; }
#Content h3, #Content .h3 { font-weight:normal; font-size:18px; line-height:18px;}
#Whoweare #Content h1, #Whoweare #Content .h1 { border:none;}

#Content p.thumb {
border:1px solid #CCCCCC;
float:left;
margin:0.5em 15px 0.5em 0;
padding:2px;
width:100px;
}

#Content p.thumb a {
display:block;
float:left;
height:110px;
line-height:100px;
overflow:hidden;
position:relative;
width:100px;
z-index:1;
}

#Content p.thumb a.title {
display:block;
float:left;
height:20px;
line-height:20px;
overflow:none;
position:relative;
width:100px;
z-index:1;
}

#Content p.thumb a img {
float:left;
margin:0;
padding:0;
position:absolute;
}