﻿html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background: #292929 url(images/wrapper-bg-home.jpg) repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #5B5B5B;
}

h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font-family: 'Maven Pro', sans-serif;
	font-weight: 400;
}

p, ol, ul {
	margin-top: 0px;
}

p, ol {
}

strong {
}

a {
	color: #426498;
}

a:hover {
	text-decoration: none;
}

a img {
	border-right-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

img.border {
}

img.alignleft {
	float: left;
}

img.alignright {
	float: right;
}

img.aligncenter {
	margin: 0px auto;
}

hr {
	display: none;
}

/** WRAPPER */

#wrapper {
	overflow: hidden;
	padding-top: 0px;
	background: #FFFFFF url(images/wrapper-bg-home.jpg) repeat;
}

.home #wrapper {
	background-image: url(images/wrapper-bg-home.jpg);
}

#content-wrapper {
	overflow: hidden;
	width: 963px;
	padding: 0px 19px 50px 18px;
	background: #FFFFFF;
	border-radius: 10px 10px 0px 0px;
	border-right-width: 75px;
}

.container {
	width: 1000px;
	margin: 0px auto;
}

.clearfix {
	clear: both;
}

/** HEADER */

#header-wrapper {
}


#header {
	overflow: hidden;
	height: 125px;
	padding: 0 0 0 0;
}

#headersummer {
	overflow: hidden;
	height: 212px;
	padding: 0 0 0 0;
}

/** LOGO */

#logo {
	float: left;
	width: 550px;
	height: 125px;
}

#logosummer {
	float: left;
	width: 620px;
	height: 212px;
}

#logo h1, #logo p {
	margin: 0px;
	line-height: normal;
}

#logo h1 a {
	display: block;
	
	letter-spacing: -3px;
	text-decoration: none;
	font-size: 36px;
	color: #303030;
}

/** CONTACT */

#search {
	float: right;
	width: 350px;
	padding-top: 5px;
	text-align: right;
}

#searchsummer {
	float: right;
	width: 330px;
	padding-top: 5px;
	text-align: left;
}

#contact .call {
	padding-right: 8px;
	letter-spacing: -1px;
	font-size: 20px;
	color: #9A9A9A;
}

#contact .phone {
	letter-spacing: -2px;
	font-size: 30px;
	color: #91C83E;
	position: relative;
	top: 2px;
}

/** MENU */

#survey2 {
 	overflow: hidden;
	align: center;
	margin-top: 30px;
	width: 963px;
	height: 50px;
	border-radius: 5px;
	background: url(images/brochurbar.png);
	}

#menu-wrapper {
	overflow: hidden;
	width: 963px;
	height: 60px;
	border-radius: 5px;
	background: #426498;
}

#menu {
	width: 963px;
	margin: 0px;
	padding: 0px;
	list-style:  none;
	line-height: 60px;
	letter-spacing: -1px;
	text-decoration: none;
	font-family: 'Maven Pro', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
	padding: 0px 15px;
}

#menu a {
	display: block;
	float: left;
	text-decoration: none;
	color: #FFFFFF;
}

#menu a:hover {
	text-decoration: underline;
}

#menu li span {
	display: inline-block;
	height: 60px;
}

#menu .arrow {
	background: url(images/menu-icon-arrow-bg.png) no-repeat right 30px;
	padding-right: 20px;
	margin-right: 20px;
}

/** DROPOTRON */

.dropotron li.opener {
}

.dropotron {
	width: 192px;
	padding: 10px 0 10px 0;
	background: url(images/dropotron-menu-bg.png) no-repeat left bottom;
	letter-spacing: -1px;
	list-style: none;
	font-size: 16px;
	font-family: 'Maven Pro', sans-serif;
	font-weight: 400;
	color: #FFFFFF;
}

.dropotron a {
	text-decoration: none;
	color: #FFFFFF;
}

.dropotron li {
	height: 40px;
	padding: 0px 20px;
	line-height: 40px;
	color: #FFFFFF;
}

.dropotron li:hover {
	background: #324B72;
}

.dropotron li:hover > a, .dropotron li:hover > span {
	color: #FFFFFF;
}

.dropotron li .arrow {
}

.dropotron span {
	display: block;
	margin-right: -1px;
}

.dropotron li:hover > span {
}

.dropotron .first {
	border-top: none;
}

/** PAGE */

#page {
	overflow: hidden;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 60px;
}

#pagesummer {
	overflow: hidden;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.home #page
{
	padding-left: 0px;
	padding-right: 0px;
}

/** CONTENT */

#content {
	float: right;
	position:relative
	width: 600px;
}

#contentsummer {
	float: right;
	width: 650px;
	height: 6350px;
}


#content1a {
	float: right;
	width: 675px;
}

#content1 {
	float: right;
	width: 520px;
}


.two-column2 #content {
	float: right;
}

.two-column2 #content1a {
	float: right;
	
}

.two-column2 #content1a {
	float: right;
	width: 575px;
	
}

/** SIDEBAR */

#sidebar {
	float: left;
	width: 275px;
}

#sidebar1 {
	float: left;
	width: 350px;
}

#sidebar1a {
	float: left;
	width: 200px;
}

.two-column2 #sidebar {
	float: left;
}

/** FOOTER */
#footer-wrapper {
	overflow:hidden;
	padding: 0px;
	 }
	 
#footer {
	overflow: hidden;
	height: 155px; width: 1000px;
	border-radius: 0px 0px 10px 10px;
	padding: 0px; 
	background: url(images/body-bg.png) repeat;
}

#footer p {
	margin: 0px;
	text-align: center;
	color: #FFFFFF;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#footer-content-bg {
	overflow: hidden;
	background: url(images/footer-content-bg.png) repeat;
}

#footer-content-bgtop {
	overflow: hidden;
	padding: 40px 0px;
	background: url(images/footer-content-top-bg.png) repeat-x left top;
}

#footer-content {
	width: 960px;
	margin: 0px auto;
	color: #AFAFAF;
}

#footer-content h2 {
	padding-bottom: 25px;
	letter-spacing: -2px;
	font-size: 24px;
	color: #FFFFFF;
}

#footer-content #fbox1 {
	float: left;
	width: 450px;
	padding-right: 10px;
}

#footer-content #fbox1 .colA, #footer-content #fbox1 .colB {
	float: left;
	width: 220px;
}

#footer-content #fbox2 {
	float: left;
	width: 200px;
}

#footer-content #fbox3 {
	float: right;
	width: 250px;
}

/** THREE COLUMNS */

#three-columns {
}

#three-columns #column1 {
	float: left;
	width: 570px;
	padding: 0px;
}

#three-columns #column2 {
	float: left;
	width: 10px;
}

#three-columns #column3 {
	float: right;
	width: 240px;
}

#three-columns #column1a{
     float: none;
	 width: 900px;
	 }
	

/** BOX 1 */

#box1 {
	margin-bottom: 20px;
}

/** BOX 2 */

#box2 {
}

ul.style1 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.style1 li {
	padding-left: 15px;
	padding-bottom: 12px;
	background: url(images/list-icon-bg.png) no-repeat left 4px;
}

ul.style1 a {
	text-decoration: none;
	color: #AFAFAF;
	font-size: 16px;
}

ul.style1 a:hover {
	text-decoration: underline;
	color: #AFAFAF;
	font-size: 16px;
}

ul.style2 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.style2 li {
	padding-bottom: 6px;
}

ul.style2 h3 {
	margin: 0px;
	padding: 3px 0px 5px 0px;
	font-weight: bold;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

ul.style2 img {
	float: left;
	margin-right: 20px;
}


ul.style3 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.style3 li {
	line-height: 160%;
	padding: 28px 0px 28px 0px;
}

ul.style3 a {
	text-decoration: none;
	color: #5B5B5B;
}

ul.style3 a:hover {
	text-decoration: underline;
}

ul.style3 span {
	margin-top: 10px;
}

ul.style3 span a {
	display: inline-block;
	float: left;
	width: 60px;
	height: 38px;
	margin-right: 20px;
	background: #426498;
	border-radius: 5px;
	line-height: 38px;
	letter-spacing: -1px;
	text-align: center;
	text-decoration: none;
	font-family: 'Maven Pro', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
}

ul.style3 span a:hover {
	text-decoration: none;
}


ul.style3 .first {
	padding-top: 0px;
}

/** IMAGE BORDER STYLE 1 */

.image-style1 {
	position: relative;
	float: left;
	width: 54px;
	height: 51px;
	margin-right: 20px;
}

.image-style1 span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.image-style1 img {
	position: absolute;
	top: 0;
	left: 0;
}

.image-style1a span {
	background: url(images/footer-img-border-bg-01.png) no-repeat left top;
}

/** IMAGE BORDER STYLE 2 */

.image-style2 {
	position: relative;
	width: 300px;
	height: 68px;
	margin-bottom: 15px;
}

.image-style2 span {
	position: absolute;
	top: 36px;
	left: -1px;
	width: 100%;
	height: 68px;
}

.image-style2 img {
	position: absolute;
	top: 0;
	left: 0;
}

.image-style2a span {
	background: url(images/image-border-bg.png) no-repeat left top;
}

/** IMAGE BORDER STYLE 3 */

.image-style3 {
	position: relative;
	width: 300px;
	height: 108px;
	margin-bottom: 20px;
}

.image-style3 span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.image-style3 img {
	position: absolute;
	top: 0;
	left: 0;
}

.image-style3a span {
	background: url(images/content-image-border.png) no-repeat left top;
}

/** IMAGE BORDER STYLE 1 */

.image-style4 {
	position: relative;
	float: left;
	width: 202px;
	height: 138px;
	margin-right: 30px;
}

.image-style4 span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.image-style4 img {
	position: absolute;
	top: 0;
	left: 0;
	padding-right: 20px;
}

.image-style4a span {
	background: url(images/sub-image-border-bg.png) no-repeat left top;
}

/** IMAGE BORDER STYLE 5 */

.image-style5 {
	position: relative;
	width: 240px;
	height: 323px;
}

.image-style5 span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.image-style5 img {
	position: absolute;
	top: 0;
	left: 0;
}

.image-style5a span {
	background: url(images/banner-image-border-bg.png) no-repeat left top;
}

.caption {
	position: absolute;
	width: 240px;
	height: 73px;
	background: red;
	top: 0;
	left: 0;
}

.link-style1 {
	display: inline-block;
	float: right;
	width: 240px;
	height: 38px;
	margin-top: 15px;
	background: #426498;
	border-radius: 5px;
	line-height: 38px;
	text-align: center;
	text-decoration: none;
	font-family: 'Maven Pro', sans-serif;
	font-size: 24px;
	font-weight: 400;
	color: #FFFFFF;
}

.link-style2 {
	display: inline-block;
	width: 200px;
	height: 100px;
	margin-top: 10px;
	background: #426498;
	border-radius: 5px;
	line-height: 100px;
	text-align: center;
	text-decoration: none;
	font-family: 'Maven Pro', sans-serif;
	font-size: 24px;
	font-weight: 400;
	color: #FFFFFF;
}
.link-style2a {
	display: inline-block;
	width: 175px;
	height: 38px;
	margin-top: 10px;
	background: #91C83E;
	border-radius: 5px;
	line-height: 38px;
	text-align: center;
	text-decoration: none;
	font-family: 'Maven Pro', sans-serif;
	font-size: 24px;
	font-weight: 400;
	color: #FFFFFF;
	padding: 0px 50px 0px 0px;
}

.link-style2b {
	display: inline-block;
	width: 175px;
	height: 38px;
	margin-top: 10px;
	background: #426498;
	border-radius: 5px;
	line-height: 38px;
	text-align: center;
	text-decoration: none;
	font-family: 'Maven Pro', sans-serif;
	font-size: 24px;
	font-weight: 400;
	color: #FFFFFF;
}

.link-style3  {
   text-decoration: none;
	font-family: 'Maven Pro', sans-serif;
	font-size: 24px;
	font-weight: 400;
	color: #FFFFFF;
	}  
.title {
	padding: 0px 0px 30px 0px;
	letter-spacing: -2px;
	font-size: 24px;
	color: #292929;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}


#banner {
	overflow: hidden;
	margin-top: 30px;
}

#banner ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#banner li {
	float: left;
	margin-left: 1px;
}

#banner .first {
	margin-left: 0px;
}

#cbox1 {
}

#cbox1 .heading {
	background: url(images/caption-title-bg-01.png) no-repeat left top;
}

#cbox1 .box-overlay {
	background: url(images/box-overlay-bg-01.png) repeat;
}

#cbox2 .heading {
	background: url(images/caption-title-bg-02.png) no-repeat left top;
}

#cbox2 .box-overlay {
	background: url(images/box-overlay-bg-02.png) repeat;
}

#cbox2 .link-style2 {
	background: #5F8FCB;
}

#cbox3 {
}

#cbox3 .heading {
	background: url(images/caption-title-bg-03.png) no-repeat left top;
}

#cbox3 .box-overlay {
	background: url(images/box-overlay-bg-03.png) repeat;
}

#cbox3 .link-style2 {
	background: #75BFE6;
}

#cbox4 {
}

#cbox4 .heading {
	background: url(images/caption-title-bg-04.png) no-repeat left top;
}

#cbox4 .box-overlay {
	background: url(images/box-overlay-bg-04.png) repeat;
}

#cbox4 .link-style2 {
	background: #91C83E;
}

.box {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	width: 240px;
	height: 323px;
}

/* Webkit bug fix: Webkit currently doesn't respect combining border-radius/overflow hidden */
.box .rctl { position: absolute; top: 0; left: 0; width: 10px; height: 10px; border-top-left-radius: 10px; box-shadow: -5px -5px 0px 5px #ffffff; z-index: 2; }
.box .rctr { position: absolute; top: 0; right: 0; width: 10px; height: 10px; border-top-right-radius: 10px; box-shadow: 5px -5px 0px 5px #ffffff; z-index: 2; }
.box .rcbl { position: absolute; bottom: 0; left: 0; width: 10px; height: 10px; border-bottom-left-radius: 10px; box-shadow: -5px 5px 0px 5px #ffffff; z-index: 2; }
.box .rcbr { position: absolute; bottom: 0; right: 0; width: 10px; height: 10px; border-bottom-right-radius: 10px; box-shadow: 5px 5px 0px 5px #ffffff; z-index: 2; }

.box .heading {
	position: absolute;
	width: 240px;
	height: 73px;
	bottom: 0;
	left: 0;
	text-align: center;
}

.box .heading a {
	display: block;
	padding-top: 30px;
	text-decoration: none;
	letter-spacing: -2px;
	text-align: center;
	font-family: 'Maven Pro', sans-serif;
	font-size: 24px;
	color: #FFFFFF;
}

.box-overlay {
	position: absolute;
	top: 260px;
	left: -1px;
	z-index: 1;
	width: 240px;
	height: 323px;
	background: url(images/box-overlay-bg-02.png) repeat left 20px;
	border-radius: 10px;
}

.box-overlay p {
	text-align: center;
	color: #FFFFFF;
	cursor: default;
}

.box-overlay .content {
	padding: 0px 30px;
}

.box-overlay .heading {
	display: block;
	height: 60px;
	padding-top: 28px;
	text-decoration: none;
	letter-spacing: -2px;
	text-align: center;
	font-family: 'Maven Pro', sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	position: relative;
	top: -13px;
}
