@font-face{font-family:'Open Sans';src:url(fonts/OpenSans-Regular.ttf);}
*{margin:0;padding:0;font-family:'Open Sans',Verdana,Arial,sans-serif;cursor:default;}
:focus{outline:0;}::-moz-focus-inner{border:0;}
html,body{height:100%;}
body{font-size:90%;}

a,a * {color:#00F;text-decoration:underline;cursor:pointer;}
a:hover, a:focus {color:#F00;text-decoration:none;}
a:focus {outline:1px #000 dashed;}
a:active{color:#444;outline:0;}
a img {border:0;}

hr.clear{visibility:hidden;}
.clear{clear:both;}
p{color:#1C1C1C;cursor:text;}

ul,ol{padding-left:34px;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
blockquote:before,blockquote:after{content:'';content:none;}



form {margin:30px 0;color:#1C1C1C;}
form fieldset {border:0;}
form fieldset legend {display:none;}
form fieldset div {margin:8px;position:relative;}
form fieldset div label {padding:4px;font-size:15px;cursor:pointer;}

form fieldset div label,
form fieldset div input.txt,
form fieldset div textarea {display:block;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

form fieldset div input.txt,
form fieldset div textarea {padding:5px;font-size:15px;font-family:'Open Sans', sans-serif;border:1px #E1E1E1 solid;cursor:text;box-shadow:0px 1px 4px 0px #777;-moz-box-shadow:0px 1px 4px 0px #777;}

form fieldset div input.txt {}
form fieldset div textarea {height:130px;resize:none;}

form fieldset div input.btn {padding:7px 10px;font-size:16px;color:#FFF;font-weight:bold;border:0;background:#5AB70E;cursor:pointer;transition:background 0.25s;-moz-transition:background 0.25s;-webkit-transition:background 0.25s;-o-transition:background 0.25s;}
form fieldset div input.btn:focus,
form fieldset div input.btn:hover {background:#7BEE1E;}
form fieldset div input.btn:active {background:#3F7E0A;}
form fieldset div input.submit {float:right;}








#container{margin:0 auto;width:980px;height:auto !important;height:100%;min-height:100%;}
	#container,
	#body,
	#header,
	#footer {position:relative;}

	#body{padding-bottom:200px;}
	#footer{margin-top:-200px;min-width:980px;}

#header{top:38px;height:333px;border-top:7px #222371 solid;border-bottom:7px #222371 solid;background:#E2E0E1 url(img/keyboard.jpg) no-repeat;}



	#header hgroup {position:absolute;top:24px;left:15px;}
		#header hgroup h1,
		#header hgroup h2 {margin-bottom:10px;padding:0px;width:333px;color:#0088CB;text-align:center;font-family:impact,sans-serif;font-weight:normal;background:#FFF;}
	#header hgroup h1 {font-size:58px;color:#222371;}
	#header hgroup h2 {padding:2px 0px;font-size:26px;}

#header_contact_details {position:absolute;display:block;top:72px;right:60px;width:222px;height:135px;font-size:28px;background:#FFF;}
#header_contact_details strong {font-weight:normal;}
#header_contact_details p {padding:2px;font-family:impact,sans-serif;line-height:32px;text-align:center;}
#header_contact_details p a {font:inherit;color:inherit;text-decoration:none;}

#header_contact_details:before {display:block;position:absolute;top:-45px;left:-35px;width:78px;height:82px;background:url(img/phone.png) no-repeat;content:'';}

form fieldset div input.btn,
#header hgroup h1,
#header hgroup h2,
#header_contact_details,
.content-box {box-shadow:0px 1px 4px #777;-moz-box-shadow:0px 1px 4px #777;}



#nav {position:absolute;right:68px;bottom:35px;}
#nav ul {list-style:none;padding:0;}
#nav ul li {float:left;margin-left:8px;}
#nav ul:hover li.cur a,
#nav ul li a {display:block;padding:5px 7px;font-size:13px;color:#000;font-family:'Open Sans',sans-serif;font-weight:bold;text-decoration:none;text-transform:uppercase;background:#FFF;box-shadow:0px 1px 4px #333;-moz-box-shadow:0px 1px 4px #333;transition:color 0.25s,background 0.25s;-moz-transition:color 0.25s,background 0.25s;-webkit-transition:color 0.25s,background 0.25s;-o-transition:color 0.25s,background 0.25s;}


#nav ul li.cur a,
#nav ul li.cur a:hover,
#nav ul li.cur a:focus,
#nav ul li a:hover,
#nav ul li a:focus {color:#FFF;background:#B8D470;outline:0;}








/*style for content spanning over all pages*/
	#content {height:auto !important;height:400px;min-height:400px;}
	
		.content-box {position:relative;margin:10px auto 20px auto;padding:10px;width:828px;background:#FFF;}
		.content-box-home {float:left;margin:80px 0px 50px 100px;width:350px;border:5px #EFEFEF solid;}
		.tab h1,
		.content-box-home strong {font-size:26px;}
		.content-box-home li {margin:12px 0;}
		.content-box-home2 {float:left;margin:110px 0px 0px 100px;width:310px;height:310px;}

		.tab h1,
		strong {font-family:impact,sans-serif;text-transform:uppercase;text-align:left;color:#222371;}/*#B8D470*/


/*about us cols*/
	.about-col{float:left;width:48%;}
		#pageid_about .about-col h1,
		#pageid_about .about-col strong {display:block;position:relative;top:5px;font-size:28px;text-align:left;}
		#pageid_about .about-col p {padding:8px 0;line-height:26px;}
		#pageid_about .content-box {text-align:center;}
		#pageid_about .content-box p {text-align:left;font-size:20px;}
		#pageid_about .content-box img {margin:18px 0;}


/*contact form colums*/
	.contact-col1{float:left;margin-left:20px;width:270px;}
		.contact-col1 p{font-size:15px;line-height:20px;}
			.contact-col1 h1{font-size:32px;font-weight:normal;line-height:80px;}
	.contact-col2{float:left;margin:0;width:530px;}
		#pageid_contact .contact-col1 img {margin-top:20px;}
		#pageid_contact span.send_message {position:absolute;top:2px;left:10px;width:280px;height:34px;font-size:22px;white-space:nowrap;}


.contact-col1 a {text-decoration:none;}

.loading {
float:left;
margin:2px;
margin-right:8px;
display:block;
width:28px;
height:28px;
background:url(img/ajax-loader.gif) no-repeat center center;
}


#mapcontainer {position:relative;margin-top:10px;height:320px;background:#FF9;}
#mapcontainer a {position:absolute;bottom:5px;left:75px;padding:5px 10px;color:#0000FF;}
#mapcontainer a:focus,
#mapcontainer a:hover {color:#900;}


/*5px rounded borders*/
	form fieldset div input.txt,
	form fieldset div input.btn,
	form fieldset div textarea,
	#header hgroup h1,
	#header hgroup h2,
	#header_contact_details,
	#nav ul li a,
	.content-box {border-radius:5px;-moz-border-radius:5px;}



/*Footer things*/
#footer {overflow:hidden;}
#footer address {position:relative;margin:20px 0;font-style:normal;height:130px;border-top:3px #3C7A09 solid;border-bottom:3px #3C7A09 solid;background:#B3DB93;}
#footer div.containerfablike {position:absolute;top:65px;right:50px;width:120px;height:40px;z-index:2;}
#footer div.containerfablike a {display:block;padding:5px;width:110px;height:30px;text-decoration:none;color:#1C1C1C;font-size:20px;}
#footer div.containerfablike a img {float:right;margin:-1px 5px 0 0;}

/*the strong and small tags in the footer are both responsible for the extra 1px border*/
#footer address strong,
#footer address small {display:block;width:100%;color:#222;}
#footer address strong {padding-top:28px;font-size:52px;font-weight:normal;letter-spacing:-1px;text-indent:40px;border-top:1px #D9EDC9 solid;text-shadow:-1px 1px 0px #D9EAD5;}
#footer address small {position:absolute;bottom:0px;padding-bottom:2px;text-align:center;font-size:10px;border-bottom:1px #536B41 solid;}

#footer address {background:#bade9d;background:-moz-linear-gradient(top,#bade9d 0%,#a6d581 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#bade9d),color-stop(100%,#a6d581));background:-webkit-linear-gradient(top,#bade9d 0%,#a6d581 100%);background:-o-linear-gradient(top,#bade9d 0%,#a6d581 100%);background:-ms-linear-gradient(top,#bade9d 0%,#a6d581 100%);background:linear-gradient(to bottom,#bade9d 0%,#a6d581 100%);box-shadow:0px 0px 6px #555;-moz-box-shadow:0px 0px 6px #555;}




@media screen and (max-width: 640px) {
	* {float:none !important;}
	form fieldset div {margin:4px;}
	
	#container,
	#footer {overflow:visible;width:auto;min-width:auto;}
	
	#header {width:auto;border:0;background-color:#FFF;background-image:none;}
	
	#header,
	#header hgroup,
	#header_contact_details,
	#footer div.containerfablike,
	#nav {position:static;}
	
	.content-box,
	.content-box-home,
	.content-box-home2,
	.contact-col2{margin:0px !important;width:auto;}
	
	
	
	#header_contact_details {margin:10px auto;}
	
	
	
	#header hgroup h1,
	#header hgroup h2 {margin:0;width:auto;text-align:left;}
	#header hgroup h1 {font-size:34px;}
	#header hgroup h2 {font-size:22px;}
	#header_contact_details:before {display:none;}
	
	#footer div.containerfablike {margin:10px auto;margin-top:30px;}
	#footer address strong {display:block;padding:0;text-align:center;line-height:18px;}
	
	#footer address strong,
	#footer address small {border:0;}
	#footer address {height:80px;border:0;background:none;box-shadow:none;-moz-box-shadow:none;}
	
}