@charset "utf-8";
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {margin: 0; padding: 0;}
img, fieldset {border: 0;}

html { height: 100%; margin-bottom: 1px; }

body{background-color:#E5E5E5; background-image:url(../img/bg_tile.jpg); background-position:center; font-family:Arial, Helvetica, sans-serif; color:#555555;}

hr { margin:17px 10px 10px 10px; height:1px; color:#aaaaaa; background-color:#aaaaaa; border-top: 1px solid #aaaaaa; border-bottom:0; }

.big{font-size:18px;; font-weight:normal; padding:10px; margin:0;}

#container-header{ background-color:#FFFFFF; margin:0px auto;}

#container{background-image:url(../img/bg_tile.jpg); background-position:center; }
#container-main{width:960px; margin:0px auto; text-align:left;}
#header{background-color:#FFFFFF; width:960px; height:93px; border-top:2px solid #F3F3F5; margin:0px auto;}
#headerLeft{float:left; width:780px; height:93px; background:#fff url(../img/logo.gif) no-repeat 24px 6px;}
#headerLeft h1{ text-indent:-999px}
#headerLeft a{ display:block;}
#headerRight{float:right; width:170px; height:93px; background-image:url(../img/swatchSquares.gif); background-position:bottom; background-repeat:no-repeat; font-size:10px;}

#headerRight a:link,a:visited{
color:#ABABAB; text-decoration:none;
}
#headerRight a:hover{
color:#01A0C7; 
}


#container-menu{background:#4A4A4A url(../img/nav_bg.jpg) top repeat-x; background-position:top; height:22px; margin:0; padding:0; margin:0px auto;}

#navbar{
width:960px; 
margin:0px auto;
}


#gallery { position: relative; width:400px; height:225px; margin:0; padding:0; }
#gallery li { display: block; }


.menu{
    
	float:left;
  }
	
.menu ul{
    margin: 0; padding: 0;
    float: left;}
 
.menu ul li{
    display: inline;}
 
.menu ul li a{
    float: left; text-decoration: none;
	text-transform:uppercase;
	font-size:11px;
    color: #afafaf;
    padding: 0.35em 2.2em;
	
}
 
.menu ul li a:visited{
    color: white;}
 
.menu ul li a:hover, .menu ul li .current{
    color: #fff;
    background:#5c5c5c url(../img/nav_over_bg.jpg);

	}



#mainleft{float:left; width:782px; z-index:50;}

#allAbout{background-color:#414141; margin-bottom:12px; color:#FFFFFF; background:url(../img/columns_grey.gif) repeat-y; margin-top:50px;}
#allAbout p{padding:5px 10px 5px 10px; 	font-size:12px; line-height:1.3em; widows:inherit;}

#largeSection {float:left; margin-bottom:20px; background:url(../img/columns_lightgrey.gif) repeat-y; color:#444444;}
#largeSection p{padding:5px 10px 5px 10px; 	font-size:12px; line-height:1.3em; widows:inherit;}



#contentSection {float:left; margin-bottom:20px; background:#fff; repeat-y; color:#444444;}
#contentSection p{padding:5px 10px 5px 10px; 	font-size:12px; line-height:1.3em; widows:inherit;}
#contentSection b,strong{font-weight:bold;}
#contentSection a{color:#01A0C7;text-decoration:underline}
#contentSection a:hover{text-decoration:none}

#contentSection h3{
font-weight:normal;
font-size:18px;
color:#005191;
}

table, td{vertical-align:top}


.bg_blue{
background: #44D4FD url(../img/link_blue_bg.gif) repeat-x bottom;}
.bg_green{
background: #17D368 url(../img/link_green_bg.gif) repeat-x bottom;}
.bg_pink{
background: #FD60BC url(../img/link_pink_bg.gif) repeat-x bottom;}

.tab-blue{
background: #007BB7 url(../img/tab-blue.gif) repeat-x top;
padding:7px 12px;}
.tab-blue h2{
color:#fff;
font-size:20px;
font-weight:normal;
}


#videoBox{
background: #555555 url(../img/video-box-bg.jpg) repeat-x top;
text-align:center;
}
#box-grey{
background: #858585 url(../img/grey-box-bg.jpg) repeat-x top;
display:block;
color:#fff;
padding:12px;
}
#box-grey h3{
font-weight:normal;
font-size:18px;
color:#01A0C7;
}


#contactForm{
padding:12px;
}
.bg_green a{
color:#fff;
text-decoration:none;}
.bg_green a:hover{
text-decoration:underline;}
.bg_pink a{
color:#fff;
text-decoration:none;}
.bg_pink a:hover{
text-decoration:underline;}
.bg_blue a{
color:#fff;
text-decoration:none;}
.bg_blue a:hover{
text-decoration:underline;}
.bg_green span a{
color:#fff;
padding: 6px 12px;
float:right;
text-decoration:none;
font-size:12px;}
.bg_green span a:hover{text-decoration:underline;}
.bg_blue span a{
color:#fff;
float:right;
padding: 6px 12px;
text-decoration:none;
font-size:12px;}
.bg_blue span a:hover{text-decoration:underline;}
.bg_pink span a{
color:#fff;
float:right;
padding: 6px 12px;
text-decoration:none;
font-size:12px;}
.bg_pink span a:hover{text-decoration:underline;}
.bg_blue h2{
color:#fff;
padding: 6px 6px;
font-weight:normal;
font-size:18px;; 
background:url(../img/arrow-white.png) left no-repeat;
margin-left:16px;
padding-left:16px;}
.bg_green h2{
color:#fff;
padding: 6px 6px;
font-weight:normal;
font-size:18px;; 
background:url(../img/arrow-white.png) left no-repeat;
margin-left:16px;
padding-left:16px;}
.bg_pink h2{
color:#fff;
padding: 6px 6px;
font-weight:normal;
font-size:18px;; 
background:url(../img/arrow-white.png) left no-repeat;
margin-left:16px;
padding-left:16px;}


.column1{float:left; width:260px; display:block;}

.column2{float:left; width:260px; display:block;}

.column3{float:left; width:260px; display:block;}


.column1 p{
	font-size:1em;
	line-height:1.4em;
	font-weight:normal;
	margin: 6px 4px;
	padding-top:12px;}
.column2 p{
	font-size:1em;
	line-height:1.4em;
	font-weight:normal;
	margin: 6px 4px;
	padding-top:12px;}
.column3 p{
	font-size:1em;
	line-height:1.4em;
	font-weight:normal;
	margin: 6px 4px;
	padding-top:12px;}

#news-header{
	text-transform:uppercase;
	background:url(../img/header_news_bg.jpg) repeat-x top left;
	float:right;
	width:174px;
	border-left:2px white solid;
border-right:2px white solid;
z-index:300;
position:relative;}
#news-header h2{
	padding:4px 6px 4px 6px;
	color:#FFFFFF;
	font-size:11px;
}
#mainright p img{
padding-bottom:8px;
}
#mainright h3{
    color: #666666; font-size:11px; font-weight:normal; padding:10px 10px 3px 10px; margin:0;}
#mainright p{
    color: #000000; font-size:12px; font-weight:normal; padding:2px 10px 0px 10px; line-height:15px;}
#mainright{color:#000000; width:174px; background: #fff; z-index:100; margin: 0 auto;}

#mainright a{color:#01A0C7; float:right; font-size:11px; text-decoration:underline;}

#mainright a:hover{text-decoration:none;}

.main{
background:#fff url(../img/bg-main-right.jpg) repeat-y right;
}

#news td{
padding:12px;

}
#mainSection{
padding:12px;
}
#mainSection ul{
padding-left:24px;
font-size:12px; 
}


#container-footer{background: #999999 url(../img/footer_bg.jpg); height:120px; clear:both; margin:0px auto;}
#footer{color:#555555; padding:20px 0 3px 0; width:960px; margin:0px auto;}
#footer p{color:#999999; }
#footer a{color:#999999; text-decoration:none;}
#footer a:visited{color:#999999; text-decoration:none;}
#footer a:hover{color:#ffffff; text-decoration:none;}
#footerLeft{float:left; width:480px; padding:0px; font-size:11px;}
#footerRight{float:left; text-align:right; vertical-align:bottom; width:480px; padding:0px; margin-top:24px;}
#footerRight h5{padding:0; margin:0 0 6px 0; color:#01A0C7; font-size:22px; font-weight:normal;}
#footerRight h6{padding:0; margin:4px 0; color:#999999; font-size:11px;}
#footer img{
margin-bottom:8px;}


#container-wall {
	width:782px;	
		height:500px;
		margin-bottom:20px;
			background:url(../img/nav_shadow.png) no-repeat;
		background-position: bottom;
		margin-left:30px;}
div.contentPage {
	width:744px; height:300px;
	position:absolute;
		display:none;
}
div.contentPage.active {
	display:block;}
#contentWrap {
height:300px;
	
	}

#content {
	height:292px;
	width:782px;
	position:relative;
}


div.contentPage.active {
	display:block;}

#video1, #video2, #video3, #video4, #video5, #video6, #video7, #video8 {
	width:400px; height:225px;
	background:#FFFFFF;
	}

#video1 video, #video2 video, #video3 video, #video4 video, #video5 video, #video6 video, #video7 video, #video8 video {
	width:400px; height:225px}


.homeFeatureCopy h1 {
	font-size:24px;
	color:#01A0C7;
	padding:0px;
	margin:0px;
	font-weight:normal;
}
.homeFeatureCopy h2 {
	font-size:18px;
	color:#2A4879;
	padding:0px;
	margin:0px 0px 4px 0px;
	font-weight:normal;
}
html.ie6 #container-wall {
	}
.homeFeatureCopy p {
	color:#555555;
font-size:12px; line-height:1.5em; 
	font-weight:normal;
	margin-top:6px;
	widows:inherit;	}
div.homeFeatureCopy {
margin-top:50px;
	width:236px;
	float:left;}
div.homeFeatureVid {
margin-top:32px;;
margin-right:4px;
padding-top:17px;
padding-left:52px;
	float:right;
	width:450px;
	height:280px;
	background:url(../img/video_bg.png) no-repeat;
}

div.navArrows{
z-index:200;
width:738px;}

div.navArrows a {
	width:34px;
	height:38px;
	display:block;
	background:url(../img/nav_arrows.png);
	text-indent:-9999em;
	overflow:hidden;
	margin:0;}

div.navArrows a.left_arrow {

	float:left;
	margin-left:-38px;
	margin-top:66px;
	}

div.navArrows a.right_arrow {

float:right;
margin-left:-38px;
margin-top:66px;
background-position:right 0;
}

#navigation {
margin-top:30px;
	height:138px; 
	width:700px;
	overflow:hidden;
	position:relative;
	border-bottom: 3px white solid;}

#navWrapper {
	width:9999em;
	position:absolute;}

#navigation ul {
	list-style:none;
	margin:0;}

#navigation ul li {
	float:left;
	list-style:none;
	width:140px;
	height:108px;
}

#navigation ul li a.item {
	width:140px;
	height:108px;
	position:absolute;
	text-indent:-9999em;
	cursor:pointer;
	display:block;
	text-decoration:none !important;}

#navigation ul li a.item span.bg {
	width:140px;
	height:112px;
	background: white url(../img/navigation_home.jpg) 0 0 no-repeat;
	display:block;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	margin-top:30px;
	position:absolute;
	top:0;
	left:0;}
	
#navigation ul li a.item span.bg_facil {
	width:140px;
	height:112px;
	background: white url(../img/navigation_facil.jpg) 0 0 no-repeat;
	display:block;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	margin-top:30px;
	position:absolute;
	top:0;
	left:0;}

#navigation ul li a.item span.cover {
	background:#000;
	height:112px;
	opacity:.4;
	filter: alpha(opacity=40);
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	overflow:hidden;
	display:block;
	top:32px;
	position:absolute;
	width:138px;
	left:0;
	margin-left:1px;}

#navigation ul li a.item span.hover_message {
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	text-indent:7px;
	height:26px;
	background:#76797c url(../img/item_bg.jpg) no-repeat;
	display:block;
	position:absolute;
	color:#fff;
	line-height:26px;
	text-decoration:none !important;
	width:140px;
	left:0;
	top:138px;
	font-size:12px;}

#navigation ul li.active a.item span.cover, #navigation ul li a.item:hover span.cover {
	opacity:0;
	filter: alpha(opacity=0);}

#navigation ul li.active a.item span.cover {
	top:20px;}
	
#navigation ul li a.item:hover span.hover_message, #navigation ul li.active a.item span.hover_message  {
	top:112px;
	left:0;}

#navigation ul li.active a.item span.bg {
	margin-top:0;}

#navigation ul li a.item#n1 span.bg {
	background-position:0 0;}

#navigation ul li a.item#n2 span.bg {
	background-position:-140px 0;}

#navigation ul li a.item#n3 span.bg {
	background-position:-280px 0;}

#navigation ul li a.item#n4 span.bg {
	background-position:-420px 0;}

#navigation ul li a.item#n5 span.bg {
	background-position:-560px 0;}

#navigation ul li a.item#n6 span.bg {
	background-position:-700px 0;}

#navigation ul li a.item#n7 span.bg {
	background-position:-840px 0;}

#navigation ul li a.item#n8 span.bg {
	background-position:-980px 0;}




 
/*
 * Media queries for responsive design
 * These follow after primary styles so they will successfully override. 
 */

@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
  }

@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
  }

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
  
  
  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
     j.mp/textsizeadjust 
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */}

/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }}


#gradbox{
	padding:12px;
	background-image:url(../img/bg-main-right.jpg); 
	background-repeat:repeat-y;
	background-position:right;
}
#gradbox ul{margin:10px; margin-left:40px; font-size:12px}
#gradbox h1{font-size:24px;
	color:#01A0C7;
	padding:0px;
	margin:0px;
	font-weight:normal;}
#gradbox h2{font-size:18px;
	color:#2A4879;
	padding:0px;
	margin:0px 0px 4px 0px;
	font-weight:normal;}
	
#errordiv{font-size:11px; list-style:none}
#errordiv li{font-size:11px; padding-left:15px}