﻿/******************************************************************************************************/
/* CSS Reset */
/******************************************************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, 
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; margin: 10pt;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }

/******************************************************************************************************/
/* Layout */
/******************************************************************************************************/

body {
	font-family: helvetica, arial, tahoma, sans-serif;
	letter-spacing: 0.2pt;
	font-size: 12pt;;
	background: #131313;
	background-image: url('../images/body-bg.jpg');
	background-repeat: repeat-x;
}

#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#masthead {
}

#header {
	width: 320px;
	float: left;
}

#header img {
}

#content {
	width: 960px;
	background: #fff url('../images/bg-top.gif') no-repeat;
	float: left;
}

/******************************************************************************************************/
/* Text Styles */
/******************************************************************************************************/

a img {
	border: 0px;
}

h1 {
	font-size: 1.875em;
	text-decoration: none;
	font-weight: normal;
	font-family: "Century Gothic";
}

h2 {
	font-size: 1.6em;
	text-decoration: none;
	font-weight: normal;
	color: #9fe5ff;
	font-family: "Century Gothic";
}

h3 {
	font-size: 1.125em;
	text-decoration: none;
	font-weight: normal;
	font-family: "Century Gothic";
}

p {
	font-size: .85em;
	line-height: 1.3em;
}

a {
	text-decoration: none;
	/*font-size: .7em;*/
	font-weight: normal;
	
}

li {
	font-size: .75em;
}

/******************************************************************************************************/
/* Navigation Styles */
/******************************************************************************************************/

#navigation {
	width: 960px;
	height: 40px;
	float: left;
}

#navigation a {
	font-size: 1.35em;
	color: #9fe5ff;
	padding-bottom: 1px;
}

#navigation a:hover {
	text-decoration: none;
	color: #cccccc;
	border-bottom: 5px solid #9fe5ff;
}

#navigation ul {
	list-style-type: none;
	margin-top: 5px;
	margin-left: 20px;
	float: right;
}

#navigation li {
	float: left;
	margin-right: 45px;
}

/******************************************************************************************************/
/* Footer Styles */
/******************************************************************************************************/

#footer {
	width: 960px;
	background: #fff url('../images/bg-footer.gif') no-repeat bottom;
	float: left;
}

#footerspacer {
	width: 920px;
	border-top: 1px dashed #c9c9c9;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	float: left;
	border-top-style: solid;
}

#footer_address {
	width: 230px;
	height: 80px;
	float: left;
	margin-top: 15px;
	margin-left: 30px;
}

#footer_additional {
	width: 690px;
	height: 80px;
	float: left;
}

#footer p {
	font-size: .65em;
}

#footer a {
	color: #11497d;
	font-size: 1em;
	text-decoration: none;
	font-weight: bold;
}

#footer ul {
	list-style-type: none;
}

#footer li {
	font-size: .65em;
	float: right;
	margin-left: 40px;
}

#website_contact {
	text-align: right;
	color: #fff;
	float: right;
}

#website_contact a {
	color: #fff;
}

/******************************************************************************************************/
/* Index Styles */
/******************************************************************************************************/

#top_splash_index {
	width: 960px;
	height: 320px;
	background: url('../images/index_splash1.jpg') no-repeat;
	float: left;
}

#page_content {
	width: 960px;
	/*height: 320px;*/
	background-repeat: repeat-y;
	float: left;
}

#page_content2 {
	width: 960px;
	float: left;
}

.index_icon {
	padding-left: 30px;
	margin-left: 5px;
	background: transparent url('../images/icon_facts.gif') no-repeat center left;
}

#index_top {
	width: 960px;
	float: left;
	background: #333;
}

#index_img {
	padding: 10px;
	width: 300px;
	/*height: 300px;*/
	float: left;
	/*background: #333;*/
}

#index_description {
	width: 640px;
	/*height: 320px;*/
	/*background: #333;*/
	float: left;
}

#index_imageblock {
	width: 270px;
	/*height: 270px;*/
	margin-top: 15px;
	margin-left: 25px;
}

#index_left {
	width: 480px;
	float: left;
}

#index_right{
	width: 480px;
	float: left;
}

#index_bottom_img{
	border: 7px solid #9fe5ff;
	float: left;
	margin-left: 18px;
}

#index_right .spacer {
	width: 400px;
	border-top: 1px dashed #c9c9c9;
	margin-left: 40px;
	float: left;
}

#viewmore_catu {
	height: 20px;
	float: right;
	padding-top: 15px;
	padding-right:35px;
}

#index_imageblock a img {
	border: 10px solid #bababa;
	margin: 10px 10px 10px 10px;
	float: left;
}

#page_content2 h2 {
	margin-top: 40px;
	margin-left: 20px;
	color: #11497d;
}

#index_description p {
	margin-top: 15px;
	color: #fbfbfb;
	font-size: 1em;
}

#index_description h2 {
	color: #fbfbfb;
}

#index_right h3 {
	color: #888888;
	font-size: .875em;
	margin-top: 35px;
	margin-left: 35px;
}

#index_right p {
	margin-left: 45px;
	margin-bottom:15px;
	margin-right:25px;
}

#index_left li {
	margin-top: 10px;
	margin-bottom:20px;
	margin-left: 20px;
	font-size: .875em;
}

/******************************************************************************************************/
/* About Page Styles */
/******************************************************************************************************/

#top_splash_about {
	width: 960px;
	height: 320px;
	background: url('../images/about-splash.jpg') no-repeat;
	float: left;
}

#about_top {
	width: 940px;
	padding-left: 10px;
	padding-right: 10px;
	background: #f1f1f1;
	float: left;
}

#about_top_left_content {
	width: 350px;
	float: left;
}

#about_top_right_content {
	width: 590px;
	float: left;
}

#about_bottom {
	width: 960px;
	float: left;
}

#about_bottom_left {
	width: 500px;
	margin-top: 10px;
	margin-left: 10px;
	float: left;
}

#about_bottom_right {
	width: 420px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	float: left;
}

#about_top h2 {
	color: #11497d;
	text-align: left;
	margin-top: 25px;
	margin-left: 25px;
}

#about_bottom h2 {
	color: #11497d;
	text-align: left;
	margin-top: 25px;
	margin-left: 25px;
}

#about_top p, #about_bottom p {
	margin-bottom: 15px;
}

/******************************************************************************************************/
/* Contact Styles */
/******************************************************************************************************/

#top_splash_contacts {
	width: 960px;
	height: 320px;
	background: url('../images/contacts-splash.jpg') no-repeat;
	float: left;
}

#contact_bottom {
	width: 960px;
	height: 450px;
}

#contact_bottom_left_content {
	width: 350px;
	height: 430px;
	background: url('../images/contacts-bgbottomleft.gif') no-repeat;
	margin-top: 10px;
	margin-left: 10px;	
	float: left;
}

#contact_bottom_right_content {
	width: 570px;
	height: 430px;
	background: url('../images/contacts-bgbottomright.gif') no-repeat;	
	margin-top: 10px;
	margin-right: 10px;
	float: right;	
}

#comment_area {
	width: 520px;
	margin-top: 25px;
	height: 260px;
}

#comment_area input, #comment_area textarea {
	padding-top: 5px;
	width: 420px;
	font-size: .688em;
	margin-bottom: 10px;
}

#comment_area textarea {
	height: 100px;
	width: 420px;
}

#comment_area input.submit_button {
	width: 100px;
	height: 30px;
	float: right;
	margin-right: 5px;
	border: 1px solid #4fc5f1;
	background: #fff;
	color: #333;
	text-transform: uppercase;
}

#comment_area input.clear_button {
	width: 100px;
	height: 30px;
	float: right;
	margin-right: 25px;
	border: 1px solid #ccc;
	background: #fff;
	color: #333;
	text-transform: uppercase;
}

label {
	float: left;
	text-align: left;
	width: 93px;
	padding-top: 5px;
	font-size: .680em;
	text-transform: uppercase;
}

#contact_phonetitle {
	width: 80px;
	height: 100px;
	margin-top: 25px;
	float: left;
}

#contact_number {
	width: 220px;
	height: 100px;
	margin-top: 25px;
	float: left;
}

#contact_top h2, #contact_bottom h2 {
	color: #37c9ff;
	text-align: right;
	margin-top: 25px;
	margin-right: 25px;
}

#contact_bottom_left_content p {
	margin-bottom: 10px;
}

/******************************************************************************************************/
/* Partners Styles */
/******************************************************************************************************/

#top_splash_partners {
	width: 960px;
	height: 320px;
	background: url('../images/partners-splash.jpg') no-repeat;
	float: left;
}

#partners_top {
	width: 960px;
	/*height: 300px;*/
	margin-bottom: 15px;
	float: left;
	background: #f1f1f1;
}

#partners_top_content {
	width: 930px;
	/*height: 300px;*/
	margin-right: 15px;
	float: left;
}

#partners_top_image {
	width: 300px;
	/*height: 240px;*/
	margin: 15px 15px 15px 15px;
	float: left;
}

#partners_top_contenttext {
	width: 580px;
	/*height: 300px;*/
	float: right;
}

#partners_bottom {
	width: 960px;
	height: 450px;
	/*background-image: url('../images/partners-bottom.gif');*/
	background-repeat: no-repeat;
}

#partners_bottom_left_content {
	width: 455px;
	height: 440px;
	/*background: url('../images/partners-bgbottomleft.gif') no-repeat;*/
	margin-left: 15px;
	float: left;
}

#partners_bottom_right_content {
	width: 460px;
	height: 440px;
	/*background: url('../images/partners-bgbottomright.gif') no-repeat;*/
	margin-right: 15px;
	float: right;
}

#partners_bottom .leftimagetext {
	/*width: 400px;
	height: 70px;*/
	float: left;
}

#partners_bottom .rightimagetext {
	width: 405px;
	height: 75px;
}

#partners_bottom .rightimagetext .p_right_image {
	width: 75px;
	height: 75px;
	float: left;
}

#partners_bottom .rightimagetext .p_right_text {
	width: 305px;
	height: 75px;
	margin-left: 15px;
	float: left;
}

#partners_bottom .leftimagetext .p_left_text {
	/*width: 330px;*/
	/*height: 70px;*/
	float: left;
}


#partners_bottom .leftimagetext .p_left_image {
	/*width: 60px;
	height: 60px;*/
	padding-top: 10px;
	padding-right: 10px;
	float: left;
}

#partners_bottom_left_content .spacer {
	width: 390px;
	border-top: 1px dashed #c9c9c9;
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
}

#partners_bottom_right_content .spacer {
	width: 405px;
	border-top: 1px dashed #c9c9c9;
	margin-top: 15px;
	margin-bottom: 15px;
	float: left;
}

#partners_top h2, #partners_bottom h2 {
	color: #11497d;
	text-align: left;
	margin-top: 25px;
	margin-left: 25px;
}

#partners_bottom h3 {
	margin-top: 3px;
	margin-bottom: 3px;
}

#partners_top p {
	margin-bottom: 15px;
}

#partners_bottom .leftimagetext .p_left_text p {
	font-size: .75em;
}


/******************************************************************************************************/
/* catu Styles*/
/******************************************************************************************************/

#top_splash_catu {
	width: 960px;
	height: 320px;
	background: url('../images/catu-splash.jpg') no-repeat;
	float: left;
}
		
#catu_top {
	width: 960px;
	float: left;

}

#catu_top_content {
	width: 930px;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 15px;
	float: left;
}

#catu_top_video {
	height:350px;
	width: 600px;
	float: left;
	margin-right: 25px;
	margin-top: 8px
}

#catu_top_text {
	width: 220px;
	float: left;
	margin-left: 5px;
}

#catu_bottom {
	width: 960px;
	float: left;
	background-color: #f1f1f1;
}

#catu_bottom_content {
	width: 930px;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}

#catu_bottom_image {
	height: 260px;
	width: 320px;
	float: left;
	margin-right: 25px;
}

.catu_imageandtext{
	float: left;
}

.catu_imageandtext .catu_thumbnail {
	height: 70px;
	width: 60px;
	float: left;
	padding-bottom: 7px;
}

.catu_imageandtext .catu_thumbnail_text	{
	height: 70px;
	width: 440px;
	float: left;
	margin-left: 10px;
}

#catu_top h2, #catu_bottom h2 {
	color: #11497d;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 10px;
}

#catu_top_text h2 {
	color: #11497d;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: xx-large;
}

#catu_top p {
	margin-bottom: 10px;
}

#catu_bottom_right img {
	border: #bababa solid 5px;
	margin-bottom: 5px;
	margin-right: 5px;
}

/******************************************************************************************************/
/* Other Styles */
/******************************************************************************************************/

.contentblock {
	margin: 25px 25px 25px 25px;
	float: left;
}

.contentblock li {
	margin-bottom: 10px;
	margin-left: 20px;
}

.viewmore {
	text-decoration: underline;
	color: #37c9ff;
	font-weight: bold;
	font-size:.75em;
	
}

.uppercase {
	text-transform: uppercase;
	font-weight: bold;
}

.slider-wrapper { 
	width: 960px;
	height: 320px	
}
