/*Global*/
@font-face {
    font-family: 'BrockScriptRegular';
    src: url('../fonts/BrockScript-webfont.eot');
    src: url('../fonts/BrockScript-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BrockScript-webfont.woff') format('woff'),
         url('../fonts/BrockScript-webfont.ttf') format('truetype'),
         url('../fonts/BrockScript-webfont.svg#BrockScriptRegular') format('svg');
    font-weight: normal;
	font-style: normal;
}
*	{margin:0px; padding:0px; border:0px;}
body	{font-family:Georgia, Palatino,'Palatino Linotype', Times, 'Times New Roman'; font-size:16px; background:#f7f7f7;}
.heading	{font-family:helvetica, arial, sans-serif;}
h2	{padding:0px 20px 20px; font-size:18px; font-weight:bold;}
p	{padding:0px 20px 20px;}
ul	{margin-left:20px;}
li	{margin:0px 0px 20px;}
a	{text-decoration:none; color:#BF7E2B; font-weight:bold;}
a:hover	{text-decoration:underline;}
.clear	{clear:both;}
.large	{font-size:18px; font-weight:normal;}


/*Structure*/
.container	{width:100%;}
#content	{width:980px; margin:0px auto;}
.section	{padding-bottom:20px;}
.section_third	{padding:0px 1px 20px;}
.half	{width:490px; padding:20px 0px 0px; float:left;}
.third	{width:300px; margin:0px 13px; float:left;}
.quarter	{width:200px; margin:21px; float:left; background:#ffffff;}
.fifth	{width:158px; margin:18px; float:left; background:#000000;}


/*Dictionary*/
#dictionary	{width:980px; height:33px; border-bottom:2px dashed #000000; margin:0px auto; font-size:12px; color:#444444;}
#dictionary .border-t	{float:left;}
#dictionary .border-l	{border-left:1px dashed #000000;}
#dictionary .border-l .wordPart, #dictionary .border-l .explanation	{margin-left:5px;}
#dictionary .border-t .wordPart	{margin:0px 20px 0px 5px;}
#dictionary .wordPart	{height:33px; float:left; font-weight:bold; font-size:22px;}
#dictionary .pheonetics	{margin-top:8px; float:left; font-weight:bold;}
#dictionary .pheonetics em	{font-weight:normal;}
#dictionary .box	{height:33px; float:left;}
#dictionary .box_full	{height:25px; padding-top:8px; margin-left:5px; float:left;}
#dictionary .box_crop	{height:25px; padding-top:8px; margin-left:-15px; float:left;}
#dictionary .explanation	{font-style:italic;}


/*Head*/
#head	{width:980px; margin:0px auto;}
#head .logo	{margin-top:20px;}
#head .strapline	{margin:20px 0px 10px 10px; font-size:14px; font-weight:bold;}
#head .menu	{width:100%; background:#231f20;}
#head .menu ul	{padding-right:10px; float:right;}
#head .menu li	{margin:0px; float:left; list-style-type:none;}
#head .menu a	{padding:10px 15px; margin:0px 5px 10px; display:block; font-size:14px; font-weight:bold; color:#9d9fa2;}
#head .menu a:hover, #head .menu .active	{color:#ffffff; text-decoration:none; background:url('../img/goldTab.jpg') no-repeat #B67B2B;}


/*Footer*/
#footer	{width:980px; padding:10px 0px 20px; margin:0px auto; clear:both; background:#231f20; color:#f7f7f7;}
#footer p	{padding-bottom:0px; text-align:center;}
#footer a	{font-weight:bold; color:#f7f7f7;}
#footerBox	{width:450px; padding:20px; position:relative; font-weight:bold;}
#footerBox .arrow	{position:absolute; left:0px; top:-40px;}


/*Content*/
#banner	{width:970px; padding:3px; border:2px dashed #9d9fa2;}
.animation	{padding:0px 25px; margin:10px; background:#000000;}
.animation_front	{padding:10px; position:relative;}
.grey1	{background:#231f20; color:#f7f7f7;}
.grey2	{background:#9d9fa2;}
.grey3	{background:#ebeced;}
.greyGrad li	{margin:10px 0px;}
.tabDark	{height:60px;}
.tabDark.large	{margin-left:294px;}
.tabDark.small	{margin-left:646px;}
.tabDark h1	{height:100%; padding-right:20px; margin-left:40px; background:#231f20; color:#ebeced; font-size:40px; font-family:'BrockScriptRegular'; text-align:right;}
.tabLight	{height:60px;}
.tabLight h1	{height:100%;padding-left:20px; border-right:164px solid #231f20; font-size:40px; font-family:'BrockScriptRegular';}
.top	{margin-bottom:20px; background:url('../img/tab_end.png') no-repeat 0px -60px;}
.bottom	{background:url('../img/tab_end.png') no-repeat 776px 0px;}


#clients .fifth a	{width:138px; height:63px; padding:10px; display:block; color:#ffffff;}
#clients .fifth a:hover	{text-decoration:none;}
#clients .fifth b	{font-size:20px;}
#clients .fifth .develop	{width:148px; padding-right:0px;}
#clients .quarter	{height:191px; background:#ffffff;}
#clients .comingsoon_img	{width:200px; height:191px; position:absolute; top:0px; display:none; background:url('../img/clients/thumbs/ComingSoon.png');}
#clients .comingsoon:hover .comingsoon_img	{display:block;}


.map	{height:500px; background:url('../img/map.jpg') no-repeat 150px 50px #ffffff;}
.map .office	{width:250px; font-weight:bold; color:#9D9FA2;}
.map h3	{margin-bottom:5px; color:#000000;}
.map a	{color:#9D9FA2;}
.map a:hover	{color:#000000; text-decoration:none;}
.map .newcastle	{padding:80px 0px 0px 620px;}
.map .london	{padding:80px 0px 0px 620px;}


.contact_imgs img	{padding:10px; margin:5px; float:right; background:#9D9FA2;}
.contact	{padding-left:20px; margin-bottom:30px;}
.contact h3	{padding-bottom:5px;}
label, input, textarea	{font-size:18px;}
.form	{}
.submit	{padding:5px; float:right;}
.submit:hover	{cursor:pointer; color:#ffffff;}
.submitted	{height:258px; padding-top:100px; font-weight:bold; font-size:18px;}


.service h2	{padding:15px; border-top:2px dashed #9d9fa2; border-bottom:2px dashed #9d9fa2; margin:0px 20px 10px; background:#f7f7f7;}
.service p	{padding:0px 35px;}
.service a	{padding:0px 35px 40px; float:right;}
.popup div	{width:500px; padding:20px; border:2px dashed #9d9fa2; margin:5px;}
.popup ul	{margin-left:40px;}
.popup li	{margin-bottom:10px;}


.home .grey3 p	{width:350px; padding-bottom:20px; font-size:18px; font-weight:bold; font-style:italic; color:#9d9fa2;}
.home .tab	{width:490px; height:150px; position:relative;}
.home .corner	{width:20px; height:20px; position:absolute; left:0px; bottom:0px; background:url('../img/tab_end.png') no-repeat -20px -100px #f7f7f7; z-index:5;}
.home ul	{width:280px; padding:20px; border-right:2px dashed #9d9fa2; margin:0px; list-style-type:none; float:left; background:#231f20;}
.home li	{margin-bottom:10px; font-size:18px; font-style:italic;}
.home .clientLogo	{width:140px; height:100px; margin:20px 14px; float:left; background:#ffffff;}
.home .thumb_container	{width:240px; height:250px; float:left;}
.home .thumb	{width:200px; height:191px; padding:10px; margin:20px 10px 10px; background:url('../img/clients/thumbs/glow.png') no-repeat;}
.home .thumb img	{background:#ffffff;}
.home .quote_container	{width:220px; height:110px; margin:40px 10px 0px 20px; float:left;}
.home .quote, .home .quote div	{width:220px; height:110px; background:#f7f7f7;}
.home .quote a	{font-style:italic; font-weight:normal; font-size:18px; background:#f7f7f7;}
.home ul a {color:#fff; font-weight:normal;}


.client #banner	{overflow:auto;}
.client .work	{width:560px; height:680px; padding:20px; float:left;}
.client .logo	{width:330px; padding:20px; float:right; background:#ffffff;}
.client .logo img	{float:right;}
.client  .tag	{width:330px; padding:0px 20px 20px; float:right; background:#ffffff;}
.client .tag div	{padding:2px 5px; margin:2px; float:right; clear:right; text-align:right; background:#000000; color:#ffffff; font-size:28px; font-family:helvetica, arial, sans-serif;}
.client ul	{width:260px; padding:20px 70px 0px 0px; float:right;}
.client ul a {color:#000; font-weight:normal;}
.client li	{margin-bottom:10px; font-size:18px; font-style:italic;}
.client .quote	{width:290px; padding:40px 20px 10px; float:right; font-style:italic; font-weight:normal; font-size:18px; color:#BF7E2B;}
.client .author	{width:290px; padding:0px 20px 20px; float:right; text-align:right; font-weight:bold;}
.client .tabLight	{margin-top:40px;}
.client .grey1	{overflow:auto; padding-bottom:20px;}