/* CSS Document */
body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background: #ffffff;
	padding: 0;
	margin: 0;
	color: #404040;
}

p {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 12px;
	color: #404040;
	line-height: 18px;
}

img { 
	border: none;
}

form {
	margin: 0;
	padding: 0;
}

input {
	margin: 0;
	padding: 0;
}

a {
	font-size: 12px;
	color: #d89402;
	text-decoration: none;
}

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


h1 {
	font-size: 16px;
	color: #3d6184;
	margin: 0 0 15px 0;
	padding: 0;
}


h2 {
	color: #3d6184;
	font-size: 12px;
	margin: 0;
	padding: 3px 0 0 0;
}

h3 {
	color: #116fa8;
	font-size: 12px;
	margin: 0;
	padding: 0;
	font-weight: 100;
}


hr {
	height:0px;
	border-top:0px solid #e1e1e1;
	color: #e1e1e1;
}

ul {
	/*list-style-image: url(../images/list_icon.gif);*/
	list-style:square;
	margin: 0 0 25px 0;
	padding: 0 35px;
}

li {
	font-size: 12px;
	margin-top: 15px;
}

div.dottedLineShort {
	background: url(../images/line_dotted_short.gif) bottom left no-repeat;
	padding: 0 0 6px 0;
}

div.dottedLineShortHome {
	padding: 0 0 5px 0;
}

div.dottedLineLong {
	background: url(../images/line_dotted_long.gif) bottom left no-repeat;
}

div.dottedLinePort {
	background: url(../images/line_dotted_port.gif) bottom left no-repeat;
}

/****** GENERIC ******/

.clickable {
	cursor: pointer;
}

.flashTextFix {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;	
}

div.clear {
	height: 0;
	margin: 0;
	padding: 0;
}

.clearLeft {
	clear: left;
}

span.moveUp {
	position: relative;
	top: -3px;
	color: #696a6d;
}

input.inputSpacing {
	margin-bottom: 7px;
}

div.flashContainer {
	width: 1px;
	height: 1px;
	position: absolute;
	z-index: 10;
}

input.inputText {
	height: 18px;
	width: 298px;
	border: 1px solid #bec5cd;
}

textarea.inputArea {
	width: 298px;
	border: 1px solid #bec5cd;
	height: 148px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

div#btnBallpark {
	position: relative;
	top: -28px;
	left: 260px;
	width: 219px;
}

div.miniBlueMove {
	padding: 0 0 20px 0;
}

/****** CONTAINERS ******/



body div#flashHeadContainer {
	width: 100%;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: #000000;
	/*background: url(../images/bg/flash_bg.gif) top left repeat-x #020202;*/
	
	text-align: center;
}

body div#headerContainer {
	width: 100%;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: #000000;
	min-width: 950px;
}

body div#pageContainer {
	width: 100%;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/bg/content_bg.gif) top left repeat-x;
	min-width: 950px;
}

body div#footerContainer {
	width: 100%;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/bg/footer_bg.gif) top left repeat-x #000000;
	min-width: 970px;
}



/******** PAGE ********/
div#page {
	width: 950px;
	padding: 35px 0 0 0;
	margin: 0 auto;	
}

/** HEADER **/
div#header {
	background: url(../images/bg/header_bg.jpg) top left no-repeat;
	padding: 0;
	width: 950px;
	position: relative;
	height: 88px;
	margin: 0 auto;	
}

div#header div#headerLeft {
	width: 474px;
	float: left;
}

div#header div#headerRight {
	width: 476px;
	float: left;
}

div#header div#headerRight div#navButtons {
	padding: 35px 0 0 0;
}

div#navButtons ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#navButtons ul li {
	float: left;
	margin: 0;
	padding: 0;
}

div#navButtons ul li a {
	height: 27px;
}

/** NAV **/
a#home {
	width: 69px;
	background: url(../images/nav/nav_home.gif);
	background-repeat: no-repeat;
	display: block;
}

a#home:hover {
	background-position: -69px 0;
}

a#portfolio {
	width: 78px;
	background: url(../images/nav/nav_portfolio.gif);
	background-repeat: no-repeat;
	display: block;
}

a#portfolio:hover {
	background-position: -78px 0;
}

a#services {
	width: 78px;
	background: url(../images/nav/nav_services.gif);
	background-repeat: no-repeat;
	display: block;
}

a#services:hover {
	background-position: -78px 0;
}

a#studio {
	width: 66px;
	background: url(../images/nav/nav_studio.gif);
	background-repeat: no-repeat;
	display: block;
}

a#studio:hover {
	background-position: -66px 0;
}

a#testimonial {
	width: 97px;
	background: url(../images/nav/nav_testimonial.gif);
	background-repeat: no-repeat;
	display: block;
}

a#testimonial:hover {
	background-position: -97px 0;
}

a#contact {
	width: 88px;
	background: url(../images/nav/nav_contact.gif);
	background-repeat: no-repeat;
	display: block;
}

a#contact:hover {
	background-position: -88px 0;
}


/******** CONTENT ********/
div#content {
	padding: 0 20px;
}

div#leftCol, div#leftColSpecial {
	width: 396px;
	float: left;
	border-right: 1px solid #cfcfcf;
	margin: 0;
}

div#leftColSpecial {
	border: none;
}

div#rightCol, div#rightColSpecial {
	width: 523px;
	float: left;
	padding: 0 0 0 30px;
	margin: 0;
}

div#rightColSpecial {
	border-left: 1px solid #cfcfcf;
}

div#result p, div#resultConfirm  p {
	margin: 0;
	padding: 0;
}

div#thanks, div#thanksConfirm {
	border: 1px dotted #cfcfcf;
	padding: 0 20px;
}

div.innerLeftPadding {
	padding: 0 45px 0 20px;	
}

div#fixedHomeHeight {
	height: 420px;
}

/** HOME **/


ul#homeNavigation {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0 0 10px 0;
}

ul#homeNavigation li {
	font-size: 11px;
	color: #666666;
	line-height: 18px;
	width: 170px;
	height: 200px;
	padding: 0 4px 0 0;
	float: left;
}

p.homeFeaturesText {
	font-size: 12px;
	padding: 10px 0 5px 0;
	margin: 0px;
}

p.homeFeaturesText a{
	font-size: 12px;
}

ul#homeNavigation li.rightSide {
	padding: 0;
}

ul#homeNavigation li h2.homeNavTitle {
	margin-bottom: 5px;
}

div#homeQuote {
	background: url(../images/line_dotted_long.gif) top left no-repeat;
	padding: 20px 0 0 0;
	line-height: 15px;
	width: 485px;
	font-size: 11px;
	color: #3d6184;
}

/**PORTFOLIO**/
div#portfolioArea {
	min-height: 560px;
	_height: 560px;
}

div#portfolioLeft {
	width: 555px;
	padding: 0 0 0 20px;
	float: left;
}

div#portfolioRight {
	padding: 0 0 0 40px;
	float: left;	
}

div#portfolioText {
	width: 270px;
	padding: 15px 0 20px 0;
	line-height: 18px;	
}

div#portfolioDefaultCentre {
	text-align: center;
}

div#portFeatBox {
	width: 277px;
	font-size: 11px;
	color: #404040;
	line-height: 18px;
}

div#portFeatBox h2.homeNavTitle {
	margin-bottom: 5px;
}


div#portFeatBox ul {
	margin: 0 0 0 20px;
	padding: 0;
}

div#portFeatBox ul li {
	margin: 0;
	padding: 2px 0;
	font-size: 11px;
	color: #666666;
}

/**Profile**/
div#profileContainer {
	clear: left;
	padding: 22px 0px 0 0px;
}

div#profileBorder {
	border-top: 1px solid #c0c0c0;
}

div#profileContainer ul {
	padding: 0;
	margin: 0;
	list-style: none;
	list-style-image: none;

}

div#profileContainer ul li {
	margin: 22px 20px;
	height: 258px;
	width: 270px;
	background: url(../images/line_dotted_port.gif) bottom left no-repeat;
	float: left;
}

div#profileContainer ul li img {
	border: 1px solid #e3e3e3;
}

ul li div#jobPosition {
	color: #404040;
	font-size: 11px;
	padding: 0 0 7px 2px;
	background: url(../images/line_dotted_port.gif) bottom left no-repeat;
}

ul li div#profileDetail {
	color: #717171;
	font-size: 11px;
	line-height: 17px;
	padding: 5px 0 0 0;
}

/**CONTACT**/
div#contactLeft {
	width: 398px;
	float: left;
	line-height: 18px;
	color: #404040;
}

div#contactRight {
	width: 510px;
	float: left;
	line-height: 15px;
	border-left: 1px solid #cfcfcf;
	padding: 0 0 0 30px;
}

div#contactLeft table {
	padding-top: 15px;
	font-size: 11px;
}

div#contactLeft a {
	color: #d89402;
	font-size: 11px;
}	

div#contactLeft a:hover {
	color: #f0b128;
	text-decoration: none;
}


td.tdColour {
	width: 35px;
	height: 20px;
	color: #3e6285;
}

table#contactForm {
	padding: 15px 0;
	color: #3d3e43;
	font-size: 11px;
}

/**BALL PARK**/
div.ballDottedLinePort {
	background: url(../images/line_dotted_long.gif) bottom left no-repeat;

	padding: 0 0 1px 0;
}

form#ballpark table {
	padding: 15px 0;
	color: #3d3e43;
	font-size: 11px;
}

form#ballpark table tr td {
	font-size: 11px;
}

form#ballpark table tr td select {
	width: 160px;
	border: 1px solid #bec5cd; 
	font-size:11px;
}

form#ballpark table tr td select#websiteEstimate { 
	width: 90px;
}


textarea.inputBallparkArea {
	width: 298px;
	border: 1px solid #bec5cd;
	height: 98px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}

div#ballparkInfo {
	padding: 15px 0 0 5px;
	font-size: 11px;
}

h4.design {
	font-size: 12px;
	color: #d79d00;
	padding: 0 0 5px 0;
	margin: 0;
}

h4.develop {
	font-size: 12px;
	color: #dc0000;
	padding: 0 0 5px 0;
	margin: 0;
}

h4.strategy {
	font-size: 12px;
	color: #007ac0;
	padding: 0 0 5px 0;
	margin: 0;
}

h4.other {
	font-size: 12px;
	color: #404040;
	padding: 0 0 5px 0;
	margin: 0;
}

ul.ballparkList {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

ul.ballparkList li {
	font-size: 11px;
	color: #696a6d;
	margin: 5px 0;
	padding: 0;
}

ul.ballparkList li input {
	margin-right: 5px;
}

div#legal {
	font-size: 10px;
	color: #808184;
	padding: 15px 5px 10px 5px;
}

div.ballDottedLineServ {
	background: url(../images/line_dotted_long.gif) bottom left no-repeat;
	padding: 0 0 1px 0;
	margin: 0 0 20px 0;
}


/** Services **/
div.serviceCol {
	width: 261px;
	padding: 20px 27px;
	border-right: 1px solid #cfcfcf;
	float: left;
}

div.serviceCol ul {
	margin: 0 0 0 20px;
	padding: 0;
}

div.serviceCol ul li {
	margin: 0;
	padding: 2px 0;
	font-size: 11px;
	color: #666666;
}

div#removeBorder {
	border: none;
}

/** TESTIMONIAL **/
div.testimonialRow {
	padding: 20px 0;
}

div.seperator {
	background: url(../images/line_dotted_long.gif) bottom left repeat-x;
	height: 1px;
}

div.position {
	font-size: 11px;
	color: #666666;
	font-weight: 600;
}

div.company {
	font-size: 11px;
	color: #666666;
	padding-bottom: 4px;
}

/** STUDIO **/
div#studioFixedHeight {
	height: 265px;
}

/******** BROWSE NAVIGATION ********/

div#browseNavigation {
	color: #907925;
	font-size: 11px;
	padding: 0 0 12px 23px;
}

div#browseNavigation strong {
	color: #181a1c;
}

div#browseNavigation a {
	color: #907925;
	text-decoration: none;
	font-size: 11px;
}

div#browseNavigation a:hover {
	text-decoration: underline;
}

/******** PAGE BOTTOM ********/
div#pageBottom {
	margin: 0 auto;
	width: 970px;
	padding: 0;
}

/******** THUMB HOVER ********/
#imageContainer {
	width: 348px;
	height: 348px;
	padding: 0;
	margin: 0;
	float: left;
}

#imageContainer img {
	border: 1px solid #d9dbdc;
}

#gallery {
	width: 110px;
	padding: 0 0 0px 17px;
	margin: 0;
	float: left;
	overflow:hidden;
	height: 348px;
}

#gallery img {
	border: 1px solid #d9dbdc;
}

/** SCROLL BAR **/
#scrollBar {
	width: 8px;
	height: 348px;
	margin-left: 10px;
	background: url(../images/img_scroller.gif) repeat-y center;
	float: left;
}	

#scrollHandle {
	width: 8px;
	height: 35px;
	background-image: url(../images/img_scroller_handle.gif);
	background-position: top-left;
	background-repeat: no-repeat;
	cursor: pointer;
}
	
/**** PRODUCT LIST ****/
ul.productList {
	margin: 0;
	padding: 0;
}

ul.productList li {
	width: 175px;
	height: 230px;
	display: block;
	float: left;
	padding: 0 40px 20px 0 ;
	margin: 0;
}

ul.productList li.rightSide {
	width: 175px;
	height: 230px;
	display: block;
	float: left;
	padding: 0 0px 20px 0 ;
	margin: 0;
}

ul.productList li a {
	color: #116fa8;
	font-size: 12px;
	font-weight: 600;
	text-decoration: underline;
}	

ul.productList li a:hover {
	text-decoration: none;
}

div.productLeft {
	width: 135px;
	float: left;
}

div.productRight {
	width: 95px;
	float: left;
}

div.productRight a.productTitle {
	font-size: 12px;
	text-decoration: underline;
	color: #800000;
}

div.productRight a.productTitle:hover {
	font-size: 12px;
	text-decoration: none;
}


ul.productList li p {
	padding: 5px 0;
	margin: 0;
	font-size: 11px;
	color: #0c0d0e;
	height: 115px;
}
	
img.imageProductList {
	border: 1px solid #e1e1e1;
	display: block;
	float: left;
}	

div.productListText {
	width: 150px;
	padding-left: 10px;
	float: left;
}

h2.productListInclude {
	position: relative;
	top: -5px;
}
	
/****** FOOTER ******/
div#footer {
	border-top: 1px solid #c0c0c0;
	color: #868686;
	font-size: 10px;
	height: 50px;
	padding: 20px 10px;
	margin: 20px 0 0 0;
}

div#footer a {
	color: #868686;
	text-decoration: none;
	font-size: 10px;
}

div#footer a:hover {
	color: #ababab;
}


div#footerLeft {
	width: 575px;
	font-size: 10px;
	float: left;
}

div#footerLeft a {
	text-decoration:none;
}

div#footerLeft a:hover; {
	text-decoration:none;
	color: #717171;
}

div#footerRight {
	width: 355px;
	color: #ababab;
	float: left;
}

.portfolioH1 {
	font-size: 18px;
	font-weight:100;
	color: #3d6184;
	margin: 0;
	padding: 0;
}

	

form#contact {
	margin:0;
	padding:0;
}

span#loader {
	display: none;
}