/* CSS Document */

body {
	margin:0;
	padding:0;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size:11px;
	color: #666666;
	background:#68A068; /* change this colour ------------------------ */
	height:100%;
		}
.preload {display:none;}
/*colours 	green: #88AB32
			purple: #67217A
			blue: #0078BB
			maroon: #A90061
*/
	h1, h2, h3, p, ol, ul, li, a, table, td, tr, img, object, input {
		padding:0;
		margin:0;
		}
	h1 {font-size:13px;
		color:#FF9900;
		font-weight:bold;
		}
	h2 {font-size:12px;
		color:#666;/*green*/
		font-weight:bold;
		}
	h3 {font-size:11px;
		color: #666;/*purple*/
		}
	h4 {font-size:11px;
		color: #666;
		}
	p {font-size:11px;
		color: #666666;
		}
	ul {list-style:none;}
	li {list-style: none;}
	a {text-decoration:underline;
		font-weight:normal;
		color: #666;
		}
	a:link {color: #666;}
	a:visited {color: #666;}
	a:hover {color:#FF9900;}
	a:active {color:#FF9900;}
	
	#container
      {
        position: absolute;
        top: 50%;
        width: 100%;
        height: 400px;
        margin-top: -200px;  /* half of height */
	    background:#68A068; /* change this colour ------------------------ */
      }
 
	.stripe_clear {
	    width:100%;
	    height:85px;
	}
	#stripe_top {
		width:100%;
		height:115px;
		background:#85c585;  /* change this colour ------------------------ */
	}
	#stripe_bottom {
		width:100%;
		height:115px;	
		background:#525759;
	}
      
    DIV.inner
      {
      position:absolute;
      left: 50%;
      top :50%;
      width: 800px;
      height: 400px;
      margin-left: -400px;  /* half of width */
      margin-top: -200px;   /* half of height */
      /*background-color: #eee;*/
	  }
	 DIV.inner_splash {
	  position:absolute;
      left: 50%;
      top :50%;
      width: 800px;
      height: 400px;
      margin-left: -153px;  /* half of width */
      margin-top: -200px;   /* half of height */
	 }
	 #logo_contact {
		float:left;
		margin-top:83px;
		width:305px;
		height:230px;
	 }
	 #logo {
		margin-top:0px;
		width:305px;
		height:115px;
		background:url(images/logo_green.gif) no-repeat;  /* change this graphic ------------------------ */
	 }
	 #contact {
		margin-top:2px;
		padding-left:0px;
		width:290px;
		height:115px;
		 /*url(images/contact_icons.gif) no-repeat;*/
	 }
	 #contact_icon {
		float:left;
		width:125px;
		height:115px;
	 }
	 #contact_details {
		float:left;
		width:155px;
		height:115px;
	 }
	 #enter_site {
	 	margin-top:200px;
	 }
	 .orange {
	 	color:#FF9900;
	 }
	 #contact_details span.orange{
		font-weight:bold;
	 }
	 #contact_details ul {
		margin-top:9px;
	 }
	 #contact_details ul li{
		line-height:31px;
		font-size:11px;
		color:#FFF;
	 }
	 #contact_details ul li a {
		color:#FFF;
		text-decoration:none;
	 }
	 #contact_details ul li a:hover {
		color:#FFF;
		text-decoration:underline;
	 }
	 #contact_details ul.contact_sublevel {
		margin-top:2px;
		margin-bottom:2px;
	 }
	 #contact_details ul.contact_sublevel li{
		line-height:15px;
		font-size:11px;
		color:#FFF;
	 }
	 #content_box {
	 	float:left;
		width:454px;
		height:340px;
		margin-top:30px;
		background:url(images/content_back_green.gif) no-repeat;  /* change this graphic ------------------------ */
	 }
	 #content_box #content_left {
	 	float:left;
		width:345px;
		height:310px;		
	 }
	 #content_box #content_fullwidth {
	 	float:left;
		width:454px;
		height:310px;
		text-align:center;	
	 }
	 #content_box h3 {
		padding-bottom:3px;
		line-height:15px;
	 }
	 #content_box #content_fullwidth p {
		width:380px;
		font-size:13px;
		font-weight:bold;
		color:#666;
		line-height:15px;
		text-align:right;
	 }
	 #content_box #content_fullwidth #content_graphic img.image_home {
	 	padding-top:90px;
	 }
	 #content_box #content_fullwidth #content_graphic img.image_intro1 {
	 	padding-top:50px;
	 }
	 #content_box #content_fullwidth #content_graphic img.image_intro2 {
	 	padding-top:5px;
	 }
	 #content_box #content_fullwidth #content_graphic ul{
	 	padding-top:45px;
	 }
	 #content_box #content_fullwidth #content_graphic li{
	 	
	 }
	 #content_box #content_fullwidth #content_graphic a{
	 	font-weight:bold;
		text-decoration:none;
		font-size:14px;
		color:#FF9900;
	 }
	 #content_box #content_fullwidth #content_graphic a:hover {
	 	color:#666;
	 }
	 #content_box #content_fullwidth #content_graphic a:hover span.arrow{
	 	color:#666;
	 }
	 
	 #content_box #content_fullwidth #content_graphic span.arrow{
	 	font-weight:bold;
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
		color:#FF9900;
	 }
	 
	 
	 
	 /*Intro2 Page*/
	 
	 #content_box #content_fullwidth #content_graphic #content_graphic_default {
	 	float:left;
		width:83px;
		height:126px;
	 }
	 #content_box #content_fullwidth #content_graphic #content_graphic_chits {
	 	float:left;
		width:280px;
		height:126px;
		padding-top:30px;
	 }
	  #content_box #content_fullwidth #content_graphic #content_graphic_click {
	 	float:left;
		width:88px;
		height:126px;
		padding:0; margin:0;
	 }
	 
	 #content_box #content_fullwidth #content_graphic #content_graphic_default ul{
	 	padding:105px 0px 0px 20px;
		text-align:left;
	 }
	 #content_box #content_fullwidth #content_graphic #content_graphic_default li{
	 	line-height:12px;
	 }
	 #content_box #content_fullwidth #content_graphic #content_graphic_default a{
	 	font-weight:bold;
		text-decoration:none;
		font-size:11px;
		color:#FF9900;
	 }
	 #content_box #content_fullwidth #content_graphic #content_graphic_default a:hover {
	 	color:#666;
	 }
	 #content_box #content_fullwidth #content_graphic #content_graphic_default a:hover span.arrow{
	 	color:#666;
	 }
	 #content_box #content_fullwidth #content_graphic #content_graphic_click ul{
	 	padding:120px 0px 0px 7px;
		text-align:left;
	 }
	 #content_box #content_fullwidth #content_graphic #content_graphic_click li{
	 	font-weight:bold;
	 }
	 
	 
	 /*email form*/
	 
	#content_fullwidth #content_email_l {
		float:left;
		width:170px;
		height:220px;
		padding-top:33px;
	}
	
	#content_fullwidth #content_email_r {
		float:right;
		width:250px;
		padding-top:40px;
	}
	#content_fullwidth #content_email_r h3 {
		color:#FF9900;
		text-align:left;
		padding-top:0px;
		margin-top:0px;
		margin-bottom:3px;
	}
	#content_fullwidth #content_email_r h4 {
		color:#666;
		font-size:11px;
		font-weight:normal;
		text-align:left;
		padding:0px 0px 10px 0px;
		margin:0px 0px 0px 0px;
		line-height:15px;
	}
	#email_form {
		font-size:11px;
		color:#FF9900;
		font-weight:bold;
	}
	#email_form td{
		padding-bottom:10px;
	}
	#email_form td.desc{
		padding-right:10px;
	}
	#email_form textarea, #email_form td.form input {
		width:160px;
		border:1px solid #666666;
		font-size:11px;
		padding:1px;
		font-family:Tahoma, Verdana, sans-serif;
		font-weight:normal;
		border-right:1px solid #666666;
		border-bottom:1px solid #666666;
		border-top:1px solid #666666;
		border-left:1px solid #666666;
	}
	#email_form input.radio {
		background:#FFF;
		color:#000;
	}
	#email_form td.buttons {
		padding-right:10px;
	}
	#email_form input.submit {
		width:66px;
		padding:0; margin:0;
		background:#666666;
		color:#FFF;
		font-weight:bold;
		font-size:11px;
		border:none;
	}
	#email_form span.contact_black {
		color:#000;
		padding:0px 10px 0px 2px;
		
	}
	#email_form span.contact_orange {
		color:#FF9900;
		padding-right:20px;
		
	}
	#email_form td.contactmeby {
		padding-right:6px;
	}
	 
	 #content_box #content_left #content_content{
	 	padding:16px 16px 0px 16px;		
	 }
	 #content_box #content_left #content_content h1 {
		padding-top:5px;	
		padding-bottom:5px;	
	 }
	 #content_box #content_left #content_content p {
	 	font-size:11px;
		padding-bottom:8px;
		line-height:16px;		
	 }
	 #content_box #content_right {
	 	float:right;
		width:100px;
		height:310px;
		text-align:right;
	 }
	 #content_box #content_right #content_right_top {
	 	height:260px;
		
	 }
	 #content_box #content_right #content_right_bottom {
	 	height:50px;
		padding-right:14px;
	 }
	 #content_box #content_right #content_right_top ul{
	 	padding-top:150px;
	 }
	 #content_box #content_right #content_right_top li{
	 	line-height:17px;
	 }
	 #content_box #content_right #content_right_top a{
	 	font-weight:bold;
		text-decoration:none;
		padding-right:14px;
	 }
	 #content_box #content_right #content_right_bottom ul{
	 	
	 }
	 #content_box #content_right #content_right_bottom li{
	 	
	 }
	 #content_box #content_right #content_right_bottom a{
	 	font-weight:bold;
		text-decoration:none;
		font-size:14px;
		color:#FF9900;
	 }
	 #content_box #content_right #content_right_bottom a:hover {
	 	color:#666;
	 }
	 #content_box #content_right #content_right_bottom a:hover span.arrow{
	 	color:#666;
	 }
	 
	 #content_box #content_right #content_right_bottom span.arrow{
	 	font-weight:bold;
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
		color:#FF9900;
	 }
	 #content_box #content_bottom {
	 	float:left;
		width:440px;
		height:24px;
		text-align:center;
		padding-top:8px;
	 }
	 
	/*
	#content_box #content_bottom .menulist {
		width:450px;
		list-style:none;
		float:left;
	}
	#content_box #content_bottom .menulist li {
		float:left;
		display:block;
		width:70px;
		text-align:center;
	}
	#content_box #content_bottom .menulist li.bodyofwork {
		width:90px;
	}*/
	
	 #content_box #content_bottom .menulist ul {
		padding:0;
    	margin:0; 
	 }
	 #content_box #content_bottom .menulist li{
	 	display:inline;
		padding:0px 13px 0px 10px;
	 }
	 #content_box #content_bottom .menulist li.last{
		padding-right:0px;
	 }
	 #content_box #content_bottom .menulist li a{
		font-size:11px;
		font-weight:bold;
		text-decoration:none;
		padding:0;
    	margin:0;
	 }
	 #content_box #content_bottom .menulist li a:hover{
	 	color:#FF9900;
	 }
	 #content_box li.active a{
	 	color:#FF9900;
	 }
	 /*portfolio menu*/
	 
	 #content_box #content_right #content_right_top ul.portfolio_menu {
	 	padding-top:100px;
	 }
	 #content_box #content_right #content_right_top ul.portfolio_submenu {
	 	padding-top:2px;
	 }
	 #content_box #content_right #content_right_top ul.portfolio_submenu li a {
	 	color:#FF9900;
		font-size:10px;
	 }
	 #content_box #content_right #content_right_top ul.portfolio_submenu li a:hover {
	 	color:#666;
	 }
	 #content_box #content_right #content_right_top ul.portfolio_submenu li{
	 	line-height:12px;
	 }
	 #content_box #content_right #content_right_top ul.portfolio_menu ul.portfolio_submenu li.active a{
	 	color:#666;
	 }
	 
	 
	 #content_box #content_right #content_right_top ul.portfolio_menu li a{
	 	font-weight:bold;
		text-decoration:none;
		padding-right:14px;
	 }
	 #content_box #content_left #content_content #work_pages #pages_more {
	 	float:left;
		width:50px;
		height:20px;
		padding-left:10px;
	 }
	 #content_box #content_left #content_content #work_pages #pages_no {
	 	float:right;
		width:70px;
		height:20px;
	 }
	 #content_box #content_left #content_content #work_pages a {
	 	text-decoration:none;
		font-weight:bold;
		
	 }
	 #content_box #content_left #content_content #work_pages ul.page_nos {
	 	
	 }
	 #content_box #content_left #content_content #work_pages ul.page_nos li {
	 	display:inline;
		padding-right:3px;
	 }
	 #content_box #content_left span.arrow{
	 	font-weight:bold;
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
	 }
	 
	 
	 /* the process */
	 
	 #content_box #content_process {
	 	float:left;
		width:454px;
		height:310px;
		text-align:left;
	 }
	 #content_box #content_process .process_heading {
	 	padding:20px 0px 14px 14px;
			
	 }
	 #content_box #content_process .process_heading h1{
	 	color:#000;
		font-size:14px;
			
	 }
	 #content_box #content_process .process_box {
	 	float:left;
		width:100px;
		height:90px;
		padding:0px 0px 0px 0px;
		text-align:center;
		color:#000;
			
	 }
	 #content_box #content_process .process_box h3{
	 	padding:35px 0px 0px 0px;
		margin:0;
		color:#000;	
	 }
	 #content_box #content_process .process_box p{
		color:#000;
	 }
	 #content_box #content_process .process_box a{
	 	color:#FF9900;	
	 }
	 #content_box #content_process .process_box a:hover {
	 	color:#666;	
	 }
	 #content_box #content_process .process_top {
	 	height:96px;
		background:#E5E5E5 url(images/process1.gif) no-repeat;
		padding:0px 0px 0px 50px;
		margin-bottom:0px;
	 }
	 #content_box #content_process .process_top2 {
	 	height:96px;
		background:#E5E5E5 url(images/process3.gif) no-repeat;
		padding:0px 0px 0px 50px;
		margin-bottom:0px;
	 }
	 #content_box #content_process .process_bottom {
	 	height:96px;
		background:#FFF url(images/process2.gif) no-repeat;
		padding:0px 0px 0px 50px;	
	 }
	 #content_box #content_process .process_bottom2 {
	 	height:96px;
		background:#FFF url(images/process4.gif) no-repeat;
		padding:0px 0px 0px 50px;	
	 }
	 #content_box #content_process span.one {
	 	color:#666;
		font-size:11px;	
	 }
	 #content_box #content_process span.two {
	 	font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
	 }
	 #content_box #content_process ul{
		text-align:right;
		padding:3px 0px 0px 0px; margin:0;
	 }
	 #content_box #content_process ul li a{
	 	color:#FF9900;
		font-size:14px;
		font-weight:bold;
		text-align:right;
		padding-right:10px;
		text-decoration:none;
	 }
	 #content_box #content_process ul li a:hover{
	 	color:#666;
	 }
	 #content_box #content_process span.arrow{
	 	font-weight:bold;
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
		color:#FF9900;
	 }
	 #content_box #content_process a:hover span.arrow{
	 	color:#666;
	 }
	 #content_box #content_process p.process_note {
	 	font-size:10px;
		padding:4px 10px 0px 10px;
		font-weight:bold;
		color:#000;
	 }
	 #content_box #content_process p.process_note span {
	 	color:#FF9900;
	 }
	 #content_box #content_process h3.white {
	 	color:#FFF;
	 }
	 #content_box #content_process p.white {
	 	color:#FFF;
	 }
	 .bold {
	 	font-weight:bold;
	 }
	 #content_content ul.process li{
		padding-bottom:2px;
	 }
	 #content_box #content_content #work_images p.work_desc {
		padding-bottom:0px;
		margin:0;
	 }