@import url("/css/default.css");
@import url("/css/webfonts.css");

img#hidecross,img#shownav{display:none}

body{margin:0;text-align:center;font-family:'TeXGyreAdventorRegular',Arial,Helvetica,sans-serif;background:url(../images/backgrounds/background1.jpg) top center no-repeat fixed #fff}

#wrap{width:100%;margin:0 auto;text-align:left;}


#footer{width:100%;margin:0 auto;background:#fff;position:fixed; height:57px;bottom:0;}
#footer:after,#footerright:after{clear:both;content:".";display:block;height:0;visibility:hidden}
#navigation { float:left; margin-left:4%; position:absolute;margin-top:23px;}
#navigation ul { margin:0; padding:0; display:block;background:#fff; }
#navigation ul li { float:left; text-transform:uppercase; font-size:1.4em;}
#navigation ul li a { color:#666; padding:20px 15px 20px 15px; text-decoration:none;}
#navigation ul li a:hover,#navigation ul li a.on { background:#666; color:#fff;}

#footerright { float:right; margin-right:4%; background:url(/images/page/footer.png) right no-repeat;min-height:40px; padding:15px 40px 0 0;}
#footerright p { margin:0; padding:0 0 5px 0; text-align:right; float:right;clear:both; color:#666}
#footerright p a { color:#666; text-decoration:none;}

#homelogo { background:url(/images/page/white.png); margin-top:5%; padding:2% 4% 2% 4%; width:15%; float:left; min-width:170px; }
#homelogo img { width:100%;}
.homeblock { width:58%; margin-left:2%; float:left; margin-top:5%;}
#content .homeblock h2	{ font-size:3em; color:#fff; line-height:1.3em; margin-bottom:20px;}
#content .homeblock p { margin:0; padding:0px 0 0 0;font-size:2em;}
#content  .homeblock p a { color:#fff; padding:10px 80px 15px 10px; line-height:2.4em;text-decoration:none; background:url(/images/page/arrow.png) right no-repeat #78294A;}

#block2.homeblock p a { color:#fff; padding:10px 80px 10px 10px; text-decoration:none; background:url(/images/page/arrow.png) right no-repeat #41899A;}
#block3.homeblock p a { color:#fff; padding:10px 80px 10px 10px; text-decoration:none; background:url(/images/page/arrow.png) right no-repeat #4F4F4F;}
#block4.homeblock p a { color:#fff; padding:10px 80px 10px 10px; text-decoration:none; background:url(/images/page/arrow.png) right no-repeat #B4A91C;}
.homeblock { display:none;}
#block1.homeblock { display:block;}

#whoblock,#whatblock { width:75%; float:left; position: fixed; bottom:57px; background:url(/images/page/black.png); padding:2% 0 2% 4%;}
#whatblock :after{clear:both;content:".";display:block;height:0;visibility:hidden}
#whatblock #whatleft { float:left; width:30%;}
#whatblock .serviceblock { float:left; width:32%; padding-left:3%}
#whatblock .serviceblock h2 { border-bottom:1px solid #fff; padding-bottom:7px;}
#content h1 { color:#fff; font-size:3em; margin-bottom:15px;}
#content h2 { color:#fff; font-size:2em; margin-bottom:5px; line-height:1.2em; text-transform:uppercase}
#content h3 { color:#fff; font-size:1.6em; margin-bottom:5px;}
#content p { font-size:1.4em; color:#fff; line-height:1.3em;}
#content p a { color:#fff; text-decoration:none; font-weight:bold;}
#content ul { display:block;margin-right:5%}
#content ul li { font-size:1.4em; color:#fff; line-height:1.3em; list-style: square; margin-left:20px; padding:4px 0 4px 0;}

.who			{ width:48%; margin: 2% 2% 0 0%; float:left;}
.who .whotop	{ width:100%;}
.who .whotop img { float:left; width:35%; margin-right:10px; border:2px solid #fff;}
.who .whotop p { margin:0; padding-bottom:5px;}
.who .whotop p span { color:#fff; font-weight:bold;}
.who .whobottom { clear:both; padding-top:10px;}

#formright { float:left; width:46%;}
form						{ padding:0%;width:auto;margin-bottom:10px; float:left;width:46%; margin-right:4%}
label						{ color:#fff; font-weight:normal; width:100%; padding:7px 0px 5px 0; line-height:1.4em; text-align:left;}
input, select, textarea 	{ border:1px solid #ccc; font-size:1em; width:90%; padding:10px 2% 10px 2%; color:#333;  background-color:#FFF; border-radius:3px; -moz-box-shadow: inset 0 3px 8px rgba(51,51,51,.3); -webkit-box-shadow: inset 0 3px 8px rgba(51,51,51,.3);box-shadow: inset 0 3px 8px rgba(51,51,51,.24);}
form input.check			{ position:relative;margin-top:12px; float:left; margin-bottom:30px;}
select 						{ width:273px; padding:5px 2px 5px 2px; height:35px; font-size:14px}
form .submit				{ width:auto; min-width:270px; font-size:1.4em; margin-left:0px; padding:12px 20px; text-align:left;  background:url(/images/page/arrow.png) right no-repeat #78294A; color:#fff  text-align:center;font-weight:normal; text-transform:uppercase;border:0;-webkit-appearance: none;-moz-appearance:none; }
form .textLeft2 input						{ border:0; color: #F00; width:30px;}
form input.check2							{ float:left; width:15px; margin:8px 5px 0 0;}
form label.checker							{ padding-top:1px; width:75px;}
form hr										{ margin:10px 0 5px 0;}
label.leftExp								{ margin-left:0; text-align:left;}
form em.rightExp							{ margin-left:165px;}
form em.leftExp								{ margin-left:20px; text-align:left; padding-top:12px; display:block}
#content form p								{ margin-bottom:10px; margin-right:0; padding-right:0; font-size:1.2em;}
#content form p .highlight					{ color:#F00; background:none}
#content form h3							{ margin-bottom:20px; color:#fff; }
.newsletterSignup							{ padding-top:5px; display:block; color:#fff;}



@media screen and (max-width:769px) {
	body{margin:0;text-align:center;font-family:'TeXGyreAdventorRegular',Arial,Helvetica,sans-serif;background:url(../images/backgrounds/background1.jpg) top left no-repeat fixed #fff}
img#shownav									{ display:block;width:100px; margin:0px auto 0; float:none; top:15px; position: absolute; left:4%;  cursor:pointer; z-index:9999999999;}
img#hidecross								{ width:8%; left:50%; margin-left:-4%;top:10px;display:none;position: fixed; cursor:pointer;z-index:9999999999; }
#wrap { overflow:hidden;}

#navigation									{ z-index:9999999; text-align:center; width:100%; background:#fff; border-bottom:2px solid #666; position:fixed;left:0; top:0; display:none; min-height:20px; width:100%; padding:0 0 20px 0; margin:0;}
#navigation ul								{ margin:80px auto 0; display:block; width:100%; position:relative; padding:0; }
#navigation ul li							{ float:none; background:none; clear:both; font-size:1.7em; margin:0px; line-height:1em; display:block; padding:0;}
#navigation ul li a							{ text-decoration:none; color:#666; display:block; padding:15px 7px 15px 0px;  border-bottom:1px solid #ccc;line-height:1.2em; margin-bottom:0px; }
#navigation ul li a:hover					{ background:#666; color:#fff;}
#navigation ul li a.on 						{ background:#666; color:#fff;}


#content .homeblock h2	{ font-size:2em;}
#content { padding-bottom:70px;}
#whoblock,#whatblock { width:82%; float:left; position: relative; bottom:0px; background:url(/images/page/black.png); padding:2% 4% 2% 4%;}
#whatblock #whatleft { float:left; width:100%;}
#whatblock .serviceblock { float:left; width:46%; padding-left:0%; padding-right:4%;}
#content ul { display:block; width:92%; clear:both; margin:0%;  float:left;}

.who			{ width:92%; margin: 2% 2% 0 4%; float:left;}
.who .whotop	{ width:100%;}
.who .whotop img { float:left; width:35%; margin-right:10px; border:2px solid #fff;}
#content .who .whotop h1 { clear:both; padding-top:10px;}
#content .who .whotop p { margin-bottom:2px;}
.who .whotop p span { color:#fff; font-weight:bold;}
.who .whobottom { clear:both; padding-top:10px;}
#formright { float:left; width:100%; padding-left:0%;}
form						{ padding:0%;width:auto;margin-bottom:10px; float:left;width:92%; margin-right:0%}
#footerright p { font-size:1.1em;}
	
}

@media screen and (max-width:481px) {
.homeblock { width:90%; margin-left:4%; float:left; margin-top:5%;}	
#homelogo { background:url(/images/page/white.png); margin-top:5%; padding:2% 4% 2% 4%; width:10%; float:left; min-width:140px; }
#whatblock .serviceblock { float:none; clear:both;width:100%; padding-left:0%; padding-right:0%; margin-top:20px;}


	
}