/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_16 {
	background: #fff url(../image/col_bg.jpg) repeat-y;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11{
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 7px;
}


.grid_12{
	display: inline;
	float: left;
	position: relative;
}

.header{
	display: inline;
	float: left;
	position: relative;
	height: 138px;
	width: 960px;
	background: #fff url(../image/header.jpg) no-repeat;
}

.banner{
	display: inline;
	float: left;
	position: relative;
	height: 270px;
	width: 960px;
}

.banner_box{
	display: inline;
	float: left;
	position: relative;
	margin-left: 20px;
	margin-bottom: 30px;
}

.header_box{
	display: inline;
	float: left;
	position: relative;
	margin-left: 770px;
	margin-top: 20px;
}

.front_main{
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	background: #fff url(../image/main_bg.jpg) no-repeat;
}

.second_main{
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	background: #fff url(../image/main_bg_small.jpg) no-repeat;
}

.third_main{
	display: inline;
	float: left;
	position: relative;
	margin-left: 20px;
	margin-right: 10px;
	background: #fff url(../image/main_bg.jpg) no-repeat;
}

.main_box{
	display: inline;
	float: left;
	position: relative;
	margin-left: 25px;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 20px;
}

.image_box{
	display: inline;
	float: left;
	height:220px;
	width:210px;
	position: relative;
	margin-left: 12px;
	margin-top: 4px;
	overflow:hidden;
}

.spotlight_box{
	display: inline;
	float: left;
	position: relative;
	margin-left: 25px;
	margin-right: 15px;
	}

.learnmore_box{
	display: inline;
	float: left;
	position: relative;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 15px;
}



.bar{
	display: inline;
	float: left;
	position: relative;
	width: 960px;
	height: 58px;
	background: #fff url(../image/bar.jpg) no-repeat;
}

.bar_box{
	display: inline;
	float: left;
	position: relative;
	margin-left: 45px;
	margin-top: 15px;
	margin-right: 30px;
}


.footer{
	display: inline;
	float: left;
	position: relative;
	background: #ccc url(../image/footer_bg.jpg) no-repeat;
}

.container_12 .grid_3,
.container_16 .grid_4 {
	width: 220px;
}

.container_12 .grid_6,
.container_12 .second_main {
	width: 460px;
}

.container_12 .grid_9,
.container_12 .front_main {
	width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
	width: 940px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
	width: 940px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width: 60px;
}

.container_12 .grid_2 {
	width: 140px;
}

.container_12 .grid_4 {
	width: 300px;
}

.container_12 .grid_5 {
	width: 380px;
}

.container_12 .grid_7 {
	width: 540px;
}

.container_12 .grid_8 {
	width: 620px;
}

.container_12 .grid_10 {
	width: 780px;
}

.container_12 .grid_11 {
	width: 860px;
}


/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4 {
	padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8 {
	padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12 {
	padding-left: 720px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left: 80px;
}

.container_12 .prefix_2 {
	padding-left: 160px;
}

.container_12 .prefix_4 {
	padding-left: 320px;
}

.container_12 .prefix_5 {
	padding-left: 400px;
}

.container_12 .prefix_7 {
	padding-left: 560px;
}

.container_12 .prefix_8 {
	padding-left: 640px;
}

.container_12 .prefix_10 {
	padding-left: 800px;
}

.container_12 .prefix_11 {
	padding-left: 880px;
}

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4 {
	padding-right: 240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8 {
	padding-right: 480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12 {
	padding-right: 720px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right: 80px;
}

.container_12 .suffix_2 {
	padding-right: 160px;
}

.container_12 .suffix_4 {
	padding-right: 320px;
}

.container_12 .suffix_5 {
	padding-right: 400px;
}

.container_12 .suffix_7 {
	padding-right: 560px;
}

.container_12 .suffix_8 {
	padding-right: 640px;
}

.container_12 .suffix_10 {
	padding-right: 800px;
}

.container_12 .suffix_11 {
	padding-right: 880px;
}

/* `Push Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .push_3,
.container_16 .push_4 {
	left: 240px;
}

.container_12 .push_6,
.container_16 .push_8 {
	left: 480px;
}

.container_12 .push_9,
.container_16 .push_12 {
	left: 720px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left: 80px;
}

.container_12 .push_2 {
	left: 160px;
}

.container_12 .push_4 {
	left: 320px;
}

.container_12 .push_5 {
	left: 400px;
}

.container_12 .push_7 {
	left: 560px;
}

.container_12 .push_8 {
	left: 640px;
}

.container_12 .push_10 {
	left: 800px;
}

.container_12 .push_11 {
	left: 880px;
}

/* `Pull Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_3,
.container_16 .pull_4 {
	left: -240px;
}

.container_12 .pull_6,
.container_16 .pull_8 {
	left: -480px;
}

.container_12 .pull_9,
.container_16 .pull_12 {
	left: -720px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left: -80px;
}

.container_12 .pull_2 {
	left: -160px;
}

.container_12 .pull_4 {
	left: -320px;
}

.container_12 .pull_5 {
	left: -400px;
}

.container_12 .pull_7 {
	left: -560px;
}

.container_12 .pull_8 {
	left: -640px;
}

.container_12 .pull_10 {
	left: -800px;
}

.container_12 .pull_11 {
	left: -880px;
}



/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/*common navigation*/
#main-nav-1 ul, #feature-nav ul, #nav-footer ul {margin:0; padding:0;}
#main-nav-1 li, #foot_nav li, #feature-nav li, #nav-footer li {list-style-type:none;}
#main-nav-1 a, #main-nav-2 a {color:#fff; text-decoration:none; display:block;}
		#main-nav-1 li a:hover, #main-nav-2 .button a:hover, #feature-nav a:hover, body #drop-downs .sub-nav div a:hover,  body #drop-downs .tert-nav div a:hover {color:#FCE91A;}
		img.nav-aid {height:1px; width:1px;}
		
/*main navigation 1 */
#main-nav-1 {padding:70px 10px 0 0;}
	#main-nav-1 li {height:50px; background:url(../_images/backgrounds/nav_02_divider.gif) no-repeat left bottom; padding-left:1px; display:block; float:right;}
	#main-nav-1 li a {font-size:10px; font-weight:bold; padding:18px 29px; }

/*main navigation 2 */
#main-nav-2 {height:45px; background:url(../_images/backgrounds/bar_slice.jpg) repeat-x top;}
	#main-nav-2 .left-end {background:url(../_images/backgrounds/bar_left.jpg) no-repeat top left;}
	#main-nav-2 .right-end {height:45px; background:url(../_images/backgrounds/bar_right.jpg) no-repeat top right; padding:0 10px;}
	#main-nav-2 .button {text-align:left; display:block; float:left; padding-top:5px; padding-bottom:14px;}
	#main-nav-2 a {font-size:15px; padding:9px 23px 8px 32px; }
	
/*dropdown navigation*/
#drop-downs .sub-nav, #drop-downs .tert-nav {background:#0372b9; width:180px; position:absolute; visibility:hidden; z-index:1;}
	#drop-downs .sub-nav div, #drop-downs .tert-nav div {background:url(../image/divider.jpg) repeat-x bottom; padding-bottom:1px; text-align:left;}
	#drop-downs .sub-nav div a, #drop-downs .tert-nav div a {font-size:11px; color:#fff; text-decoration:none; padding:4px 8px 3px 8px; display:block;}
	body #drop-downs .sub-nav div a:hover body #drop-downs .tert-nav div a:hover {display:block}

	
#search-box a{color:#fff;font-size:12px;} #search-box a:hover{color:#fff;text-decoration:none;}
#search-box li{list-style:none;}	

#featured{width:688px; padding-right:227px; position:relative; height:180px; background:#fff; padding-bottom: 50px;} 
	    #featured ul.ui-tabs-nav{position:absolute; top:0px; left:-30px; list-style:none; padding:0; margin:0; width:227px; }   
        #featured ul.ui-tabs-nav li{padding:0px 0; padding-left:0; font-size:12px; color:#FFF; list-style:none;}
        #featured ul.ui-tabs-nav li span{font-size:15px; font-family:Verdana; line-height:18px; }
      #featured .ui-tabs-panel{width:688px; height:260px; background:#FFF; position:absolute; top:0; left:227px; overflow:hidden; }   
      #featured .ui-tabs-hide{display:none; }
      
        #featured li.ui-tabs-nav-item a{/*On Hover Style*/ display:block; height:45px; width: 132px; color:#0173bb;  background-image: url(../image/slider_rest.jpg); no-repeat; line-height:20px; padding-left: 45px; padding-top: 35px; text-decoration:none; font-weight: bold; text-align: right; padding-right: 50px}   
        
        
				#featured li.ui-tabs-nav-item a:hover{color: #ffdc75; }   
        #featured li.ui-tabs-selected{ /*Selected tab style*/  background:url('image/selected-item.gif') top left; no-repeat; }   
        #featured ul.ui-tabs-nav li.ui-tabs-selected a{color:#0173bb; background: url(../image/slider_active.jpg); no-repeat;}
        #featured ul.ui-tabs-nav li img{float:left; margin:2px 5px; background:#fff; padding:2px;} 
        
        #featured .ui-tabs-panel .info{position:absolute; top:19px; height:70px; width: 230px; }   
          #featured .info h2{font: 16px/1.2 Arial, sans-serif; color:#0173bb; padding-bottom:10px; margin:0 20px; overflow:hidden; font-weight:bold;}   
          #featured .info p{margin:0 20px; font-family:Arial; font-size:12px; line-height:15px; color:#666; }   
          #featured .info a{text-decoration:none; color:#666; text-decoration:underline;}   
					#featured .info a:hover{text-decoration:none; }
		
#nav-footer {padding:5px 0;background:#ccc;}
	#nav-footer li {font-size:11px; color:#888; display:inline; }
	#nav-footer p {font-size:10px; font-weight:normal; color:#888;}
	#nav-footer a {color:#888;}	

/*clear floats*/
.clrleft {font-size:1px; color:#fff; clear:left;}/*clears only left floats*/
.clrright {font-size:1px; color:#fff; clear:right;}/*clears only right floats*/
.clrboth {font-size:1px; color:#fff; clear:both;}/*clears both floats */