@charset "UTF-8";

/* default bits */

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

body,html {
	font-family: Helvetica, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	height:100%;

}



p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color:#919191;
	font-weight:normal;
	line-height:16px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

ul {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color:#919191;
	font-weight:normal;
	line-height:16px;
	margin: 15px 0px 15px 0px;
	padding: 0px 0px 0px 10px;
}

ul li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

H1 {
	color:#8F8F8F;
	font-size:22px;
	font-weight:normal;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	text-align:left;
}

H2 {
	color:#000;
	font-size:14px;
	font-weight:normal;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	text-align:left
}
H3 {
	color:#8F8F8F;
	font-size:13px;
	font-weight:normal;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	text-align:left;
}

A {
	color: #00BFF3;
	text-decoration: none;
}
A:Hover {
	text-decoration: underline;
}


/* main bits */

.logo{
float:left;

}

#pageTop {
	padding: 0px;
	height: 30px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.pageFrame {
	background-color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	height: 100%;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#navContainer {
	height: 37px;
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #FAFAFA;
}
#navInner {
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 762px;
}
.pageBody {
	padding: 0px;
	width: 762px;
	min-height:470px;
	margin-top: 31px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#contentLeft {
	float:left;
	width:305px;
	line-height:16px;
	
}

#contentLeft p {
	text-align: justify;
}

#contentRight {
	float:right;
	width:425px;
	padding: 50px 0px 0px 0px;
}

#copyright {
	clear:both;
	text-align:right;
	width: 762px;
	margin-top:0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;

}
#copyright p{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color:#ccc;
	font-weight:normal;

}

#divider {
	float:right;
	display:block;
	height:1px;
	width:88%;
	margin:15px 0px 15px 0px;
	padding:0px;
	background-color:#DFDFDF;

}


/* form stuff */

.formfield {
	border:1px #D3D3D3 solid;
	background-color:#F8F8F8 !important;
	width:100%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
}

table.basicEnquiry{
	margin-top:15px;

}

table.signupForm{
	margin-top:0px;

}

.signupForm p {
	font-size: 10px;
	line-height:12px;
	padding:0px;
	margin:2px 0px 0px 0px;
}


.basicEnquiry p {
	font-size: 10px;
	line-height:12px;
	padding:0px;
	margin:2px 0px 0px 0px;
}

a.button, #submitButton {
	margin-top:5px;
	padding:0px 5px 5px 5px;
	background-color:#F8F8F8;
	color:#919191;
	text-decoration:none;
	border:1px #D3D3D3 solid;
	cursor:pointer;
	height: 20px;
}


a.button:hover, #submitButton:hover{
	background-color:#404040;
	text-decoration:none;
	color:#FFFFFF;
}



/* CONTACT format */

.contactPage #contentRight {
	float:right;
	width:418px;
	padding: 10px 0px 0px 0px;
}

.contactPage #contentRight p {
font-size: 10px;
line-height:12px;

}

/* TEAM format */

.teamPage #contentRight {
	float:right;
	width:418px;
	padding: 10px 0px 10px 0px;
}

.teamPage H2 {
	color:#000;
	font-size:14px;
	font-weight:normal;
	margin: 0px;
	padding: 0px;
	text-align:left
}

.teamPage H3 {
	color:#8F8F8F;
	font-size:13px;
	font-weight:normal;
	margin: 2px 0px 10px 0px;
	padding: 0px;
	text-align:left;
}

.teamPage #contentRight p {
	margin: 0px 0px 2px 0px;
	font-size: 10px;
	line-height:12px;
	text-align: justify;

}

.teamPage .Pic{
	float:left;
	border:1px #D3D3D3 solid;
	margin-left: 15px;
}

.teamPage .Text {
	float:right;
	width:300px;

}

.teamPage .Email{
	font-size: 10px;
	float:right;

}

.teamPage #divider {
	float:right;
	height:1px;
	width:385px;
	margin:15px 10px 15px 0px;
	padding:0px;
	background-color:#DFDFDF;

}

/* STUDIO format */

.studioPage #contentLeft {
	float:left;
	width:316px;
	line-height:16px;
	
}

.studioPage #contentRight {
	float:right;
	width:418px;
	padding: 10px 0px 0px 0px;
}

.studioPage H2 {
	color:#000;
	font-size:14px;
	font-weight:normal;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	text-align:left
}

.studioPage H3 {
	color:#8F8F8F;
	font-size:13px;
	font-weight:normal;
	margin: 2px 0px 10px 0px;
	padding: 0px;
	text-align:left;
}

.studioPage #contentRight p {
	margin: 0px 0px 5px 0px;
	font-size: 10px;
	line-height:12px;

}

.studioPage .Pic{
	float:left;
	border:1px #D3D3D3 solid;
	margin-left: 15px;
}

.studioPage .Text {
	float:right;
	width:255px;

}

.studioPage #divider {
	float:right;
	height:1px;
	width:385px;
	margin:15px 10px 15px 0px;
	padding:0px;
	background-color:#DFDFDF;

}

.studioPage .extras {
	width:100%;
	clear: both;
	text-align: center;

}

/* TEAM format */

.clientPage #contentRight {
	float:right;
	width:418px;
	padding: 10px 0px 0px 0px;
}

.clientPage H2 {
	color:#000;
	font-size:14px;
	font-weight:normal;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	text-align:left
}

.clientPage H3 {
	color:#8F8F8F;
	font-size:13px;
	font-weight:normal;
	margin: 2px 0px 10px 0px;
	padding: 0px;
	text-align:left;
}

.clientPage #contentRight p {
	margin: 0px 0px 5px 0px;
	font-size: 10px;
	line-height:12px;
	text-align: justify;

}

.clientPage .Pic{
	float:left;
	border:1px #D3D3D3 solid;
	margin-left: 15px;
}

.clientPage .Text {
	float:right;
	width:410px;

}

.clientPage .Email{
	font-size: 10px;
	float:right;

}

.clientPage #divider {
	float:right;
	height:1px;
	width:385px;
	margin:15px 10px 15px 0px;
	padding:0px;
	background-color:#DFDFDF;

}

/* DOWNLOAD format */

.downloadPage #contentRight {
	float:right;
	width:418px;
	padding: 10px 0px 0px 0px;
}

.downloadPage H2 {
	color:#000;
	font-size:14px;
	font-weight:normal;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	text-align:left
}

.downloadPage H3 {
	color:#8F8F8F;
	font-size:13px;
	font-weight:normal;
	margin: 2px 0px 10px 0px;
	padding: 0px;
	text-align:left;
}

.downloadPage #contentRight p {
	margin: 0px 0px 5px 0px;
	font-size: 10px;
	line-height:12px;
	text-align: justify;

}

.downloadPage .Pic{
	float:left;
	border:1px #D3D3D3 solid;
	margin-left: 45px;
}

.downloadPage .Text {
	float:right;
	width:286px;

}

.downloadPage .Email{
	font-size: 10px;
	float:left;

}

.downloadPage #divider {
	float:right;
	height:1px;
	width:385px;
	margin:15px 10px 15px 0px;
	padding:0px;
	background-color:#DFDFDF;

}

/* PORTFOLIO format */

.pageBodyportfolio {
	padding: 0px;
	width: 800px;
	min-height:470px;
	margin-top: 31px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.portfolioPage #contentRight {
	float:right;
	width:418px;
	padding: 10px 0px 0px 0px;
}

.portfolioPage H2 {
	color:#000;
	font-size:14px;
	font-weight:normal;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	text-align:left
}

.portfolioPage H3 {
	color:#8F8F8F;
	font-size:13px;
	font-weight:normal;
	margin: 2px 0px 10px 0px;
	padding: 0px;
	text-align:left;
}

.portfolioPage #contentRight p {
	margin: 0px 0px 5px 0px;
	font-size: 10px;
	line-height:12px;
	text-align: justify;

}

.portfolioPage .Pic{
	float:left;
	border:1px #D3D3D3 solid;
	margin-left: 45px;
}

.portfolioPage .Text {
	float:right;
	width:286px;

}

.portfolioPage .Email{
	font-size: 10px;
	float:left;

}

.portfolioPage #divider {
	float:right;
	height:1px;
	width:385px;
	margin:15px 10px 15px 0px;
	padding:0px;
	background-color:#DFDFDF;

}

/* NEWS format */

.newsPage #contentLeft {
	float:left;
	width:509px;
	line-height:16px;
	
}

.newsPage #contentRight {
	float:right;
	width:210px;
	padding: 10px 0px 0px 0px;
}

.newsPage #contentRight a{
	color:#8F8F8F;
	text-decoration:none;
}

.newsPage #contentRight a:hover{
	color:#8F8F8F;
	text-decoration:underline;
}

.newsPage H2 {
	color:#000;
	font-size:11px;
	font-weight:bold;
	margin: 0px;
	padding: 0px;
	text-align:left
}

.newsPage H3 {
	color:#8F8F8F;
	font-size:12px;
	font-weight:bold;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	text-align:left;
}

.newsPage #contentRight p {
	margin: 0px 0px 5px 0px;
	font-size: 10px;
	line-height:12px;
	text-align: justify;

}

.newsPage .Pic{
	float:left;
	border:1px #D3D3D3 solid;
	margin-top: 5px;
	margin-bottom: 15px;
}


.newsPage #contentRight H2{
	color:#000;
	font-size:11px;
	font-weight:bold;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	text-align:left
}

.newsPage #contentRight H3{
	color:#000;
	font-size:9px;
	font-weight:bold;
	margin: 0px 0px 2px 0px;
	padding: 0px;
	text-align:left
}

.newsPage #contentRight H4{
	margin: 0px 0px 10px 0px;	
}
.newsPage #contentRight H4 a{
	color:#8F8F8F;
	font-size:10px;
	font-weight:bold;
	margin: 0px;
	padding: 0px;
	text-align:left;
}

.newsPage #contentRight H5{
	color:#000;
	font-size:11px;
	font-weight:bold;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	text-align:left
}

.newsPage #divider {
	float:right;
	height:1px;
	width:210px;
	margin:10px 0px 5px 0px;
	padding:0px;
	background-color:#DFDFDF;

}