/*

I. Table Of Contents

	I. Table Of Contents

	1. Template & Layout

	2. Type

	3. Headings

	4. Anchors

	5. Form Elements

	6. General Classes
	
	7. Resets
	
	8. Gallery

*/


/****************************************************************

 1. Template & Layout

****************************************************************/

html { /* Stop background flicker in IE 6 Bug: http://evil.che.lu/2006/9/25/no-more-ie6-background-flicker */
  filter: expression(document.execCommand("BackgroundImageCache", false, true));}


html,body {
	height: 100%;}
/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */
html,body {margin:0;padding:0;}


body {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#3f3f3f;
	background-image:url(../images/sitewide/background_rep3.gif);
	background-repeat:repeat;}


div#wrapper {
	width:940px;
	float:left;
	text-align:left;
	min-height:100%;
	height: auto;
	position:relative;
	background-image:url(../images/sitewide/inner_background_rep.gif);
	background-repeat:repeat-y;
	background-position:right;
	padding:0 0 0 0px;}
	
div#wrapper_internal {
	width:940px;
	float:left;
	text-align:left;
	min-height:100%;
	height: auto;
	position:relative;
	background-image:url(../images/sitewide/inner_background_rep_internal.gif);
	background-repeat:repeat-y;
	background-position:right;
	padding:0 0 0 0px;}
	
	
div#content_holder {
	width:930px;
	float:right;
	text-align:left;
	min-height:100%;
	height: auto;
	position:relative;}

div#left_column {
	float:left;
	width:212px;
	padding:10px 0 0 27px;}
	
div#right_column {
	float:right;
	width:680px;}


#logo {
		text-indent: -5000px; overflow:hidden; display:block;
		width: 183px; height:139px; text-decoration: none !important;
		background-image:url(../images/sitewide/logo.jpg);
		background-repeat:no-repeat;}
		

ul#navigation {
	list-style-type:none;
	float:left;
	margin:50px 0 0 0;
	padding:0;} 
	
ul#navigation li {
	list-style-type:none;
	float:left;
	margin:0;
	width:212px;
	padding:0 0 13px 0;} 				 
					 
					 
#nav_home {
		text-indent: -5000px; overflow:hidden; display:block;
	    width: 64px; height:9px; text-decoration: none !important;
        background-image:url(../images/nav/home.gif);
	    background-repeat:no-repeat;}

		#nav_home:hover {background-position: -64px 0;}
		#nav_home.selected {background-position: -64px 0;}
		

#nav_about {
		text-indent: -5000px; overflow:hidden; display:block;
	    width: 83px; height:9px; text-decoration: none !important;
        background-image:url(../images/nav/about_us.gif);
	    background-repeat:no-repeat;}

		#nav_about:hover {background-position: -83px 0;}
		#nav_about.selected {background-position: -83px 0;}
		

#nav_services {
		text-indent: -5000px; overflow:hidden; display:block;
	    width: 105px; height:9px; text-decoration: none !important;
        background-image:url(../images/nav/our_services.gif);
	    background-repeat:no-repeat;}

		#nav_services:hover {background-position: -105px 0;}
		#nav_services.selected {background-position: -105px 0;}
		
		
#nav_how_we_work {
		text-indent: -5000px; overflow:hidden; display:block;
	    width: 114px; height:9px; text-decoration: none !important;
        background-image:url(../images/nav/how_we_work.gif);
	    background-repeat:no-repeat;}

		#nav_how_we_work:hover {background-position: -114px 0;}
		#nav_how_we_work.selected {background-position: -114px 0;}



#nav_portfolio {
		text-indent: -5000px; overflow:hidden; display:block;
	    width: 90px; height:9px; text-decoration: none !important;
        background-image:url(../images/nav/portfolio.gif);
	    background-repeat:no-repeat;}

		#nav_portfolio:hover {background-position: -90px 0;}
		#nav_portfolio.selected {background-position: -90px 0;}
		
		
#nav_news {
		text-indent: -5000px; overflow:hidden; display:block;
	    width: 97px; height:9px; text-decoration: none !important;
        background-image:url(../images/nav/latest_news.gif);
	    background-repeat:no-repeat;}

		#nav_news:hover {background-position: -97px 0;}
		#nav_news.selected {background-position: -97px 0;}
		
		
#nav_contact {
		text-indent: -5000px; overflow:hidden; display:block;
	    width: 99px; height:9px; text-decoration: none !important;
        background-image:url(../images/nav/contact.gif);
	    background-repeat:no-repeat;}

		#nav_contact:hover {background-position: -99px 0;}
		#nav_contact.selected {background-position: -99px 0;}
		
		
#nav_advice{
		text-indent: -5000px; overflow:hidden; display:block;
	    width: 175px; height:9px; text-decoration: none !important;
        background-image:url(../images/nav/ideas_advice.gif);
	    background-repeat:no-repeat;}

		#nav_advice:hover {background-position: -175px 0;}
		#nav_advice.selected {background-position: -175px 0;}
		
		
#nav_testimonials{
		text-indent: -5000px; overflow:hidden; display:block;
	    width: 175px; height:9px; text-decoration: none !important;
        background-image:url(../images/nav/testimonials.gif);
	    background-repeat:no-repeat;}

		#nav_testimonials:hover {background-position: -175px 0;}
		#nav_testimonials.selected {background-position: -175px 0;}


div#contact_details {
	float:left;
	width:167px;
	height:88px;
	margin-top:40px;
	padding:30px 0 0 0;
	background-image:url(../images/sitewide/contact_info_bg.gif);
	background-repeat:no-repeat;}
	
	
#contact_email {
		text-indent: -5000px; overflow:hidden; display:block;
		width: 164px; height:21px; text-decoration: none !important;
		background-image:url(../images/sitewide/email_link.gif);float:left;
		background-repeat:no-repeat;}
		
		#contact_email:hover {background-position: -164px 0;}
		
#contact_phone_number {
		text-indent: -5000px; overflow:hidden; display:block;
		width: 167px; height:23px; text-decoration: none !important;
		background-image:url(../images/sitewide/tel_number.gif);
		background-repeat:no-repeat;}
		
		
div#footer {
	float:left;
	width:212px;
	margin-top:100px;}
	

div#title_holder {
	float:left;
	background-image:url(../images/headings/header_bg.gif);
	background-repeat:repeat-x;
	width:664px;
	height:39px;
	padding:18px 0 0 15px;}
	
	
div#page_content {
	float:left;
	width:650px;
	padding:15px 15px 20px 15px;}
	
	#page_content ul {
	padding:0;
	margin:0 0 15px 15px;}
	
	#page_content li {
	padding:0 0 5px 0;
	margin:0;}


/****************************************************************

 2. Type

****************************************************************/

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3f3f3f;
	line-height: 18px;
	margin:10px 0px; }

#footer p {
	font-size:11px;
	color:#a9a9a9;}

/****************************************************************

 3. Headings

****************************************************************/


h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#3d8ad1;
	padding:0;
	margin:8px 0px;}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#3d8ad1;
	padding:0;
	margin:12px 0px 12px 0px; }

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#3d8ad1;
	padding:0;
	margin:8px 0px;
	}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#3d8ad1;
	padding:0;
	margin:8px 0px;}
	
h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#3d8ad1;
	padding:0;
	margin:8px 0px;}
	
h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3d8ad1;
	padding:0;
	margin:3px 0px;}

div#title_holder h3 {
	color:#6eafe7;
	font-size:20px;
	padding:0;
	margin:0;
	font-weight:normal;
	text-transform:uppercase;}

div#contact_details h2 {
	padding:0;
	margin:0;}

/****************************************************************

 4. Anchors

****************************************************************/

	a:link { font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#317ec0; text-decoration:none;}
	a:visited { font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#317ec0; text-decoration:none;}
	a:hover { font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#317ec0; !important}
	a:active { font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#317ec0; text-decoration:none;}
	

	#footer	a:link { font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#a9a9a9; text-decoration:none;}
	#footer	a:visited { font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#a9a9a9; text-decoration:none;}
	#footer	a:hover { font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#317ec0; !important}
	#footer	a:active { font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#a9a9a9; text-decoration:none;}
	
	h3 a:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#3d8ad1;
	padding:0;
	margin:8px 0px;
	}
	
	h3 a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#3d8ad1;
	padding:0;
	text-decoration:underline;
	margin:8px 0px;
	}
	
	.news_article h3 a {
	color:#6EAFE7;
	font-size:18px;
	font-weight:normal;}

/****************************************************************

 5. Form Elements

****************************************************************/


.formLabel {
	float:left;
	width:80px;
	text-align:right;
	padding-bottom:10px;
	padding-right:20px;}
	
.formField {
	float:left;
	width:300px;
	padding:3px;
	margin-bottom:8px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;}
	
.formTextarea {
	float:left;
	width:300px;
	padding:3px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;}
	
	
.error_message {
	width:400px;
	padding-left:23px;}
	
	.error_message ul {
	width:400px;
	padding-top:20px;}

/****************************************************************

 6. General Classes

****************************************************************/

.float_image_left  {
	float:left;
	padding:0 20px 0px 0;}
	
.float_image_right {
	float:right;
	padding:0 0 0px 20px;}




/****************************************************************

 7. Resets

****************************************************************/

* { 
	margin:0;
	padding:0; }

ul, ol {
	padding-left:20px;
	line-height:16px; }

ol {
	background-image:none;
	list-style-type:none;
}

img {
	border:none;}



/****************************************************************

 8. Gallery

****************************************************************/

	a.gallery_image_1 {
	float:left;
	padding:0;
	margin:0;
	height:157px;
	width:159px;
	background-image:url(../images/portfolio/blue-1.jpg);
	background-repeat:no-repeat;}
	
	a:hover.gallery_image_1 {
	float:left;
	height:157px;
	width:159px;
	background-image:url(../images/portfolio/colour-1.jpg);
	background-repeat:no-repeat;}
	
	
	a.gallery_image_2 {
	float:left;
	padding:0;
	margin:0;
	height:157px;
	width:159px;
	background-image:url(../images/portfolio/blue-2.jpg);
	background-repeat:no-repeat;}
	
	a:hover.gallery_image_2 {
	float:left;
	height:157px;
	width:159px;
	background-image:url(../images/portfolio/colour-2.jpg);
	background-repeat:no-repeat;}
	
	a.gallery_image_3 {
	float:left;
	padding:0;
	margin:0;
	height:157px;
	width:159px;
	background-image:url(../images/portfolio/blue-3.jpg);
	background-repeat:no-repeat;}
	
	a:hover.gallery_image_3 {
	float:left;
	height:157px;
	width:159px;
	background-image:url(../images/portfolio/colour-3.jpg);
	background-repeat:no-repeat;}
	
	a.gallery_image_4 {
	float:left;
	padding:0;
	margin:0;
	height:157px;
	width:159px;
	background-image:url(../images/portfolio/blue-4.jpg);
	background-repeat:no-repeat;}
	
	a:hover.gallery_image_4 {
	float:left;
	height:157px;
	width:159px;
	background-image:url(../images/portfolio/colour-4.jpg);
	background-repeat:no-repeat;}
	
	a.gallery_image_5 {
	float:left;
	padding:0;
	margin:0;
	height:157px;
	width:159px;
	background-image:url(../images/portfolio/blue-5.jpg);
	background-repeat:no-repeat;}
	
	a:hover.gallery_image_5 {
	float:left;
	height:157px;
	width:159px;
	background-image:url(../images/portfolio/colour-5.jpg);
	background-repeat:no-repeat;}	
	
	a.gallery_image_6 {
	float:left;
	padding:0;
	margin:0;
	height:157px;
	width:159px;
	background-image:url(../images/portfolio/blue-6.jpg);
	background-repeat:no-repeat;}
	
	a:hover.gallery_image_6 {
	float:left;
	height:157px;
	width:159px;
	background-image:url(../images/portfolio/colour-6.jpg);
	background-repeat:no-repeat;}	
	
	
	a.gallery_image_7 {
	float:left;
	padding:0;
	margin:0;
	height:157px;
	width:159px;
	background-image:url(../images/portfolio/blue-7.jpg);
	background-repeat:no-repeat;}
	
	a:hover.gallery_image_7 {
	float:left;
	height:157px;
	width:159px;
	background-image:url(../images/portfolio/colour-7.jpg);
	background-repeat:no-repeat;}	
	

	a.gallery_image_8 {
	float:left;
	padding:0;
	margin:0;
	height:157px;
	width:159px;
	background-image:url(../images/portfolio/blue-8.jpg);
	background-repeat:no-repeat;}
	
	a:hover.gallery_image_8 {
	float:left;
	height:157px;
	width:159px;
	background-image:url(../images/portfolio/colour-8.jpg);
	background-repeat:no-repeat;}	
	

	a.gallery_image_9 {
	float:left;
	padding:0;
	margin:0;
	height:157px;
	width:159px;
	background-image:url(../images/portfolio/blue-9.jpg);
	background-repeat:no-repeat;}
	
	a:hover.gallery_image_9 {
	float:left;
	height:157px;
	width:159px;
	background-image:url(../images/portfolio/colour-9.jpg);
	background-repeat:no-repeat;}	
	
	a.gallery_image_10 {
	float:left;
	padding:0;
	margin:0;
	height:157px;
	width:159px;
	background-image:url(../images/portfolio/blue-10.jpg);
	background-repeat:no-repeat;}
	
	a:hover.gallery_image_10 {
	float:left;
	height:157px;
	width:159px;
	background-image:url(../images/portfolio/colour-10.jpg);
	background-repeat:no-repeat;}	
	

	a.gallery_image_11 {
	float:left;
	padding:0;
	margin:0;
	height:157px;
	width:159px;
	background-image:url(../images/portfolio/blue-11.jpg);
	background-repeat:no-repeat;}
	
	a:hover.gallery_image_11 {
	float:left;
	height:157px;
	width:159px;
	background-image:url(../images/portfolio/colour-11.jpg);
	background-repeat:no-repeat;}	
	
	a.gallery_image_12 {
	float:left;
	padding:0;
	margin:0;
	height:157px;
	width:159px;
	background-image:url(../images/portfolio/blue-12.jpg);
	background-repeat:no-repeat;}
	
	a:hover.gallery_image_12 {
	float:left;
	height:157px;
	width:159px;
	background-image:url(../images/portfolio/colour-12.jpg);
	background-repeat:no-repeat;}