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

body {
	font: 100% "lucida grande", "lucida sans unicode", verdana, helvetica, sans-serif;
	background: #2F305B;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #000000;
}

/*global layout*/
.twoColFixLtHdr #container {
	width: 1004px;  
	margin: 0 auto; 
	padding: 0;
	text-align: left;
	background-image:url(../graphics/container_background.jpg);
	background-repeat:repeat-x;
	background-position: 0 0;
}
.twoColFixLtHdr #header {
	background: #2F305B; 
	height: 50px;
	padding: 0;
	margin: 0;
	border-bottom: dotted 1px #6F71B5;
}
#header_contact{
	width: 199px;
	height:36px;
	margin:0 0 0 74px;
	padding:14px 0 0 0;
	border-right: dotted 1px #A49EC5;
	float:left;
}
.twoColFixLtHdr #sidebar1 {
	float: left; 
	width: 273px;
	height: 550px;
	padding: 0;
	margin: 0;
	background-image:url(../graphics/left_logo.jpg); 
	background-repeat:repeat-x; 
	background-color:#30315C;
}
/* IE6 Only */
* html .twoColFixLtHdr #sidebar1 {
float:left;
	width: 260px;
	margin:0;
	padding:0;
}
.twoColFixLtHdr #mainContent {
	padding: 0 0 30px 0;
	margin: 0 0 0 273px;
	width:702px;
	min-height:580px;
	background-image:url(../graphics/main_background.jpg); 
	background-repeat:repeat-x;
}
/* IE6 Only */
* html .twoColFixLtHdr #mainContent {
	float:left;
	margin: 0;
	min-height:580px;
	padding:0 0 30px 0;	
}
.twoColFixLtHdr #mainBody{
	padding: 0;
	margin: 0 0 0 42px;
	width:630px;
	min-height:400px;
}
/* IE6 Only */
* html .twoColFixLtHdr #mainBody {
	height:400px;
}
.twoColFixLtHdr #SubmainContent {
	padding: 0 0 30px 0;
	margin: 0 0 0 273px;
	min-height:580px;
	width:482px;
	background-image:url(../graphics/main_background.jpg); 
	background-repeat:no-repeat; 
}
/* IE6 Only */
* html .twoColFixLtHdr #SubmainContent {
	margin:0;
	padding:0;
	float:left;
	height:580px;
}
.twoColFixLtHdr #SubmainBody{
	padding: 0;
	margin: 0 0 0 42px;
	width: 410px;
	min-height:580px;
}
.twoColFixLtHdr #sidebar2 {
	float: right; 
	width: 220px;
	background-color:#454686;
	padding: 0;
	margin: 10px 15px 0 0;
}
/* IE6 Only */
* html .twoColFixLtHdr #sidebar2 {
	margin: 10px 10px 0 0;
	padding: 0;
}
.twoColFixLtHdr #sidebar2_content {
	margin: 5px 10px;
	padding: 0;
}
.twoColFixLtHdr #footer {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 220px;
	border-top:dotted 1px #6F71B5; 
	background-image:url(../graphics/footer_back2.jpg); 
	background-repeat:repeat-x; 
	background-color:#2F305B;
}
.twoColFixLtHdr #footer_left_column{
	border-right: dotted 1px #A49EC5;
	width: 273px;
	height: 220px;
	float:left;
}
/* IE6 Only */
* html .twoColFixLtHdr #footer_left_column {
	width: 260px;
}
.twoColFixLtHdr #footer_right_column{
	width: 730px;
	height: 185px;
	float:left;
}

/* footer divs and classes */
#footer_contact{
	margin:29px 0 0 40px;
	padding:0;
	float:left;
}
/* IE6 Only */
* html #footer_contact {
	margin:29px 0 0 25px;
}
#footer_address{
	margin:29px 0 0 83px;
	padding:0;
	float:left;
}
#footer_other{
	margin:29px 0 0 79px;
	padding:0;
	float:left;
}
.p_footer_header{
	margin:0 0 12px 0;
	padding:0;	
}
.p_footer{
	margin:0;
	padding:0;
}
.footer_logo{
	margin:20px 0 0 0;
	padding:0;
}

/*fonts*/
h1 {
	color:#FFFFFF;
	font-size:1.1em;
	font-weight:normal;
	border-bottom:dotted 1px #6F71B5;
	margin:0;
	padding:0 0 10px 0;
}
h2 {
	color:#FFFFFF;
	font-size:0.76em;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:dotted 1px #6F71B5;
	margin:0;
	padding:0 0 8px 0;
}
.h1_topmargin{
	padding: 20px 0 5px 0;
	width:98%;
}
p{
	color: #FFFFFF;
	font-size: 0.7em;
	line-height:165%;
}
a{
	color:#FFFFFF;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
a:visited, a:selected{
	color:#FFFFFF;
}
#mainContent ul, #SubmainContent ul{
	margin:0 0 0 0;
	padding:0;	
}
#mainContent li, #SubmainContent li{
	margin:0 0 5px 30px;
	color:#FFFFFF;
	font-size: 0.76em;
	font-family: "lucida grande", "lucida sans unicode", verdana, helvetica, sans-serif;
	list-style-type:none;
	background-image: url(../graphics/bullet.gif);
	background-repeat: no-repeat;
	background-position:2px 8px;
	padding-left: 1.8em;
	line-height:165%;
}

/*floats and spacers*/
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clearright { 
	clear:right;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clearleft { 
	clear:left;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.spacer{
	clear:left;
	height:0;
	overflow:hidden; 
	font-size:1px;
}
.spacer2{
	height:20px;
	overflow:hidden; 
	font-size:1px;
	border-bottom:dotted 1px #6F71B5;
}
.picborder{
	border:solid 4px #FFFFFF;
}
.picborder2{
	border:solid 4px #FFFFFF;
	margin-right:30px;
}

/* IE6 Only */
* html #header_contact {
	margin:0 0 0 30px;
	height:40px;
}
#nav {
position: relative;
overflow: hidden;
height:50px;
font-size:0.7em;
font-weight:bold;
color:#ffffff;
}
#nav ul {
list-style:none;
float:left;
margin:10px 0 0 0;
}
/* IE6 Only */
* html #nav ul {
	padding:0 0 0 40px;
}
/* IE7 Only */
html>body #nav ul{
    padding:0 0 0 40px;
}
#nav ul li {
display:block;
float:left;
}
#nav ul li a {
color:#ffffff;
text-decoration:none;
padding:6px 8px;
margin:0 4px;
position: relative;
display:block;
float:left;
z-index: 999;
height:29px;
}
#nav .background {
background: url(../graphics/bg_menu_a_right.gif) no-repeat top right;
z-index:8;
position:absolute;
visibility:hidden;
height:29px;
} 
#nav .background .left {
background:url(../graphics/bg_menu_a.gif) no-repeat top left;
height:29px;
margin-right:11px; /* 7px is the width of the rounded shape */
}
.button {
padding:4px 12px;
background-color:#0099CC;
color:#FFFFFF;
font-weight:bold;
}

/*subNav div and classes*/
#sidebar2_content a{
	text-decoration:none;
}
#sidebar2_content a:hover{
	text-decoration:underline;
}
ul.S_link {
margin: 10px 0 10px 0;
padding: 0;
}
.S_link li {
list-style-type:none;
background-image: url(../graphics/sidebar_bullet.gif);
background-repeat: no-repeat;
background-position:17px 4px;
font-size:0.70em;
padding-left: 2.5em;
padding-bottom:0.5em;
line-height:145%;
}
.S_link{
	padding:0;
	margin:5px 0 5px 0;
}
ul.S_link2 {
margin: 0 0 10px 0;
padding: 0;
}
.S_link2 li {
list-style-type:none;
background-image: url(../graphics/sidebar_bullet.gif);
background-repeat: no-repeat;
background-position:17px 4px;
font-size:0.70em;
padding-left: 2.5em;
padding-bottom:0.5em;
line-height:145%;
}
.S_link2{
	padding:0;
	margin:0 0 5px 0;
}

/*home divs and classes*/
.home_pic{
margin: 20px 0 0 40px;
}

/*accreditations div and classes*/
#accreditations_container{
	margin: 20px 0 0 20px;
	padding: 0;
}
#accreditations_box{
	margin: 0 0 20px 0;
	padding: 0;
	width:380px;
	float:left;
}
.acc_logo{
	margin: 0;
	padding: 0;
	width:150px;
	float:left;
}
.acc_title{
	margin: 15px 0 0 0;
	padding: 0;
	float:left;
	width:150px;
}
.acc_reg{
	margin: 10px 0 0 0;
	padding: 0;
	width:150px;
	float:left;
}

/*portfolio divs and classes*/
#Portfolio_container{
	margin:0;
}
#Portfolio_content{
	margin:0;
	padding:10px 0;
	border-bottom: dotted 1px #A49EC5;
	float:left;
}
.portfolio_graphic{
	width:145px;
	margin:5px 0 0 0;
	padding:0;
	float:left;
}
/* IE6 Only */
* html .portfolio_graphic {
	margin:5px 0 5px 0;
}
/* IE7 Only */
html>body .portfolio_graphic{
	margin:5px 0 5px 0;
}
.portfolio_label{
	width:80px;
	margin:5px 0 5px 0;
	padding:0;
	float:left;
}
.portfolio_info{
	margin:5px 0 5px 0;
	padding:0;
	width:185px;
	float:left;
}
#Portfolio{
	margin: 10px 0;
	padding: 0;
	float:left;
}
#Portfolio_left{
	width:310px;
	margin: 0;
	padding: 0;
	float:left;
}
.Portfolio_toppic{
	float:left;
	margin:10px 6px 10px 8px;
}
/* IE6 Only */
* html .Portfolio_toppic {
	margin:10px 6px 10px 5px;
}
.Portfolio_pic{
	float:left;
	margin:10px 11px;
}
/* IE6 Only */
* html .Portfolio_pic {
	margin:10px 8px;
}
#Portfolio_right{
	float:left;
	width:300px;
	margin: 10px;
	padding: 0;
}
/* IE6 Only */
* html #Portfolio_right {
	margin: 10px 8px;
}
.PI_label{
	width:100px;
	margin:15px 0 5px 0;
	padding:0;
	float:left;
}
.PI_info{
	margin:15px 0 5px 0;
	padding:0;
	width:200px;
	float:left;
}

/*testimonials divs and classes*/
#Testimonials_container{
	margin:10px 0 0 0;
}
#Testimonials_content{
	margin:10px;
	padding:0;	
	border-bottom: dotted 1px #A49EC5;
}
.Testimonials_company{
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0;	
}
.Testimonial{
	font-style:normal;
	margin:0 0 10px 0;
	padding:0;
	background-color:#FFFFFF;
}
.Testimonials_author{
	font-weight:bold;
	margin:0 0 3px 0;
	padding:0;	
}

/*contact divs and classes*/
#Contact_Form{
	width: 360px;
	margin: 0 0 10px 0;
	float: left;
}
.contact_label{
	width: 80px;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;	
}
.contact_field{
	width: 280px;
	float: left;
	margin: 0 0 10px 0;
	padding: 2px 0 0 0;
}
.form_field{
	font: 100% "lucida grande", "lucida sans unicode", verdana, helvetica, sans-serif;
}
#contact_side{
	width:300px;
	margin: 20px auto;
	padding: 0;
}
.cs_label{
	width: 100px;
	float: left;
	margin: 0 0 10px 0;
	padding: 0; 
}
.cs_field{
	width: 160px;
	margin: 0 0 10px 100px;
	padding: 0;
}
#NameOf, #Phone, #EmailAddress, #Enquiry{
width:80%;
}

/* Quote */ 
.quote {
text-align:left;
margin:20px auto 10px auto;
width:370px;
padding:0;
background:url("../graphics/quote_bottom.gif") bottom right no-repeat;
}
.quote p {
line-height:170%;
color:#666666;
margin:0;
padding:16px 10px 26px 10px;
background:url("../graphics/quote_top.gif") top left no-repeat;
}
.quotename {
color: #FFFFFF;
font-size: 0.76em;
padding:0;
margin:10px 0 4px 0;
}
.quoteposition {
color: #FFFFFF;
font-size: 0.70em;
padding:0;
margin:0;
}
.quotestart {
padding: 0 5px 3px 0;
}
.quoteend {
padding: 0 0 3px 5px;
}

/* Clients */ 

.client_category {
font-weight:bold;
text-transform:uppercase;
}
.link_header{
background-image: url(../graphics/sidebar_bullet.gif);
background-repeat: no-repeat;
background-position:0 4px;
line-height:145%;
padding:0 0 0 15px;
margin:10px 0 5px 10px;
}