/*

	########  ########   ######  
	##     ## ##     ## ##    ## 
	##     ## ##     ## ##       
	##     ## ########   ######  
	##     ## ##              ## 
	##     ## ##        ##    ## 
	########  ##         ######   
	
	Description: Styles for RealNet TREB Landing Page
	Version: 1.0
	Author: <a href="mailto:bill@dogandponystudios.com">Bill Addison</a>
	Author URI: http://www.dogandponystudios.com.com

*/


/*
==============================================================
	Reset
==============================================================
*/

/* RESET */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:center;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}hr{border:0;border-top:1px solid #ddd;display:block;height:1px;margin:1em 0;padding:0;}img{border:0;}

/* BASE */
body{font:13px arial,helvetica,sans-serif;*font-size:small;*font:x-small;line-height:1.5em;}body,select,input,textarea{color:#000;}h1,h2,h3,h4,h5,h6{font-weight:normal;text-rendering:optimizeLegibility;}h1{font-size:24px;}h2{font-size:18px;}h3{font-size:16px;}h1,h2,h3{margin:1em 0;}em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}table{font:100%;font-size:inherit;}th,td{border:0px solid #000;padding:.5em;}th{font-weight:bold;}td,td img{vertical-align:top;}code,pre{font-family:"Courier New",monospace,serif;font-size:1em;}a:active{outline:none;}a:focus{outline:thin dotted;}small{font-size:85%;}strong{font-weight:bold;}sub{font-size:smaller;vertical-align:sub;}sup{font-size:smaller;vertical-align:super;}pre{padding:15px;white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word;}input[type=checkbox]{vertical-align:baseline;*vertical-align:baseline;}button{overflow:visible;width:auto;}.ie7 img{-ms-interpolation-mode:bicubic;}input[type=radio],.ie6 input{vertical-align:text-bottom;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}

/* CUSTOM */
div{position:relative;}.clear{clear:both;}p:last-child{margin-bottom:0;}.no-margin{margin:0;}.no-padding{padding:0;}.no-space{margin:0;padding:0;}input[type=button],input[type=submit],button,.link{cursor:pointer;}


/*
==============================================================
	General
==============================================================
*/

.ie6 * { behavior: url("iepngfix.htc") }

html, body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.4em;
	color:#4C4C4C;
	}

#wrapper {
	width:800px;
	padding: 0px 20px 15px 20px;
	margin: auto;
	}
	
a {
	color:#07684E;
	text-decoration:underline;
	}
	
.nav {
	margin:0;
	padding:0;
	}
	
.nav li {
	list-style:none;
	float:left;
	}
	
	
/*
==============================================================
	Header
==============================================================
*/
	
#header {
	}

#header .logo {
	border: 0;
	display: block;
	margin: 30px auto 30px auto;
	width: 20%;
}

#header h1 {
	font-size:20px;
	font-weight:bold;
	color:red;
	margin:10px auto 20px auto;
	}
	
#header h2 {
	font-size:16px;
	margin:10px auto 10px auto;
	}
	
#header .nav {
	position:absolute;
	top:20px;
	right:0;
	font-size:12px;
	}
	
#header .nav li {
	margin-left:20px;
	}
	
#header .nav a {
	color:#4C4C4C;
	text-decoration:none;
	}
	
#header .nav a em {
	color:#07684E;
	font-style:normal;
	font-weight:bold;
	}

#header .nav a div.on, #header .nav a:hover div, #header .nav a:focus {	
	border-bottom:4px solid #de5b0b; margin:0px; padding:0px 0px 4px 0px;
	}

/*
==============================================================
	Main Navigation
==============================================================
*/

#nav {
	margin-top:10px;
	overflow:hidden;
	/* background:#E5E5E5; */
	background: #EEEDED;
	}
	
.ie6 #nav {
	width:800px;
	}
	
#nav h3 {
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	color:#07684E;
	width:190px;
	padding:5px 5px 2px 10px;
	margin:-5px 0 0 -5px;
	background:#fff;
	}

/* IE6 Fix only ��do not combine with rule below or will not work */
#nav li.top {
	padding:0 0 5px 0!important;
	width:170px;
	}

#nav > li {
	padding:5px;
	width:190px;
	}
	
#nav ul {
	padding:5px 0 0;
	margin:0;
	}

#nav li li {
	padding:none;
	float:none;
	}
	
	
#nav a {
	font-size:13px;
	color:#07684E;
	text-decoration:none;
	display:block;
	padding:3px 10px;
	margin: 10px 5px;
	width:150px;
	height:19px;
	/* background:url(images/white-nav-btn.jpg) center top no-repeat; */
	
	background-color: #FAFAFA;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0.22, rgb(241,241,241)), color-stop(0.81, rgb(255,255,255)));
	background: -moz-linear-gradient(center bottom, rgb(241,241,241) 22%, rgb(255,255,255) 81%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#F1F1F1, endColorStr=#ffffff);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#F1F1F1, endColorstr=#ffffff)";
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.2); 
	box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
	
#nav a:hover {	
	background: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#ffffff);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff)";
	}	
	
#nav .search a {
	color:#fff;
	/* background:url(images/green-nav-btn.jpg) center top no-repeat; */
	
	background-color: #808080;
	background: -ms-linear-gradient(bottom, rgb(8,103,79) 22%, rgb(51,130,109) 81%);	
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0.22, rgb(8,103,79)), color-stop(0.81, rgb(51,130,109)));
	background: -moz-linear-gradient(center bottom, rgb(8,103,79) 22%, rgb(51,130,109) 81%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#33826d, endColorStr=#08674f);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33826d, endColorstr=#08674f)";
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.2); 
	box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
	
#nav .search a:hover {	
	background: #08674f;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#08674f, endColorStr=#08674f);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#08674f, endColorstr=#08674f)";
	}	
		
	
#nav a:hover, #nav a:focus {
	background-position:bottom;
	}


/*
==============================================================
	Main Content
==============================================================
*/

#main {
	margin-top:15px;
	}

#main .col-1 {
	width:620px;
	float:left;
	}
	
#main .col-2 {
    top:40px;
	width:170px;
	float:right;
	margin-bottom:30px;
	}
	
#main h2 {
	font-size:14px;
	color:#000;
	margin:0 0 5px;
	}
	
#main table {
	width:100%;
	background:#F6F6F6;
	}
	
#main table td {
	border:none;
	padding:5px 0 5px 8px;
	font-size:11px;
	color:#4C4C4C;
	}
	
#main table tbody td {
	border-right:1px solid #ccc;
	}

/* For IE8 and below ��do not combine with below rule or will not work */
#main table td.last {
	border-right:none;
	}
	
#main table td:last-child {
	border-right:none;
	}
	
#main thead td {
	background:#519583;
	color:#fff;
	font-weight:bold;
	}

/* For IE8 and below ��do not combine with below rule or will not work */
#main tbody tr.alt {
	background:#E5E5E5;
	}
	
#main tbody tr:nth-child(2n) {
	background:#E5E5E5;
	}
	
#main .col-2 h4, #main .col-2 h4 a {
	font-size:11px;
	color:#07684E;
	text-decoration:none;
	font-weight:bold;
	margin:5px 0px 0px 0px;
	line-height:1.2em;
	}
	
#main .col-2 img {
	float:left;
	margin: 7px 5px 0px 0px;
	}
	
#main .col-2 h4 a:hover, #main .col-2 h4 a:focus, 
#main .more a:hover, #main .more a:focus, 
#main table a:hover, #main table a:focus {
	color:#000;
	text-decoration:none;
	}
	
#main .col-2 p {
	font-size:10px;
	line-height:1.2em;
	color:#4C4C4C;
	margin:10px 0px 0px 0px;
	}
	
#main .more {
	font-size:10px;
	font-weight:bold;
	margin: 5px 0px 0px 0px !important;
	}

#main .social_link {
	font-size:10px;
	margin: 0px !important;
	}

/*
==============================================================
	Builders and Incentives (i.e., col-1)
==============================================================
*/

#builders, #main .col-1 {
	margin-top:20px;
	}

#builders h2, #main .col-1 h2 {
	font-size:11px;
	font-weight:bold;
	color:#4D4D4D;
	padding:2px 35px 0 8px;
	display:inline-block;
	margin:0;
	background:url(images/triangle.gif) top right no-repeat #E6E6E6;
	}
	
#main .col-1 h2 {
	margin-left: -1px;
	}
	
.ie7 #builders h2, .ie6 #builders h2, .ie7 #main .col-1 h2, .ie6 #main .col-1 h2 {
	zoom:1;
	display:inline;
	}
	
#main .col-1 table {
	border:4px solid #E6E6E6;
	overflow:hidden;
	}
	
#builders .wrapper {
	border:6px solid #E6E6E6;
	width:788px;
	height:70px;
	overflow:hidden;
	}
	
#builders .inner {
	height:70px;
	width:1000px;
	}
	
#builders .inner a {
	display:block;
	float:left;
	height:70px;
	width:140px;
	background-position:center;
	background-repeat:no-repeat;
	text-indent:-9999px;
	}
	
#builders .left, #builders .right {
	display:block;
	width:32px;
	height:40px;
	text-indent:-9999px;
	position:absolute;
	top:43px;
	z-index:1000;
	}
	
#builders .left {
	background:url(images/arrow-left.png) center no-repeat;
	left:-12px;
	}
	
#builders .right {
	background:url(images/arrow-right.png) center no-repeat;
	right:-12px;
	}
	
.ie6 #builders .right {
	right:30px;
	}

/*event promo image*/
.event-promo-image {
	margin-bottom: 20px !important;
	box-shadow:0 0 2px #555;
	-webkit-box-shadow:0 0 2px #555;
	-moz-box-shadow:0 0 2px #555;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}

/*
==============================================================
	Footer
==============================================================
*/

#footer {
	font-size:10px;
	color:#666;
	text-align:center;
	line-height:1em;
	padding:20px;
	}


.infiniteCarousel {

  position: relative;
}

.infiniteCarousel .wrapper {

  overflow: auto;
  min-height: 64px;
  margin: 0;

  top: 0;
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;

  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 0px;
  width:160px;
  height: 70px;
  vertical-align: middle;
}

.badge{
	background-image:url(images/badge21c.png);
	background-repeat:no-repeat;
	width:22px;
	height:26px;
	margin:0 0;
	padding:0 0;
	display:inline-block;
	text-align: center;
	color:#fff;
	font-weight: bold;
}

.coopPopContainer {height:416px; z-index:50; position:absolute; right:0px; top:-158px; border:2px solid #000000; width:325px; background:#FFFFFF;}
.coopPop {}
.coopPop h5 {height:48px; margin:0px; padding:0px 0px 0px 0px; background:url(../graphics/icons/popLogo.gif) no-repeat 10px 5px;}
.coopPop h5 p {font-size:13px !important; margin:0px; padding:33px 0px 0px 60px !important;}
.coopPopContent {font-size:10px; margin:10px 20px 0px 10px;}
.coopPopContent p {margin:8px 0px 0px 0px;}
.coopPop table {border-style:none; border-collapse:collapse; background:none !important;}
.coopPop table .name {vertical-align:top; padding-left:0px !important; font-size:10px !important; width:100px !important; font-weight:bold !important;}
.coopPop table .value {vertical-align:top; font-size:10px !important; font-weight:normal !important;}
.coopPop .legalBlock {padding:10px; font-size:10px; color:#99a9c2; margin-top:10px; background:#d9e5e1;}
.coopPop .close {text-align:right; margin:15px 15px 0px 0px; padding-bottom:15px;}