
html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background: #292929 url(images/wrapper-bg.png) 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;
}

h4 {
	margin: 0px;
	padding: 0px;
	font-family: 'Maven Pro', sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#FFFFFF;


}

.text_add {
	margin: 0px;
	padding: 0px;
	font-family: 'Maven Pro', sans-serif;
	font-size: 11px;
	line-height:13px;
	color:#CCCCCC;


}

p, ol, ul {
	margin-top: 0px;
}

p, ol {
	line-height: 180%;
}

strong {
}

a {
	color: #2F7098;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

img.border {
}

img.alignleft {
	float: left;
}

img.alignright {
	float: right;
}

img.aligncenter {
	margin: 0px auto;
}

hr {
	display: none;
}

/** WRAPPER */

#wrapper {
	overflow: hidden;
	padding-top: 20px;
	background: #FFFFFF url(images/wrapper-bg.jpg) repeat-x left top;
}

.home #wrapper {
	background-image: url(images/wrapper-bg-home.jpg);
}

#content-wrapper {
	overflow: hidden;
	width: 963px;
	padding: 0px 19px 20px 18px;
	background: #FFFFFF;
	border-radius: 10px;
}

.container {
	width: 1000px;
	margin: 0px auto;
}

.clearfix {
	clear: both;
}

/** HEADER */

#header-wrapper {
}


#header {
	overflow: hidden;
	height: 125px;
	padding: 0 15px 0 0px;
}

/** LOGO */

#logo {
	float: left;
	width: 370px;
	height: 125px;
}

#logo h1, #logo p {
	margin: 0px;
	line-height: normal;
}

#logo h1 a {
	display: block;
	padding-top: 45px;
	letter-spacing: -3px;
	text-decoration: none;
	font-size: 36px;
	color: #303030;
}

/** CONTACT */

#contact {
	float: right;
	width: 560px;
	padding-top: 68px;
	font-family: 'Maven Pro', sans-serif;
	text-align: right;
}

#contact .call {
	padding-right: 8px;
	letter-spacing: -1px;
	font-size: 20px;
	color: #9A9A9A;
}

#contact .phone {
	letter-spacing: -2px;
	font-size: 30px;
	color: #346C0B;
	position: relative;
	top: 2px;
}

/** MENU */

#menu-wrapper {
	overflow: hidden;
	width: 963px;
	height: 60px;
	border-radius: 5px;
	background: #2F7098;
}

#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 20px;
}

#menu a {
	display: block;
	float: left;
	text-decoration: none;
	color: #FFFFFF;
}

#menu a:hover {
	text-decoration: underline;
}

#menu li span {
	display: inline-block;
	height: 40px;
}

#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: #074B75;
}

.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: 40px 10px 0px 10px;
}

.home #page
{
	padding-left: 0px;
	padding-right: 0px;
}

/** CONTENT */

#content {
	float: left;
	width: 600px;
}

.two-column2 #content {
	float: right;
}

/** SIDEBAR */

#sidebar {
	float: right;
	width: 300px;
}

.two-column2 #sidebar {
	float: left;
}

/** FOOTER */

#footer {
	overflow: hidden;
	height: 50px;
}

#footer p {
	margin: 0px;
	padding: 12px 0px 0px 0px;
	text-align: center;
	color: #444444;
}

#footer-content-bg {
	overflow: hidden;
	background: url(images/footer-content-bg.png) repeat;
}

#footer-content-bgtop {
	overflow: hidden;
	padding: 20px 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: 300px;
	padding-right: 30px;
}

#footer-content #fbox1 .colA, #footer-content #fbox1 .colB {
	float: left;
	width: 150px;
}

#footer-content #fbox2 {
	float: left;
	width: 300px;
}

#footer-content #fbox3 {
	float: right;
	width: 300px;
}

/** THREE COLUMNS */

#three-columns {
}

#three-columns #column1 {
	float: left;
	width: 300px;
	padding-right: 30px;
}

#three-columns #column2 {
	float: left;
	width: 300px;
}

#three-columns #column3 {
	float: right;
	width: 300px;
}

/** BOX 1 */

#box1 {
	margin-bottom: 10px;
}

/** 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;
}

ul.style1 a:hover {
	text-decoration: underline;
	color: #AFAFAF;
}

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: 235%;
	padding: 20px 0px 20px 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: #2F7098;
	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: 108px;
	margin-bottom: 15px;
}

.image-style2 span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.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;
}

.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: 116px;
	height: 38px;
	margin-top: 15px;
	background: #346C0B;
	border-radius: 5px;
	line-height: 38px;
	text-align: center;
	text-decoration: none;
	font-family: 'Maven Pro', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
}

.link-style2 {
	display: inline-block;
	width: 116px;
	height: 38px;
	margin-top: 10px;
	background: #2F7098;
	border-radius: 5px;
	line-height: 38px;
	text-align: center;
	text-decoration: none;
	font-family: 'Maven Pro', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
}

.link-topright {
	line-height: 55px;
	text-align: right;
	text-decoration: none;
	font-family: 'Maven Pro', sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #2f7098;
}

.title {
	padding: 0px 0px 30px 0px;
	font-size: 24px;
	letter-spacing: -1px;
	color: #292929;
}

.title1 {
	padding: 0px 0px 30px 0px;
	font-size: 24px;
	font-weight:bold;
	letter-spacing: -1px;
	color:#336699;
}


#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: #2F8D98;
}

#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: #1F8455;
}

#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: #346C0B;
}

.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;
	text-align: center;
	font-family: 'Maven Pro', sans-serif;
	font-size: 22px;
	color: #FFFFFF;
}

.box-overlay {
	position: absolute;
	top: 263px;
	left: 0;
	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;
	text-align: center;
	letter-spacing: -2px;
	font-family: 'Maven Pro', sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	position: relative;
	top: -13px;
}