@charset "utf-8";
/* CSS Document */
@font-face {
 font-family: 'Conv_helr47w';
 src: url('../fonts/helr47w.eot');
 src: url('../fonts/helr47w.woff') format('woff'), url('../fonts/helr47w.ttf') format('truetype'), url('../fonts/helr47w.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'Conv_OpenSans-Bold_3';
 src: url('../fonts/OpenSans-Bold_3.eot');
 src: url('../fonts/OpenSans-Bold_3.woff') format('woff'), url('../fonts/OpenSans-Bold_3.ttf') format('truetype'), url('../fonts/OpenSans-Bold_3.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'Conv_OpenSans-Regular_3';
 src: url('../fonts/OpenSans-Regular_3.eot');
 src: url('../fonts/OpenSans-Regular_3.woff') format('woff'), url('../fonts/OpenSans-Regular_3.ttf') format('truetype'), url('../fonts/OpenSans-Regular_3.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'Conv_OpenSans-Semibold_3';
 src: url('../fonts/OpenSans-Semibold_3.eot');
 src: url('../fonts/OpenSans-Semibold_3.woff') format('woff'), url('../fonts/OpenSans-Semibold_3.ttf') format('truetype'), url('../fonts/OpenSans-Semibold_3.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
body {
	margin:0;
	padding:0;
	font:13px/18px Arial, Helvetica, sans-serif, "Open Sans";
	color:#858585;
	background:#FFF !important;
	border-top:3px solid #fd8231 !important;
}
h1, h2, h3 {
	color:#3a3a3c;
	font-size:20px;
	font-weight:bold;
}
P{
	clear:both;
}
/*ul {
	float:left;
	padding:0;
	margin:0;
	list-style:none;
}
li {
	float:left;
	display:block;
}*/
a {text-decoration:none;color:#ff6600 !important;}
a:hover {color:#000 !important;}
.clear {
	clear:both;
}
.wrapper {
	width:100%;
	margin:0 auto;
	padding:0;
}
.wrapper .top {
	width:990px;
	margin:0 auto;
	padding:0;
}
.wrapper .top .header {
	width:990px;
	margin:0 auto;
	padding:0;
	height:126px;
}
.logo {
	width:312px;
	height:71px;
	margin:40px 0 15px 8px;
	float:left;
}
.logo a {
	background:url(../images/logo.png) no-repeat;
	width:312px;
	height:71px;
	float:left;
}
.menu {
	margin:0;
	padding:0;
	float:right;
	font:15px Arial, Helvetica, sans-serif, "Open Sans";
	width:630px;
}
.menu ul {
	margin: 27px 0 15px;
	padding:0;
	float:left;
	font:15px Arial, Helvetica, sans-serif, "Open Sans";
	list-style-type:none;
	width:637px;
}
.menu ul li {
	float: left;
	list-style-type: none;
	margin: 0 14px;
}
.menu ul li a {
	color:#4e4e4e;
	text-decoration:none;
	font: 13px/33px Arial, Helvetica, sans-serif, "Open Sans";
	display:block;
}
.menu ul li:hover a, .menu ul li.current {
	color:#4e4e4e;
	border-bottom: 3px solid #fd8231;
	height:32px;
}
.wrapper .slidewrapper {
	width:100%;
	height:265px;
	background-color:#f5f5f5;
	margin-bottom:12px;
}
.wrapper .assbar {
	width:100%;
	height:15px;
	background-color:#f5f5f5;
	margin-bottom:12px;
}
.slider {
	width:990px;
	height:265px;
	margin:0 auto;
}
.line {
	border-bottom: 3px solid #FD8231;
	float: left;
	height: 16px;
	margin-right: 13px;
	width: 68px;
}
.slidertext {
	width:567px;
	height:223px;
	padding:7px 0 0 12px;
	float:left;/* margin-right:10px;*/
}
.slidertext h2 {
	font-family:'Conv_helr47w';
	font-size:30px;
	float:left;
	color:#fd8231;
	line-height:30px;
}
.slidertext h2 span {
	color:#5e5e5e;
	margin-top:5px;
}
.slidertext ul {
	margin-left:79px;
	list-style-type:none;
	margin-top:10px;
}
.slidertext ul li {
	color: #858585;
	font: 13px/20px Arial, Helvetica, sans-serif, "Open Sans";
	height: 81px;
	list-style-type: none;
	width: 439px;
}
.slidertext ul li input[type=button] {
	background-color: #ff6f0f;
	border:1px solid #ff6f0f;
	color: #FFFFFF;
	cursor: pointer;
	font-family:  Arial, Helvetica, sans-serif, "Open Sans";
	font-size: 20px;
	height: 47px;
	width:186px;
	margin-top:50px;
	text-indent: -16px;
}
input.arrow {
	background:url(../images/contact.png) no-repeat 150px center;
	width:23px;
	height:23px;
}
.content {
	width:990px;
	margin:0 auto;
	font: 13px/20px Arial,Helvetica,sans-serif,"Open Sans";
	min-height:386px;
	border-bottom:1px solid #ccc;
	padding-bottom:21px;
	clear:both;
	position:relative;
	color:#858585;
}
.content span.image img{margin:0 10px 10px 0;border-radius:10px;border:1px solid #ececec;}
.content .pageheadings{font: bold 16px/20px Arial,Helvetica,sans-serif,"Open Sans";bold;display:block;padding:0 0 6px;color:#000;}
.section1 {
	margin:0 28px 0 10px;
	font: 15px/20px Arial, Helvetica, sans-serif, "Open Sans";
	width:285px;
	height:265px;
	float:left;
	padding:0;
}
.section1 ul {
	list-style-type:none;
	float:left;
	min-height:100px;
}
.section1 ul li {
	width:285px;
	float:left;
	clear:both;
}
.section1 li.pic {
	background:url(../images/about.png) no-repeat left center;
	width:82px;
	height:81px;
	clear:both;
}
.section1 li h2 {
	font: 16px/20px Arial, Helvetica, sans-serif, "Open Sans";
	height: 30px;
	margin: 36px 0 0 93px;
	width: 191px;
	font-weight:bold;
}
.section1 li.text {
	font: 13px/20px Arial, Helvetica, sans-serif, "Open Sans";
	width:290px;
	float:left;
	margin-top:15px;
	color:#858585;
	clear:both;
	min-height:121px;
}
.section1 ul li input[type=button] {
	background-color: #ff6f0f;
	border:1px solid #ff6f0f;
	color: #FFFFFF;
	cursor: pointer;
	font-family:  Arial, Helvetica, sans-serif, "Open Sans";
	font-size: 14px;
	height: 30px;
	width:68px;
	text-align:center;
}
.section2 {
	margin:0 28px 0 10px;
	font: 15px/20px Arial, Helvetica, sans-serif, "Open Sans";
	width:285px;
	height:265px;
	float:left;
	padding:0;
}
.section2 ul {
	list-style-type:none;
	float:left;
	min-height:100px;
}
.section2 ul li {
	width:285px;
	float:left;
	clear:both;
	list-style:none;
}
.section2 li.pic {
	background:url(../images/services.png) no-repeat left center;
	width:82px;
	height:81px;
	clear:both;
}
.section2 li h2 {
	font: 16px/20px Arial, Helvetica, sans-serif, "Open Sans";
	height: 30px;
	margin: 36px 0 0 93px;
	width: 191px;
	font-weight:bold;
}
.section2 li.text {
	font: 13px/20px Arial, Helvetica, sans-serif, "Open Sans";
	width:280px;
	float:left;
	margin-top:15px;
	clear:both;
	color:#858585;
	min-height:121px;
}
.section2 ul li input[type=button] {
	background-color: #ff6f0f;
	border:1px solid #ff6f0f;
	color: #FFFFFF;
	cursor: pointer;
	font-family:  Arial, Helvetica, sans-serif, "Open Sans";
	font-size: 14px;
	height: 30px;
	width:68px;
	text-align:center;
}
.section3 {
	margin:0 28px 0 10px;
	font: 15px/20px Arial, Helvetica, sans-serif, "Open Sans";
	width:285px;
	height:265px;
	float:left;
	padding:0;
}
.section3 ul {
	list-style-type:none;
	float:left;
	min-height:100px;
}
.section3 ul li {
	width:285px;
	float:left;
	clear:both;
}
.section3 li.pic {
	background:url(../images/why.png) no-repeat left center;
	width:82px;
	height:81px;
	clear:both;
}
.section3 li h2 {
	font: 16px/20px Arial, Helvetica, sans-serif, "Open Sans";
	height: 30px;
	margin: 36px 0 0 93px;
	width: 191px;
	font-weight:bold;
}
.section3 li.text {
	font: 13px/20px Arial, Helvetica, sans-serif, "Open Sans";
	width:322px;
	float:left;
	margin-top:15px;
	color:#858585;
	clear:both;
	min-height:121px;
}
.section3 ul li input[type=button] {
	background-color: #ff6f0f;
	border:1px solid #ff6f0f;
	color: #FFFFFF;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif, "Open Sans";
	font-size: 14px;
	height: 30px;
	width:68px;
	text-align:center;
}
.twitterfeed {
	background:url(../images/twitterfeed.png) no-repeat;
	width:990px;
	height:317px;
	margin:0 auto;
}
.footerwrapper {
	width:100%;
	height:83px;
	background-color:#777777;
}
.footer {
	width:990px;
	height:83px;
	margin:0 auto;
	font: 12px/20px Arial, Helvetica, sans-serif, "Open Sans";
	color:#CCC;
}
.link { float:left;
	list-style-type:none;
	font: 12px/20px Arial, Helvetica, sans-serif, "Open Sans";
	color:#CCC;
	width:700px;
	margin:20px 0;
}
.social {
	float:right;
	list-style-type:none;
	width:176px;
	margin:20px 0 0 10px;
}
.social ul{
	list-style-type:none;	
}
.social ul li{ 
	list-style-type:none;
	margin-left:10px;
	width:10px;
	float:left;
}

.link a {
	color:#ccc !important;
	text-decoration:none;
}
.link a:hover {
	color:#fff;
	text-decoration:underline;
}
#nav {
	list-style:none;
	font-weight:bold;
	margin-bottom:0;
	/* Clear floats */
		float:right;
	
	/* Bring the nav above everything else--uncomment if needed.
		position:relative;
		z-index:5;
		*/
		width: 141px;
	z-index:50;
	position:relative;
}
#nav li {
	float:left;
	margin-right:0;
	position:relative;
}
#nav a.dark {
	display:block;
	color:#fff;
	background:#ff8533;
	text-decoration:none;
	display:block;
	width:33px;
	height:33px;
}
#nav a.dark:hover {
	display:block;
	color:#fff;
	background:#ffa366;
	text-decoration:none;
	display:block;
	width:33px;
	height:33px;
}
#nav a.light {
	display:block;
	color:#fff;
	background:#ffa366;
	text-decoration:none;
	display:block;
	width:33px;
	height:33px;
}
#nav a.light:hover {
	background:#ff8533;
	display:block;
	color:#fff;
	text-decoration:none;
	display:block;
	width:33px;
	height:33px;
}
#nav a:hover {
	color:#fff;
	background:#6b0c36;
	text-decoration:underline;
}
/*--- DROPDOWN ---*/
		#nav ul {
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:#ff8533; /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li {
	/*padding-top:1px; *//* Introducing a padding between the li and the a give the illusion spaced items */
		float:none;
}
#nav ul a {
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul { /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#nav li:hover a.light { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#ffa366;
	text-decoration:underline;
}
#nav li:hover a.dark { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#ff8533;
	text-decoration:underline;
}
#nav li:hover ul a { /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#nav li:hover ul li a.light:hover { /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#ff8533;
}
#nav li:hover ul li a.dark:hover { /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#ffa366;
}

.whoweare {
	margin:0 28px 0 10px;
	font: 15px/20px Arial, Helvetica, sans-serif, "Open Sans";
	width:900px;
	height:265px;
	float:left;
}
.whoweare ul {
	list-style-type:none;
	float:left;
	min-height:100px;
}
.whoweare ul li {
	width:900px;
	float:left;
}
.whoweare li.pic {
	background:url(../images/about.png) no-repeat left center;
	width:82px;
	height:81px;
}
.whoweare li h2 {
	font: 20px/20px Arial, Helvetica, sans-serif, "Open Sans";
	height: 30px;
	margin: 36px 0 0 93px;
	width: 250px;
	font-weight:bold;
}
.whoweare li.text {
	font: 13px/20px Arial, Helvetica, sans-serif, "Open Sans";
	width:900px;
	float:left;
	margin-top:15px;
	color:#858585;
}
.contactform{float:right; width:32%; position:absolute;top:0; right:0;display:none;}
.contactform .subject{width:20%;float:left;text-align:right;padding:0 0 1%;font-size:12px;}
.contactform .value{width:77%;float:right;padding:0 0 1%;}

.contactform .value input[type=text]{border:1px solid #CCC;width:100%;padding:2px;}
.contactform .value textarea{border:1px solid #CCC;width:100%;resize:none;padding:2px;}

.bulletedpoints{width:100%;padding:0;margin:0;}
.bulletedpoints li{list-style-type:disc !important;padding:0 0 6px;margin:0 0 0 27px;}