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

body {
	margin: 0 0 0 0;
  	padding: 0;
  	font:normal 11px/18px "Lucida Sans unicode", Verdana, sans-serif;
  	color: #333333;  
  	background: #ffffff url(/images/f_pattern.gif) repeat;  
}

h1 {
	display:none;
}

h2, h3, h4 {
  font:normal 20px/28px "Trebuchet MS", Tahoma, Arial, sans-serif;
  margin:10px 0 0 0;
}

h3 {
  	margin:0;padding:0;
}

.blue {
  	color:#93c83d;
} 
 
p {
  	margin:0 0 10px 0; 
}

a {
  	color: #93c83d;
  	text-decoration:none;
}

a:hover {
  	color: #333333; text-decoration:none;
}

a.button, .c1 a, div.button {
  	background: url(/images/arrow_mini_studio.gif) right 2px no-repeat ;
  	padding: 0 15px 0 0;
  	margin:0 0 0 0;
}

div.button span {
  	display:none;
}
 
a:hover {
  	color: #333333; text-decoration:none;
}

#header {
  	position:relative;
  	clear:both;
  	width: 800px;
  	height:85px;
}

#content {
  	width: 800px;
	background-color:#FFF;
  	margin:auto;
	padding-left:50px;
	padding-right:50px;
  	position:relative;
  	text-align:left;
  	overflow:visible;
  	z-index:1;
 
}

#footer {
  	position:relative;
  	clear:both;
  	width: 800px;
	padding-bottom: 50px;
}

#logo {
	width: 35%;
	float: left;
	text-indent: -5000px;
	overflow: hidden;
	background:url(/images/logo_studio.gif) no-repeat;
/* 	width: 240px; */
	height: 52px;
	margin-top: 25px;
}
#logo a {
	display: block;
	width: 240px;
	height: 52px;
}

#image_gallery_content {
  	float:left;
 	margin-top:25px;
  	width:800px;
  	height:280px;
}



.homeImage,.studioImage {
  	width:800px;
  	z-index:1;
  	clear:both;
  	padding-top:20px;
}
 
.homeImage {
  	height:275px;
}

.studioImage {
  	height:185px;}
 
.workContent {
  	z-index:1;
  	clear:both;
  	padding-top:20px;
  	margin-top:33px;
  	width:840px;
}


#news {
  	width:800px;
  	clear:both;
}
  
.homeModule, .homeModuleOver, .workModule, .workModuleOver {
  	width:245px;
  	height:160px !important; height:180px;
  	overflow:hidden;
  	float:left;
  	margin:0 10px 0 0;
  	position:relative;
  	line-height:16px;
  	cursor:pointer;cursor:hand;
  	border:5px #fff solid;
}

.homeModule h2,  .homeModuleOver h2, .workModule h2, .workModuleOver h2, .col h2 {
  	font-size:13px;
	color:#93c83d;
	margin:0;
	padding:0;
  	line-height:16px;
}

.homeModuleOver, .workModuleOver {
  	background:#f4f4f4; 
	border:5px #f4f4f4 solid; 
	color:#666666;
} 

.homeModule img.thumb, .homeModuleOver img.thumb {
  	position:absolute;
	bottom:0;
}
 
.homeModuleOver div.button, .workModuleOver div.button {
  	background-image: url(/images/arrow_mini_studio.gif);
}

.colhome {
  	width:800px;
  	clear:both;
  	margin-bottom:0px;
  	padding-top: 10px
} 
 
.col {
  	padding:10px;
  	margin-top:45px;
  	position:relative;
  	float:left;
  	display:table;
}
 
 .colStudio {
  	padding:10px;
  	top:30px;
  	position:relative;
  	float:left;
}

.colStudio h2 {
  	font-size:14px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.c1,.c2,.c3  {
  	padding-bottom:0px;
}
.c1 {
  	width:200px;
}
 
.c2 {
  	width:560px !important;width:550px;
}

.c3 {
  	display:none;
}
  
.c1 a {
  	color:#acacac;
}

.c1 a:hover {
  	color:#333333;
}

.ColumnOneThird
{
	width: 170px;
	float: left;
	padding-top: 10px;
}

.ColumnMargin
{
	padding-left: 10px;
}

.ServiceItemList
{
	margin-top: 7px;
}

#Photo {
	position: absolute;
	z-index: 5;
	top:0;
	left:0;
}

#CaptionContainer {
	margin: 0 auto;
	width: 200px;
	text-align: left;
	background-color: #ccc;
	display:none;
}

#CaptionContainer p {
	padding: 5px 10px 10px 10px;
	font-size: 11px;
}

#Counter {
	font-weight: bold;
	color: #999;
	padding-right: 5px;
}

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-weight:normal;
}

ol, ul {
	list-style: none;
}

/* =page layout */
ul#twitter_update_list {
	border-top: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	padding:5px;
	font-size:11px;
	line-height:13px;
	background-color:#f8f7f7;
	text-decoration:none;
}

.ruler, .rulerFooter {
	height: 1px;
	overflow: hidden;
	background-color: #ccc;
	clear: both;
	/*width: 936px;*/
}

.ruler {
	margin-bottom: 14px;
}

.clearBoth, .clearBoth5, .clearBoth10, .clearBoth16, .clearBoth20, .clearBoth35, .clearBoth45 {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	height: 0;
}

.clearBoth5 {
	height: 5px;
}

.clearBoth10 {
	height: 10px;
}

.clearBoth16 {
	height: 16px;
}

.clearBoth20 {
	height: 20px;
}

.clearBoth35 {
	height: 35px;
}

.clearBoth45 {
	height: 45px;
}

.displayNone {
	display:none;
}

/* =core tags */
a.twitter {
	display:block;
	background-image: url("/images/follow-us-on-twitter.gif");
	background-repeat: no-repeat;
	width: 195px;
	padding-top:3px;
	padding-left: 27px;
	font-size: 10px;
	color:#9c9c9c;
	text-decoration:none;
}

p.label {
	padding-bottom:0;
}

p.linksLine {
	display:block;
	background-color:#efefef;
	padding:0;
	border-bottom: 1px solid #ccc;
	margin: 5px 0 10px 0;
}

h1.small, h1.quiet, h2.quiet, h1.project, h2.project, h1.featuredWork {
	color: #000;
	font-size: 12px;
	line-height:15px;
	margin:0;
	padding:0;
	font-weight:normal;
}

h3.latest, h3.rssUpdates {
	font: 11px "Lucida Sans unicode", Verdana, sans-serif;
	padding-bottom: 3px;
}

h3.rssUpdates {
	font: 11px "Lucida Sans unicode", Verdana, sans-serif;
	padding-top:7px;
}

/* =Grid System */
.twoColumnLeft, .twoColumnRight, .twoColumnSpan {
	width: 460px;
}
.twoColumnSpanWork {
	width: 400px;
}
.fourColumnLeft, .fourColumnRight, .fourColumnLeftNoTitle, .fourColumnRightNoTitle {
	width:222px;
}
.twoColumnLeft, .fourColumnLeft, .fourColumnLeftNoTitle, .twoColumnSpan, .eightColumnLeft, .eightColumnLeft2, .twoColumnSpanWork {
	float:left;
}
.twoColumnRight, .fourColumnRight, .threeColumnSpan, .fourColumnRightNoTitle, .threeColumnSpanNoHeading, .eightColumnRight {
	float:right;
}
.twoColumnSpan, .twoColumnSpanWork {
	padding-left: 16px;
}
.fourColumnLeftNoTitle, .fourColumnRightNoTitle {
	padding-top:43px;
}

/* Footer */
ul.footerNav {
	display:block;
	float:left;
}

ul.footerNav li {
	display:block;
}

ul.footerNav li a {
	font-size:11px;
	color: #8e8d8d;	
}

ul.footerNav li a:hover, ul.footerNav li a.selected, ul.footerNav li a:active, ul.footerNav li a:focus, ul.footerNav li a.heading:hover {
	color: #000;
	text-decoration:none;
}

ul.footerNav li a.heading {
	color:#666666;
}

ul#footerNav {
	list-style-type: none;
	display:block;
	padding: 10px 0 0 0;
	float:left;
	width: 600px;
}

#footerNav li {
	display:inline;
	padding:0 15px 0 0;
}

#footerNav li a {
	color: #8e8d8d;	
}

#footerNav li a:hover, #footerNav li a.selected, #footerNav li a:active, #footerNav li a:focus {
	color: #000;
	text-decoration:none;
}

/* =Enquiry Form */
.enquiryFormColumn {
	width: 464px;
	padding-left:12px;
	float: left;
}
input.enquiryForm, textarea.enquiryFormMultiLine, input.newsletterSignUp, input.enquiryFormLong {
	font-size: 11px;
	color: #666666;
	background-color: #FFFFFF !important;
	padding: 4px;
	border: 1px solid #999;
	width:214px;
	font-family: Helvetica, Arial, sans-serif;
}
input.newsletterSignUp {
	float:left;
	outline: none;
	width:144px;
	height:12px;
	border: 1px solid #a9a9a9;
}
textarea.enquiryFormMultiLine {
	height: 123px !important;
	width: 452px;
}
input.enquiryFormLong {
	width: 452px;
}
p.formColTwo {
	padding-top:28px;
	height: 161px;
	display: block;
}
p.form, p.formColTwo {
	padding-bottom: 5px;
}
p.joinMailingList {
	padding:15px 0;
}
.enquiryFormButton {
	/*position: relative;
	bottom: 0;*/
}
.newsletterSignUpButton {
	float:left;
}