@charset "UTF-8";
/* CSS Document */

#wrapper {width:970px; margin:0 auto;}

#header {width:960px; height:70px; margin:0 auto; clear:both;}

	#header .logo {margin:15px 0 0 0; float:left;}
	
/*---------------------
NAVIGATION
-----------------------*/
	
#header ul { padding:0; margin:0; list-style:none;  float:right;}

#header ul li{padding:0; margin:0; list-style:none; float:left;  font-weight:bold;  font-size:12px; }

	#header ul li a {width:120px; height:57px; display:block; text-indent:-9999px; overflow:hidden; padding:0;}

	#header ul li.about a {background: url(../images/nav-aboutus-off.png) bottom no-repeat; }
	
	/*#header ul li.about a:hover {background: url(../images/nav-aboutus-on.png) bottom no-repeat;}*/
	
	#header ul li.portfolio a {background: url(../images/nav-portfolio-off.png) bottom no-repeat; }
	
	/*#header ul li.portfolio a:hover {background: url(../images/nav-portfolio-on.png) bottom no-repeat; *background: url(../images/nav-portfolio-on.png) 0.5px bottom no-repeat; }*/
	
	#header ul li.services a {background: url(../images/nav-services-off.png) bottom no-repeat;}
	
	/*#header ul li.services a:hover {background: url(../images/nav-services-on.png) bottom no-repeat; *background: url(../images/nav-services-on.png) 0.5px bottom no-repeat;}*/
	
	#header ul li.contact a {background: url(../images/nav-contact-off.png) bottom no-repeat;}
	
	/*#header ul li.contact a:hover {background: url(../images/nav-contact-on.png) bottom no-repeat;}*/
	
	#header ul li.customise a {background: url(../images/nav-customise-off.png) bottom no-repeat;}

/*---------------------
BODY
-----------------------*/

#inner_wrapper { width:970px; margin:80px 0 0 0;}

#inner_wrapper_multi { width:970px; margin:60px 0 0 0;}


	
	/*---------------------
	HEAD
	-----------------------*/
	/*#inner_wrapper .head {width:900px; height:35px; padding:30px 35px 30px 35px; background:url(../images/inner_bg-head.png);}*/
	
	#inner_wrapper .head {width:900px; height:57px; padding:30px 35px 0 35px; background:url(../images/inner_bg-head87.png);}
	
	#inner_wrapper .head_services {width:900px; height:57px; padding:30px 35px 0 35px; background:url(../images/inner_bg-head87-services.png);}
	
	#inner_wrapper .head_graphics {width:900px; height:57px; padding:30px 35px 0 35px; background:url(../images/inner_bg-head87-graphics.png);}
	
	/*#inner_wrapper*/ .head_multi {width:900px; height:57px; padding:50px 35px 0 35px; background:url(../images/inner_bg-head107-multi.png);}
	/*---------------------
	BODY
	-----------------------*/

	#inner_wrapper .body {width:900px; height:auto; overflow:auto; padding:0 35px 30px 35px; background:url(../images/inner_bg.png) repeat-y; }
		
	/*#inner_wrapper*/ .body_services {width:935px; height:auto; overflow:auto; padding:0 0px 30px 35px; background:url(../images/inner_bg.png) repeat-y; }
	/*---------------------
	FOOTER
	-----------------------*/
	
	/*#inner_wrapper */.foot {width:970px; height:10px;  background:url(../images/inner_bg-foot.png);}
	
	/*---------------------
	LEFT COL
	-----------------------*/
	.leftcol {width:210px; float:left;}
	
	ul.lefthand_list {margin:0; padding:0; list-style:none;}

		.lefthand_list li {line-height:30px; background:url(../images/dottedhe_subnav.png) bottom no-repeat; }
		
		.lefthand_list li a {display:block; text-decoration:none; color:#62475f;}
		
		.lefthand_list li a:hover {color:#ffffff;}
		
		.lefthand_list li ul {margin:0 0 10px 0; padding:0; list-style:none;}
		
		.lefthand_list li ul li {line-height:30px;  padding:0 0 0 10px; background:url(../images/dottedhe_subnav.png) bottom no-repeat; }
	
	/*---------------------
	RIGHT COLUMN FOR PAGES
	-----------------------*/
	.rightcol {width:630px; float:right; text-align:left;}
	
		.rightcol p {margin:0 0 15px 0;}

	/*#inner_wrapper*/ .body_services .rightcol {width:664px; float:right; text-align:left;}
	
		/*#inner_wrapper*/ .body_services .rightcol p{margin:0 35px 15px 0;}
		


/*---------------------
HOMEPAGE
-----------------------*/
#home_tear {width:970px; height:300px; padding:400px 0 0 0; margin:0 auto; background:url(../images/homefan.png) top center no-repeat;}

#home3 {width:920px; height:249px; padding:25px; background:url(../images/home3bg.png) top no-repeat;}

	#home3 ul {padding:0; margin:0; list-style:none;}
	
	#home3 ul li {float:left; width:280px; margin:0 40px 0 0;}
	
	#home3 ul li.last {float:left; width:280px; margin:0;}
	
	.discipline {float:right; margin:10px 0 10px 10px;}
	
/*---------------------
PORTFOLIO
-----------------------*/
.project_title {width:630px; float:right; text-align:left;}

	.project_title h2 {float:left; margin:0; padding:0; width:400px;}

	.project_title .visitsite {width:70px; height:26px; display:block; background:url(../images/viewsite.png); text-indent:-9999px; float:right;}

.portfolio_image {width:620px; height:299px; background:url(../images/portfolio_piece_bg.png); padding:10px 0 0 10px; margin:0 0 15px 0;}


/*---------------------
SERVICES
-----------------------*/
.services_title {width:630px; float:right; text-align:left;}

	.services_title h2 {float:left; margin:0; padding:0; width:400px;}


/*---------------------
ABOUT
-----------------------*/
ul.clients { list-style:none; margin:0; padding:0;}

.clients li{width:194px; height:74px; background:url(../images/innerwhite.png); border:1px solid #75556a; border:1px solid RGBa( 255,255,255,0.1); float:left; padding:4px 0 0 4px; margin:0 15px 15px 0;}

.clients li.lastinrow{width:194px; height:74px; background:url(../images/innerwhite.png); border:1px solid #75556a; border:1px solid RGBa( 255,255,255,0.1); float:left; padding:4px 0 0 4px; margin:0 0 15px 0;}


/*---------------------
CONTACT FORMS
-----------------------*/
.contactform {width:588px; height:auto; background:url(../images/innerwhite.png); border:1px solid #75556a; border:1px solid RGBa( 255,255,255,0.1); padding:20px;}

	p.yourdetails {width:93px; height:13px; background:url(../images/title_your_details.png); text-indent:-9999px;}
	
	p.projectdetails {width:113px; height:13px; background:url(../images/title_project_details.png); text-indent:-9999px;}

fieldset {border:none; margin:0; padding:0 0 20px 0;}

	fieldset ul {padding:0; margin:0; list-style:none;}
	
	fieldset ul li.left {float:left;}
	
	fieldset ul li.right {float:right;}
	
	input {width:276px; height:16px; margin:0 0 10px 0; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333;}
	
	textarea {width:586px; height:56px; min-height:56px; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333;line-height:18px;}
	
	.estimate_title{width:630px; height:15px; margin:10px 0 0 0; background:url(../images/title_online_estimate.png) top left no-repeat; text-indent:-9999px; float:right;}
	
	.submitbutton{ clear:both; width:74px; height:30px; border:0; margin:10px 0 0 0; cursor:pointer; background:url(../images/submit.png) top no-repeat;}
	
	form.cmxform label.error {display: block; color:#FF0000;}
	
	
	
/*---------------------
PAGE TITLES
-----------------------*/
.pagetitle_portfolio {width:131px; height:22px; background:url(../images/page_title-portfolio.png) top left no-repeat; text-indent:-9999px; float:left; margin:5px 0 0 0;}

.pagetitle_services {width:110px; height:22px; background:url(../images/page_title-services.png) top left no-repeat; text-indent:-9999px; float:left; margin:5px 0 0 0;}

.subtitle_requestquote {width:153px; height:15px; background:url(../images/title-requestaquote.png) top left no-repeat; text-indent:-9999px; margin:50px 0 0 0;}

.pagetitle_contact {width:153px; height:22px; background:url(../images/page_title-contact.png) top left no-repeat; text-indent:-9999px; float:left; margin:5px 0 0 0;}

.pagetitle_about {width:116px; height:22px; background:url(../images/page_title-about.png) top left no-repeat; text-indent:-9999px; float:left; margin:5px 0 0 0;}
	

/*---------------------
FOOTER
-----------------------*/
#footer {width:960px; margin:20px auto 0 auto; padding:0; overflow:auto; color:#d3d3d3; background:url(../images/logo_footer.png) top right no-repeat;}

	#footer ul {padding:0; margin:0 70px 0 0; list-style:none; float:left;}
	
	#footer ul.first {padding:0; margin:0 40px 0 0; list-style:none; float:left;}
	
	#footer a {text-decoration:none; color:#d3d3d3;}
	
	#footer a:hover {text-decoration:none; color:#fff;}
	
p.legals {float:right; margin:40px 0 0 0; padding:0; text-align:right; color:#d3d3d3;}

.dhr {width:960px; height:1px; margin:20px auto 10px auto; background:url(../images/dottedhr_760.png);}

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

	.styleswitcher li {float:left; padding:0 5px 0 0;}

/*---------------------
GENERAL STYLES
-----------------------*/
a img {	text-decoration: none;	border: 0 none;	}

.headerimages {margin:0 0 30px 0;}

a {text-decoration:none; color:#62475f;}

a:hover {color:#ffffff;}
/*---------------------
TOOLBOX
-----------------------*/
#panel {background:url(../images/toolbox_bg.png) top repeat-x; width:970px; height: 40px; padding:2px 0 0 10px; display: none;}