﻿/*	--------------------------------------------------
	CSS created by xpertweb.co.uk
-------------------------------------------------- */

body { 
	margin: 0; 
	padding: 0;
	text-align: center;
	background: #f5c617;
	color:#515050;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image:url('images/back.gif');
	background-repeat:repeat-x;
	background-position:left top;
	}
	
table.center {
	margin-left:auto; 
	margin-right:auto;
	text-align:left;
	width:100%;
	}
	
/*	--------------------------------------------------
	A Links
-------------------------------------------------- */
	
a { color: #F5C617/* #F5C617*/; text-decoration: none; }
a:hover { color: #7d7d7d/*#7d7d7d*/; } 

.whitelink a { color: #ffffff/* #ffffff*/; text-decoration: none; }
.whitelink a:hover { color: #F5C617/*#F5C617*/; margin-left:5px; } 

.linkblack { color: #000000/* #000000*/; text-decoration: none; }
.linkblack a:hover { color: #7d7d7d/*#7d7d7d*/; } 

.linkadmin { color: #000000/* #000000*/; text-decoration: none; }
.linkadmin a:hover { color: #F5C617/*#F5C617*/; }

/*	--------------------------------------------------
	Display Text
-------------------------------------------------- */

form { 
	margin: 15px; 
	padding: 0; 
	border: 0;
	line-height: 1.5; 
	font-family: Arial, Helvetica, sans-serif; 
	text-align: left;
	color: #333333;
	}
	
fieldset { 
	margin: 0; 
	padding: 0; 
	border: 0;
	line-height: 1.5; 
	font-family: Arial, Helvetica, sans-serif; 
	text-align: left;
	color: #333333;
	}
	
ul { 
	margin: 0; 
	padding: 0; 
	border: 0;
	line-height: 1.5; 
	font-family: Arial, Helvetica, sans-serif; 
	text-align: left;
	color: #ffffff;
	}
	
ol { 
	margin: 0; 
	padding: 0; 
	border: 0;
	font-family: Arial, Helvetica, sans-serif; 
	text-align: left;
	color: #ffffff;
	}
	
li { 
	margin-left: 35px;
	margin-top:15px;
	margin-bottom:15px;
	padding: 0; 
	border: 0;
	font-family: Arial, Helvetica, sans-serif; 
	text-align: left;
	font-size:12px;
	font-weight:bold;
	}
	
p { 
	margin-bottom:5px;
	margin-left:0px;
	margin-right:0px; 
	margin-top:10px;
	padding: 0; 
	border: 0;
	line-height: 1.5; 
	font-family: Arial, Helvetica, sans-serif; 
	text-align: left;
	color: #000000;
}
p.nav { 
	margin-bottom:15px;
	margin-left:15px;
	margin-right:15px; 
	margin-top:15px;
	padding: 0; 
	border: 0;
	line-height: 1.5; 
	font-family: Arial, Helvetica, sans-serif; 
	text-align: left;
	font-weight:bold;
	color: #ffffff;
}
p.login { 
	margin-bottom:5px;
	margin-left:0px;
	margin-right:0px; 
	margin-top:5px;
	padding: 0; 
	border: 0;
	line-height: 1.5; 
	font-family: Arial, Helvetica, sans-serif; 
	text-align: left;
	font-weight:bold;
	color: #ffffff;
}
p.top { 
	margin-bottom:0px;
	margin-left:15px;
	margin-right:0px; 
	margin-top:0px;
	padding: 0; 
	border: 0;
	line-height: 1.5; 
	font-family: Arial, Helvetica, sans-serif; 
	text-align: right;
	color: #000000;
	font-size:12px;
	font-weight:bold;
}
p.link { 
	margin-right:0px;
	margin-top:10px;
	margin-bottom:10px;
	padding: 0; 
	border: 0;
	line-height: 1.5; 
	font-family: Arial, Helvetica, sans-serif; 
	text-align: right;
	color: #000000;
	font-size:11px;
	font-weight:bold;
}
.testimonail { 
	margin-bottom:15px;
	margin-left:15px;
	margin-right:15px; 
	margin-top:10px;
	padding: 0; 
	border: 0;
	line-height: 1.5; 
	font-family: Arial, Helvetica, sans-serif; 
	text-align: left;
	color: #7d7d7d;
	font-size:11px;
	font-style:italic;
}	
h5 { 
	margin: 0; 
	padding: 0; 
	border: 0;
	line-height: 1.5; 
	font-family: Arial, Helvetica, sans-serif; 
	text-align: left;
	color: #333333;
	}
	
h4 { 
	margin: 0; 
	padding: 0; 
	border: 0;
	line-height: 1.5; 
	font-family: Arial, Helvetica, sans-serif; 
	text-align: left;
	color: #333333;
	}
	
h3 { 
	margin-left:15px;
	margin-right:15px;
	margin-top:0px;
	margin-bottom:10px;
	padding: 0; 
	border: 0;
	line-height: 1.5; 
	font-family: Arial, Helvetica, sans-serif; 
	text-align: left;
	color: #7d7d7d;
	}
	
h2 { 
	margin-left:0px;
	margin-top:10px;
	margin-bottom:10px;
	padding: 0; 
	border: 0;
	line-height: 1.5; 
	font-family: Arial, Helvetica, sans-serif; 
	text-align: left;
	color: #000000;
	}
	
h1 { 
	margin: 0px 0 15px 0px; 
	padding: 0; 
	border: 0;
	line-height: 2.5; 
    font-family: "Lucida Grande", arial, sans-serif;
    font-family: arial, sans-serif;
	text-align: left;
	color: #ffffff;
	background-color:black;
	}
.h1top { 
	margin-bottom:15px;
	margin-left:15px;
	margin-right:15px; 
	margin-top:10px;
	padding: 0; 
	border: 0;
	line-height: 1.5; 
	font-family: Arial, Helvetica, sans-serif; 
	text-align: left;
	color: #7d7d7d;
	font-size:10px;
	font-style:italic;
	text-align:right;
}
h6 { font-weight: bold; color: #e969a2;  }
	
h5 { font-weight: bold; color: #e969a2;  }
	
h4 { font-weight: bold; color: #ffffff;  }
	
h3 { font-weight: bold; color: #47b6b6;  }
	
h2 { font-weight: bold; color: #000000;  }
	
h1 { font-weight: bold; color: #ffffff; }
h1 { font-size: 13px; }
h2 { font-size: 11px; }
h3 { font-size: 12px; }
h4 { font-size: 12px; }
h5 { font-size: 14px; }
h6 { font-size: 14px; }
p { font-size: 12px;}

hr {
	margin-left:15px;
	margin-right:15px;
	line-height:1px;
	background-color:#e9e9e9;
	color:#e9e9e9;
}

/*	--------------------------------------------------
	Extras
-------------------------------------------------- */

.title_services {
	background-image:url('images/title_services.gif');
	background-repeat:no-repeat;
	background-position:right top;
	background-color:black;
}
.title_staff {
	background-image:url('images/title_staff.gif');
	background-repeat:no-repeat;
	background-position:right top;
	background-color:black;
}

.servicestop {
	background-image:url('images/services_top.gif');
	background-repeat:no-repeat;
	background-position:left top;
}
.servicesmiddle {
	background-image:url('images/services_middle.gif');
	background-repeat:repeat-y;
	background-position:left top;
}
.servicesbottom {
	background-image:url('images/services_bottom.gif');
	background-repeat:no-repeat;
	background-position:left bottom;
}
.testtopright {
	background-image:url('images/services_top_right.gif');
	background-repeat:no-repeat;
	background-position:left top;
}
.testmiddleright {
	background-image:url('images/services_middle_right.gif');
	background-repeat:repeat-y;
	background-position:left top;
}
.testbottomright {
	background-image:url('images/services_bottom_right.gif');
	background-repeat:no-repeat;
	background-position:left bottom;
}
.maintop {
	background-image:url('images/main_top.gif');
	background-repeat:no-repeat;
	background-position:left top;
}
.mainmiddle {
	background-image:url('images/main_middle.gif');
	background-repeat:repeat-y;
	background-position:left top;
}
.mainbottom {
	background-image:url('images/main_bottom.gif');
	background-repeat:no-repeat;
	background-position:left bottom;
}
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px;
overflow: scroll; /*leave this value alone*/
width: 900px; /*Width of Carousel Viewer itself*/
height: 250px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 900px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.style1 {
	background-color: #FFFFFF;
}
.style3 {
	color: #E1E1E1;
}
.style5 {
	background-color: #EEEEEE;
}
.style6 {
	background-color: #47B6B6;
}
.style7 {
	text-align: left;
}
.style8 {
	border-width: 0px;
	text-align:center;
}
input { 
	background-color:#ffffff; 
	color: #7d7d7d; 
	font-family: Arial, Helvetica, sans-serif;
	border:1px #cccccc solid;
	font-size:12px;
}
.inputsubmit { 
	background-color:#F5C617; 
	color: #000000; 
	font-family: Arial, Helvetica, sans-serif;
	border:0px #47b6b6 solid;
	font-weight:bold;
	font-size:12px;
	cursor:pointer;
}
textarea { 
	margin-top:10px;
	margin-bottom:10px;
	background-color:#ffffff; 
	color: #7d7d7d; 
	font-family: Arial, Helvetica, sans-serif;
	border:1px #cccccc solid;
	font-size:12px;
}  
select { 
	background-color:#ffffff; 
	color: #7d7d7d; 
	font-family: Arial, Helvetica, sans-serif;
	border:1px #cccccc solid;
	font-size:12px;
}
/************************************************  

 Buttons

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


.buttons li {  

display:inline;  

list-style:none;  

line-height:30px;

}  
buttons li a {  

display:block;  

float:right;  

margin-right:0px;  

}  
.buttons li a span {  

display:inline;  

float:right;

padding:0px 10px 0 10px;  

margin-left:5px;  

cursor:pointer;  

border: 1px transparent solid;

height:32px;

}  
.buttons li a:hover {  
	color:#ffffff; 
 }  
.buttons li a:hover span {  
	background-color:#41a7a7;
	color:#ffffff; 
	border-bottom: 1px transparent solid;
	border-top: 1px #41a7a7 solid;
	border-left: 1px #41a7a7 solid;
	border-right: 1px #41a7a7 solid;
	height:32px;
}
.buttonsover {    
display:inline;  
	background-color:#41a7a7;
	border-bottom: 1px transparent solid;
	border-top: 1px #41a7a7 solid;
	border-left: 1px #41a7a7 solid;
	border-right: 1px #41a7a7 solid;
	color:#ffffff; 
	height:32px;
	cursor:pointer;  
} 
.style9 {
	background-color: #CCCCCC;
}
.style10 {
	font-family: "Times New Roman";
}
.style11 {
	margin: 5px;
}
.style12 {
	background-color: #000000;
}
.style13 {
	list-style-image: url('images/yellow_bullet.gif');
}
.style16 {
	color: #F5C617;
}
.style17 {
	background-color: #000000;
	text-align: center;
}

