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

/*


1 - Table of Content:

	> line31: 2-Basic/General Styles
	> line125: 3-Header Styles:
		- line141: 3.1-Menu Styles
		- line194: 3.2-Client Upload BTN Styles
	>line221: 4-Homepage Styles:
		- line224: 4.2-Hero banner text
		- line250: 4.3-Services Highlights
	>line303: 5-Services Page Styles
	>line354: 6-About Us Page Styles
	>line413: 7-Links Page Styles
	>line465: 8-Contact Us Page Styles
		- line487: 8.1-Contact Info
		- line524: 8.1-Contact Form
	>line570: 9-Client Upload Page Styles
		- line592: 9.1-Contact Info
		- line629: 9.1-Client Form
	>line769: 10-Footer
	

*/

/*2-Basic/General Styles*/

*{
	margin:0px;
	text-rendering: optimizeLegibility;
}

ul {
	list-style: none;
}

html {
	background-color: #fff;
}

body {
	width:960px;
	margin: 0 auto;
	font-size:14px;
	font-family: Arial, sans-serif;
	color:#666;
	position: relative; 
}

section {
	width:960px;
	overflow:hidden;
	float:left;
	position:relative;
}

h1 {
	font-family:'Conv_BreuerText-Regular',Sans-Serif;
	color:#fff;
	font-size:36px;
	
}

h2 {
		font-family: 'Conv_DINOT-Medium',Sans-Serif;
	color:#333;
	font-size:18px;
}

h3 {
	font-family: 'Conv_DINOT',Sans-Serif;
	color:#333;
	font-size:14px;
	font-size:15px\9;
}

a {
	color:inherit;
	border: none;
	border:none\9;
	text-decoration:none;
}

.generalBtn {
	font-family: 'Conv_BreuerText-Regular',Sans-Serif;
	color:#336699;
	font-size:14px;
	font-size:12px\9;
	text-transform:uppercase;
	text-decoration:none;
	line-height:20px;
	padding-bottom:5px;
	padding-left:10px;
	background:url(../images/a_link_underline.jpg) bottom repeat-x;
	border:none;
	cursor:pointer;
}

.generalBtn:hover {

	color:#293151;
	text-decoration:none;

}



a.linksFooter{
	text-transform:uppercase;
	font-family: 'Conv_BreuerText-Regular',Sans-Serif ;
	color:#FFF;
	text-decoration:none;
	font-size:14px;
	font-size:11px\9;
}

a.linksFooter:hover{

	color: #CCC;
	text-decoration:none;
}

/*3-Header Styles*/

header {
	float:left;
	position:relative;
	width: 960px;
	height:190px;
}

.logoHeader {
	float:left;
	position:relative;
	margin-top:32px;
	margin-left:10px;
}

/*3.1-Menu Styles*/

nav {
		margin-top:104px;
	float:right;
	position:relative;
	margin-right:10px;
}

nav li {

	height:30px;
	float:left;
	position:relative;

}
/*Menu Swap Icons*/

.homeBtn{
	width:54px;
	height:44px;
	background-image:url(../images/MENU_btn_home_hover.jpg);
}

.servicesBtn{
	width:80px;
	height:44px;
	background-image:url(../images/MENU_btn_services_hover.jpg);
}

.aboutusBtn{
	width:78px;
	height:44px;
	background-image:url(../images/MENU_btn_aboutus_hover.jpg);
}

.linksBtn{
	width:65px;
	height:44px;
	background-image:url(../images/MENU_btn_links_hover.jpg);
}

.testimonialsBtn{
	width:86px;
	height:44px;
	background-image:url(../images/MENU_btn_testimonials_hover.jpg);
	background-size: 84px 44px;
}

.contactusBtn{
	width:73px;
	height:44px;
	background-image:url(../images/MENU_btn_contactus_hover.jpg);
}

nav a:hover{
	opacity:0;
}


/*3.2-CLient Upload BTN styles-*/

.clientUpload {
	margin-right:10px;
	text-align:center;
	width:141px;
	height:103px;
	float:right;
	position:relative;
	background: url(../images/client_upload_background.png) center top no-repeat ;
}

.cu-icon{
	position:absolute;
	top: -5px;
	left: -5px;
}

.clientUpload p {
	font-size:14px !important;
	font-size:11px\9 !important;
	margin-top:50px;
	color:#FFF;
	text-transform:uppercase;
	font-family: Conv_BreuerText-Regular,Sans-Serif;
	font-size:10px;
}

.clientUpload a{
	color:white;
}

.clientUpload a:hover {
	color: #333;
}


/*4-Homepage Styles*/


/*4.2- Hero banner Text*/

.heroText {
	float:right;
	position:relative;
	width:380px;
	top: 115px;
	left: 140px;
}

.heroText p{
	float:left;
}

.heroText p:first-of-type {
	font-family: 'Conv_DINOT', Sans-Serif;
	font-size:20px;
	margin-bottom:15px;
}

.heroText p:last-of-type{
	float:right;
	margin-top:15px;
}


/*4.3- Services Highlights*/

.servicesHighlights {
	width:960px;
	height:620px;
	float:left;
	position:relative;
	top:280px;
	background: #FFF url(../images/Homepage_headline_imgs.png) center 10px no-repeat;

}

.servicesHighlights li{

	width:147px;
	float:left;
	position:relative;
	margin-left:0px;
	top:120px;
	margin-right:8px;

}

.servicesHighlights li.sh-1{
	margin-left:18px;
}

.servicesHighlights li.sh-6 {
	margin-right:0px;
}

.servicesHighlights li:nth-child(-1n+2) h3 {
	padding-bottom:36px;
}

.servicesHighlights li:nth-child(3n-3) h3{
	padding-bottom:17px;
}

.servicesHighlights li:nth-child(5n-1) p:last-of-type {
	padding-top:14px;
}

.servicesHighlights li:nth-child(6n-6) h3 {
	padding-bottom:36px;
}

.servicesHighlights p{
	font-size:11px;
	margin-bottom:15px;
}

.servicesHighlights p:last-of-type{
	float:right;
	position:relative;
}

/*5- Services Page Styles*/

#servicesWrapper {
	
	margin-top:128px;
	width:960px;
	float:left;
	background-color:#FFF;
	position:relative;
}

#servicesWrapper h1{
	width:960px;
	float:left;
	line-height:60px;
	padding-left:40px;
	background: #83838f;
}

#servicesWrapper dl {
margin-right:20px;
	padding-left:40px;
	width:960;
	float:left;
	position:relative;
	height:1900px;
	
}

#servicesWrapper dt {
	margin-top:40px;
	margin-bottom:25px;
	height:50px;
	background: url(../images/bottom_line_services.png) repeat-x bottom;
	
}

#servicesWrapper ul {
	margin-top:20px;
	margin-left:-20px;
	
}


#servicesWrapper li {
	line-height:1.8;
	padding-left:20px;
	background:url(../images/bullet.png) left center no-repeat;
	
}

/*6- About Us Page Styles*/

#aboutusWrapper {
	
	margin-top:128px;
	width:960px;
	height:510px;
	float:left;
	background-color:#FFF;
	position:relative;
}


#aboutusWrapper h1{
	margin-bottom:40px;
	width:960px;
	float:left;
	line-height:60px;
	padding-left:560px;
	background: #83838f;
}

#aboutusWrapper p{
	padding-left:560px;
	line-height:1.4;
	margin-top:20px;
	margin-bottom:20px;
	margin-right: 20px;

}

#aboutusWrapper p:last-of-type{
	float:right;
}

#aboutusWrapper h2{
	padding-left:560px;
	margin-top:40px;

}

#aboutusWrapper h2 span{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;

}

/*Director Image */

.directorImg {
	width:532px;
	height:675px;
	left:0px;
	top:70px;
	position:absolute;
	background:url(../images/AboutUs_img.png?v=2) bottom no-repeat;
}


/*7- Links Page Styles*/

#linksWrapper {
	
	margin-top:128px;
	width:960px;
	height:700px;
	float:left;
	background-color:#FFF;
	position:relative;
}


#linksWrapper h1{
	margin-bottom:40px;
	width:960px;
	float:left;
	line-height:60px;
	padding-left:40px;
	background: #83838f;
}

#linksWrapper dl {
margin-right:20px;
	padding-left:40px;
	width:960;
	float:left;
	position:relative;
	height:1900px;
	
}

#linksWrapper dt {
	width:900px;
	padding-left:20px;
	margin-top:20px;
	margin-bottom:10px;
	height:50px;
	background: url(../images/bottom_line_services.png) repeat-x bottom, url(../images/bullet.png) left 5px no-repeat;	
}

#linksWrapper dt span {
	font-size:12px;	
	font-family:Arial, Helvetica, sans-serif;
}



#linksWrapper dt a:hover {
	color:#999;	
}

/*8- Contact Page Styles*/

#contactWrapper {
	height:750px;
	margin-top:128px;
	width:960px;
	float:left;
	background-color:#FFF;
	position:relative;
}


#contactWrapper h1{
	margin-bottom:40px;
	width:960px;
	float:left;
	line-height:60px;
	padding-left:40px;
	background: #83838f;
}

/*8.1-Contact Info*/

.contactInfo{
	width:410px;
	margin-left:40px;
	float:left;
	position:relative;
}

.contactInfo h2{
line-height:3;
background:url(../images/bottom_line_services.png) bottom repeat-x;
}

.contactInfo p{
	margin-top:20px;
}

.contactInfo ul{
	margin-left:-20px;
	margin-top:20px;
}

.contactInfo li{
	line-height:1.5;
	padding-left:20px;
	background:url(../images/bullet.png) left 5px no-repeat;
}

.contactInfo li a{
	color:#4b598f;
}

.contactInfo li a:hover{
	text-decoration:underline;
}

/*8.2- Contact Form*/

.contactForm{
	margin-top:45px;
	width:440px;
	margin-left:60px;
	float:left;
	position:relative;
}

.contactForm input[type=text]{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:10px;
	width:420px;
	height:20px;
	margin-bottom:15px;
	position:relative;
	background-color:#ececec;
	border:1px solid #4b598f;

}

.contactForm input[id="city"] {
	width: 308px;
}

.contactForm input[id="state"] {
	margin-left: 5px;
	width: 90px;
}

.contactForm input[id="postcode"] {
	width: 150px;
}

.contactForm input[id="phone"] {
	margin-left: 5px;
	width: 248px;
}

.contactForm textarea{
	padding-top:8px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:10px;
	width:420px;
	height:200px;
	margin-bottom:15px;
	float:left;
	position:relative;
		background-color:#ececec;
	border:1px solid #4b598f;

}
	
.contactForm p{
	margin-right:10px;
	float:right;
	margin-top: 21px;
}

/*9- Client Upload Page Styles*/

#clientWrapper {
	
	margin-top:128px;
	width:960px;
	height:670px;
	float:left;
	background-color:#FFF;
	position:relative;
}


#clientWrapper h1{
	margin-bottom:40px;
	width:960px;
	float:left;
	line-height:60px;
	padding-left:40px;
	background: #83838f;
}

/*9.1-Contact Info*/

.clientInfo{
	width:410px;
	margin-left:40px;
	float:left;
	position:relative;
}

.clientInfo h2{
line-height:3;
background:url(../images/bottom_line_services.png) bottom repeat-x;
}

.clientInfo p{
	margin-top:20px;
}

.clientInfo ul{
	margin-left:-20px;
	margin-top:20px;
}

.clientInfo li{
	line-height:1.5;
	padding-left:20px;
	background:url(../images/bullet.png) left 5px no-repeat;
}

.clientInfoo li a{
	color:#4b598f;
}

.clientInfo li a:hover{
	text-decoration:underline;
}

/*9.2- Client Form*/

.clientForm{
	margin-top:45px;
	width:440px;
	margin-left:40px;
	float:left;
	position:relative;
}

.clientForm input{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:10px;
	width:420px;
	height:20px;
	margin-bottom:15px;
	float:left;
	position:relative;
	background-color:#ececec;
	border:1px solid #4b598f;

}

input[type=checkbox]{
	cursor: pointer;
}

.clientForm input[type=submit]{
	border: none;
	background: url(../images/a_link_underline.jpg) bottom repeat-x;
	width: 60px;
	height: 30px;
}

.clientForm textarea{
	padding-top:8px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:10px;
	width:420px;
	height:200px;
	margin-bottom:15px;
	float:left;
	position:relative;
	background-color:#ececec;
	border:1px solid #4b598f;
}
	
.clientForm p{
	margin-right:10px;
	float:right;
}
/*Checkbox and selects styles*/

.question{
	width:200px;
	background:#FFF;
	float: left;
}

fieldset {
	border:none;
	float: left;
	width:170px;
	background:#FFF;
}

fieldset h3 {
	margin-left:-3px;
	margin-bottom:15px;
}

.contactForm fieldset p{
	float: none;
	margin-bottom: 10px;
	background:#FFF;
}

fieldset p input{
	background:#FFF !important;
}

fieldset p label{
	background:#FFF;
}

select{
	margin-left:08px;
	margin-top:10px;
	width:219px;
	position:relative;
}

select[name="aboutUs"]{
	margin-bottom:10px;
	margin-top:10px;
	float:left;
	position:relative;
}


textarea[id="aditionalInfo"]  {
	float:right;
	position:relative;
	width:205px;
	height:125px;
	margin-right:13px;
	margin-top:5px;
	left: -9px;
}

.submitBtn{
	left:372px;
	float:right;
	position:absolute;
}


/*10-Footer*/

footer {

	float:left;
	position:relative;
	width:960px;
	height:130px;
	background: url(../images/Footer_background.jpg) no-repeat;
}

footer ul{
	margin-top:10px;
	margin-left:397px;
	float:left;
	position:relative;
}

.footer-logo{
	position: absolute;
	top: 30px;
	left: 40px;
}

.contactDetails {
	margin-top:10px;
	margin-left:40px;
	float:left;
	position:relative;
}

footer li {
	margin-bottom:5px\9;
	*margin-bottom:5px;
}

.contactDetails p.cd-first {
	margin-bottom:8px;
	float: none;
	position:relative;

}

.contactDetails p.cd-last{
	margin-right:10px;

}

.contactDetails p {
	line-height:1.4;
	font-family:Arial, Helvetica, sans-serif;
	margin-right:20px;
	float:left;
	position:relative;
	color: #CCC;
	font-size:11px;
}

.contactDetails p.cd-last a{
	text-transform:lowercase;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

.placeholder
{
  color: #A9A9B7;
}

#loader{
	background: url("../images/ajax-loader.gif");
	width: 215px;
	height: 20px;
	float: right;
	margin-right: 7px;
	display:none;
}

.commthis{
	position: absolute;
top: 109px;
left: 40px;
color: white;
font-size: 8pt;
}
#testimonialsWrapper dt h2 span {
  font-size: 14px;
  color: #999;
  margin-left: 6px;
}

#testimonialsWrapper {
	
	margin-top:128px;
	width:960px;
	float:left;
	background-color:#FFF;
	position:relative;
}

#testimonialsWrapper h1{
	width:960px;
	float:left;
	line-height:60px;
	padding-left:40px;
	background: #83838f;
}

#testimonialsWrapper dl {
margin-right: 20px;
  padding-left: 40px;
  width: 920px;
  float: left;
  position: relative;
  height: 380px;
}

#testimonialsWrapper dt {
	margin-top:40px;
	margin-bottom:15px;
	height:50px;
	background: url(../images/bottom_line_services.png) repeat-x bottom;
	
}

#testimonialsWrapper ul {
	margin-top:20px;
	margin-left:-20px;
	
}


#testimonialsWrapper li {
	line-height:1.8;
	padding-left:20px;
	background:url(../images/bullet.png) left center no-repeat;
	
}