@charset "utf-8";

/*
    ================================================================================================
      CSS Document 
    ================================================================================================
*/

/*
    ================================================================================================
      Site Wide
    ================================================================================================
*/

    img  {border: none;}
	
	.clear	{ clear:both;}
	
	.clearfix:after {
     content: " "; 
     display: block; 
     height: 0; 
     clear: both; 
     visibility: hidden;
     }
	/* Hides from IE-mac */
	* html .clearfix {height: 1%;}
	/* End hide from IE-mac */
	
	
	a	{ text-decoration:none; text-transform:none; outline:0; text-shadow: rgba(255, 255, 255, 0.699219) 0px 1px 0px;}
	
	a:hover	{ text-decoration:underline;}
	
	a[href$='.pdf'] {padding-right: 18px;background: transparent url(images/link-pic/icon_pdf.gif) no-repeat center right;}
	
	a[href ^="mailto:"] {padding-right: 18px;background: transparent url(images/link-pic/icon_mailto.gif) no-repeat center right;}

	a[href$='.doc'] { padding-right: 18px;background: transparent url(images/link-pic/icon_doc.gif) no-repeat center right;}
	
	a[class ="popup"] {padding-right: 18px;background: transparent url(images/link-pic/icon_popup.gif) no-repeat center right;}

/*
    ================================================================================================
      Text Style
    ================================================================================================
*/

    h1  {font:Arial, Helvetica, sans-serif;font-size:12px;font-style:normal;color: #ffffff; text-shadow: rgba(255, 255, 255, 0.699219) 0px 1px 0px;}
	 
    h2  {font:Arial, Helvetica, sans-serif;font-size:12px;font-style:normal;color: #535353; text-shadow: rgba(255, 255, 255, 0.699219) 0px 1px 0px;}
	 
    h3  {font:Arial, Helvetica, sans-serif;font-size:12px;font-style:normal;color: #000000;margin:auto; text-shadow: rgba(255, 255, 255, 0.699219) 0px 1px 0px;}
	
	h4  {font:Arial, Helvetica, sans-serif;font-size:18px;font-style:normal;color: #ffffff; text-shadow: rgba(255, 255, 255, 0.699219) 0px 1px 0px;}
	    
    h5  {font-family: Arial, Helvetica, sans-serif, AmplitudeWide-Regular;font-size:36px;color:#FFFFFF;line-height:normal;margin:auto; text-shadow: rgba(255, 255, 255, 0.699219) 0px 1px 0px;}

    h6  {font-family: Arial, Helvetica, sans-serif, AmplitudeWide-Regular;font-size:14px;color:#535353;line-height:normal;margin:auto; text-shadow: rgba(255, 255, 255, 0.699219) 0px 1px 0px;}
	
	h7	{font-size: 14px;font-weight: bold; text-shadow: rgba(255, 255, 255, 0.699219) 0px 1px 0px;}

/*
    ================================================================================================
      Video
    ================================================================================================
*/
	
	.video-box	   { width:465px; float:left; margin:0 10px 10px 10px; position:relative; padding:5px;}
	.video-pic	   { width:170px; padding:5px; float:left;}
	.video-text	   { width:270px; float:right; }
	.video-text h1 { font-weight: bold;font-family: Arial, Helvetica, sans-serif;font-size: 12px; margin-bottom:0px; color:#535353; }
	.video-text i  { font-size: 10px;line-height: 14px; font-style:italic;}
	
	.border		   { border-top:1px dotted #535353; border-bottom:1 px solid #fff; padding:10px; clear:both; margin: 0 25px;}
	
	.video-box2	   { width:465px; float:right; margin:0 10px 10px 10px; position:relative; padding:5px;}
	
	.boxx		   { width:993px; position:relative; margin:0 auto;}
	.vtc-ad		   { position:absolute; right:20px; top:3px;}
	

/*
    ================================================================================================
      Content
    ================================================================================================
*/
	.vtc-content {position:relative;}
	.vtc-box {width:920px; display:block; background:url(images/border.png) top repeat-x #dddddd; border: 1px solid #aeaeae; overflow:auto; margin:20px auto; position:relative; padding:5px; z-index: 200;}
	
	.vtc-text { width:570px; height:150px; float:right; margin:5px; height:auto;}
	
	.line {background:url(images/line.jpg) repeat-x; width:550px; height:2px; margin:5px;}
	
	.vtc-box p { padding:0px 5px; overflow: hidden;}
	
	.vtc-box h1 { font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#333333; text-shadow: rgba(255, 255, 255, 0.699219) 0px 1px 0px; margin-left: 5px;}
	
	.vtc-image {padding:15px 10px; float:left; display:block;}
	
	.vtc-button {background:url(images/vtc-button.png) top left; width:182px; height:52px; display:block; position:absolute; top:100px; right:15px;}
	
	.vtc-button:hover { background-position: bottom left;}
	
	.vtc-ribbon { background:url(images/new-ribbon.png); width:111px; height:111px; display:block; position:absolute; top:-4px; left:10px; z-index:400;}
	
	.video-promo	{ background:url(images/video-promo.jpg) top left; position:absolute; width:429px; height:249px; top:15px; left:515px;}
	
	.video-promo:hover	{ background:url(images/video-promo.jpg) bottom left;}
	
/*---end---*/

	#logo {background-image: url(images/rcc-logo.png); background-repeat:no-repeat;width:359px;height:53px;padding-bottom: 5px;}

	#logo_place {width: 993px;margin: 0 auto; position:relative;}
	
	.rcc-like	{ width:100px; position:absolute; bottom:-143px; left:-60px; opacity:.2; -webkit-transition: opacity .5s ease-in-out;-moz-transition: opacity .5s ease-in-out;-o-transition: opacity .5s ease-in-out;transition: opacity .5s ease-in-out; }
	.rcc-like:hover { opacity:1; -webkit-transition: opacity .5s ease-in-out;-moz-transition: opacity .5s ease-in-out;-o-transition: opacity .5s ease-in-out;transition: opacity .5s ease-in-out;}

	#wrapper {width: 993px;margin: 0 auto;color: #535353;font-size: 13px;line-height: 20px;background-color: #f4f4f4;-moz-border-radius              :10px 10px 0px 0px;-moz-border-radius: 10px 10px 0px 0px;-webkit-border-radius: 10px 10px 0px 0px;border-radius: 10px               10px 0px 0px;border-left: #d4d4d4 1px solid;border-right: #d4d4d4 1px solid;}
	
	.wrapper {width: 993px;margin: 0 auto;color: #535353;font-size: 13px;line-height: 20px;-moz-border-radius              :10px 10px 0px 0px;-moz-border-radius: 10px 10px 0px 0px;-webkit-border-radius: 10px 10px 0px 0px;border-radius: 10px               10px 0px 0px;border-left: #d4d4d4 1px solid;border-right: #d4d4d4 1px solid;}

	#topbar {height: 10px;}
	
	#nav {height: 41px;}

	#header {height: 360px;border: none;}

	#content {overflow: auto;padding-top: 20px;padding-right: 15px;}

	#right {overflow:auto;width: 1000px;}

	#container {overflow:auto;width: 993px;padding: 0px;}

	.bar_title {background-color: #d7d5d6;font-size: 18px;color: #002b4a;padding: 10px 5px;color: #000000;}

	.regular {font-size: 14px;letter-spacing: -1px;color: #002b4a;padding: 10px 5px;color: #000000;}

	.column  {width:220px; height:auto; float:left; padding-right: 10px;padding-left: 19px;padding-top: 5px;}

	.column_two  {width:450px; height:auto; float:left; padding-left: 20px;padding-right: 20px;}

	.column_three  {width:960px; height:auto;margin:auto;}

	.list  {width:225px; height:350px; float:left; padding-right: 5px;padding-left: 15px;padding-top: 10px;}

	.listed  {width:220px; height:350px; float:right; padding-left: 15px;padding-right: 5px;padding-top: 10px;}

	.block1  {width:470px;  float:left; padding-left: 15px;padding-right: 5px;padding-top: 10px;}

	.block2  {width:420px;  height: auto;float:right; padding: 10px;}

	.block3  {width:530px;  float:left; padding-left: 15px; padding-right: 5px;padding-top: 10px;}

	.headers  {width:960px;padding-right: 5px; padding-left: 17px;height:auto;}

	.blocker {position:absolute;top:1093px;right:150px; display:block; overflow:hidden;}

	.splash {width:993px;}

	.go_bg  {background-color: #e8b03c;width: 940px;height:890px;margin:auto;}

	.go_header  {width:673px;height:auto;padding: 10px 20px; position:relative;top: 100px; border-bottom:#000000 thin solid;}

	.go_para  {width:365px; height:auto ;float:left; margin-right:auto; padding-left: 30px; padding-top:17px;}

	.go_pics  {width:450px; height:auto; float:left;}

	.go_list  {width:322px;height:auto; float:right; margin-right:223px;}

	.go_text  {width:215px;height:auto; float:right;line-height:115px; list-style-type:none; margin-top:-650px;}

	.breaker  {width:960px;height:1px; background-color: #d7d5d6 ;margin: 10px auto 0px;}
	
	.broken  {width:960px;height:1px; background-color: #d7d5d6 ;margin:auto; clear:both;}

/*
     ================================================================================================
      Images
     ================================================================================================
*/

	.image_style  {float: left;padding-right: 10px;}

	.shade  {box-shadow: 2px 2px 2px #ccc;-moz-box-shadow: 2px 2px 2px #ccc;-webkit-box-shadow: 2px 2px 2px #ccc;}

	.vids  {width: 172px;height: 130px;padding: 0px 5px 10px 5px;float: left;border: none; opacity:.70;}

	.vids:hover  {opacity: 1;}

	.feature  {width:300px;height: auto;padding: 10px;float: right;}

	.lefty	{float: left;padding: 10px 10px 10px 0px;opacity:.70;outline: none;border: none;}

	.lefty:hover {opacity:1;outline: none;border: none;}

	.leftimg {float: left;padding: 10px 10px 10px 0px;}

	.rightimg {float: right;padding: 10px 0px 10px 10px;}

	.rightpad {float: right;padding: 20px;display: block;}

	.opac {padding:inherit;opacity:.70;outline: none;border: none;}

	.opac:hover {opacity:1;outline: none;border: none;}
	
	.opactive {opacity:1;outline: none;border: none;}
	
	.pdf-img {float: left;padding: 25px 10px 10px 10px;}	
	
	.right	{float:right;}
	
	.left	{float:left;}
	
	.devcon2 {border-top:dashed 1px #494949; width:350px; list-style-type:none; padding:0; margin:0px 5px;}
	
	.devcon2 p	{ margin:0px 10px;}
	.devcon2 ul	{ list-style:none; margin-left:-40px;}
		
	.devcon-title { width:350px; margin:10px 0px;}
	
	.devcon2 li a   {width:350px;border-bottom: dashed 1px #494949;display:block;text-align:center;line-height:21px;-webkit-transition:				 					background 0.3s linear; background:#f4f4f4;text-decoration:none;color:#333333;padding:10px 0;}

	.devcon2 li a:hover  {background-color:#e6e2e2;color: #333333;}
	
	.devcon2 a	{text-decoration:none; color: #333333;}

	
/*
     ================================================================================================
      Buttons
     ================================================================================================
*/

	a.title {font-size:10px;color:#535353;text-decoration:none;text-transform: uppercase;}

	a.title:hover {text-decoration:underline;text-transform: uppercase;}

	.sec_nav  {width:211px;height:auto;float:right;}

	.nav_buttons  {width: 211px;height:auto;float:right;padding-left: 20px;}

	ul#menu {margin:0px; padding:0px;position:absolute;right:0px;}

	ul#menu li {display: list-item;margin-left:12px;}

/*
     ================================================================================================
      Custom Buttons
     ================================================================================================
*/

.button {
   border-top: 1px solid #cd9017;
   background: #cd9017;
   background: -webkit-gradient(linear, left top, left bottom, from(#f7c352), to(#cd9017));
   background: -moz-linear-gradient(top, #f7c352, #cd9017);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #ffffff;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   text-align:center;
   }
.button:hover {
   border-top-color: #383838;
   background: #383838;
   color: #ffffff;
   }
.button:active {
   border-top-color: #464355;
   background: #464355;
   }

/*
     ================================================================================================
      Site Contents and Image Class and IDs
     ================================================================================================
*/

	#pdf {display:block;width:150px;margin:20px 0 0 0;}   

	#devcon-page .block1 p { overflow:hidden; }

	.devcon { border-top:dashed 1px #494949; width:470px; list-style-type:none; padding:0; margin:0px 5px; }

	.devcon li a   {width:470px;border-bottom: dashed 1px #494949;display:block;text-align:center;line-height:21px;-webkit-transition:				 					background 0.3s linear; background:#f4f4f4;text-decoration:none;color:#333333;padding:10px 0;}

	.devcon li a:hover  {background-color:#e6e2e2;color: #333333;}

	.click	{text-align:center;font-size:12px;text-transform:capitalize;color:#000000;width:350px;padding-bottom:20px;}
	
	#dload_bar { border-top: solid 1px #d7d5d6; border-bottom: solid 1px #d7d5d6; width:960px; height:41px; padding:0; margin:0; 		 				list-style-type:none; }
	
	#dload_bar li a   {border-right: solid 1px #d7d5d6; display:block;text-align:center;line-height:21px;-webkit-transition:		  		 						background 0.3s linear; background:#f4f4f4;text-decoration:none;color:#333333; display:inline; float:left;   		 						padding:10px;}
	
	#dload_bar a:hover  {background-color:#cee4f1;color: #333333;}
	
	#dload_bar .current  {background-color:#cee4f1;color: #333333;}
	
	#mini { padding:0; margin-left:15px;float:left; margin-bottom:10px;}
	
	ul#mini li {display:list-item; list-style:disc;}
	
	#mini li a   {text-align:center;line-height:18px;-webkit-transition:background 0.3s linear; background:#f4f4f4;text-decoration:none;color:#333333;padding: 1px 5px; font-size:11px;}
	
	#mini a:hover  {background-color:#e9de62;color: #333333;}


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

	#footer area {width: 1010px;margin: 0 auto;color: #535353;font-size: 8px;line-height: 20px; background-color:#d7d5d6; height:100%;}

	#footer {text-align: center;background-image:url(images/footer.jpg);background-repeat: repeat-x ; min-height:310px; font-family:Verdana, Arial, Helvetica,sans-serif;font-size:10px;	}

	.footer_column {float:left;width:300px;height: 130px;margin-left:0px;}

	.footer_columns {float:right;width:210px;margin-right:35px;}

	#footer .long {width:440px;}

	#footer h3 {color:#535353;text-transform:uppercase;font-size:10px;}

	#footer h4 {color:#535353;text-transform: capitalize;font-size:10px;}

	.footer_column ul li, .footer_column ul {list-style:none;margin:0px;padding:0px;}
	
	#footer_image {width: 993px;height: 46px;background-image:url(images/footer-image.png);background-repeat:no-repeat;top: 20px;}

	#tweet_section	{width:225px; height:150px; float:right; display:block;}

	.post	 {background-color: #f4f4f4; border-bottom: #666666 dotted; padding:10px;}
	
	.shadow	{text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); font-weight:bold;}

/*
     ================================================================================================
      Fixes
     ================================================================================================
*/

	#contact {color: #696969;padding: 5px;}

	#contact input {font-family: Arial, Helvetica, sans-serif;font-size: 14px;padding: 6px;border: 1px solid #696969;width: 250px;   		 					margin: 5px 0 5px 0;}

	#contact label {float: left;width: 80px;display: block;padding: 3px;margin: 3px 0 3px 0;clear: both;color: #000000;}

	#contact textarea {border: 1px solid #696969;font-family: Arial, Helvetica, sans-serif;font-size: 14px;padding: 6px;width: 250px;   						margin: 5px 0 5px;}

/*
     ================================================================================================
      Skins and Lists
     ================================================================================================
*/ 

	#skin ul {margin: 0px;padding: 0px;}

	#skin li {list-style-type: none;display: inline;padding-left: 10px;padding-right: 10px;}

	#skin a:link {text-decoration: none;color: #FFFFFF;}

	#skin a:visited{text-decoration: none;color: #FFFFFF;}

	ul.check  {list-style-type:none;padding:0px;margin:2px;}

	li.checked  {background-image:url(images/check.png);background-position: 5px 7px;background-repeat:no-repeat;padding-left: 30px;}

	li.checks  {background-image:url(images/check.png);background-repeat:no-repeat;padding-left: 30px;}
	
/*
     ================================================================================================
      Coda Slider
     ================================================================================================
*/ 
	
	.coda-container { width:900px; height:220px; margin:0px auto;}
	ul.coda-container {list-style:disc; line-height:5px;}
	
	#coda {
		width: 900px;
		margin: 30px auto;
		position: relative;
		overflow: visible;
	}
	
	.scroll {
		height: 210px;
		width: 900px;
		overflow: auto;
		overflow-x: hidden;
		position: relative;
		clear: left;
		background: #FFFFFF url(images/coda/content_pane-gradient.gif) repeat-x scroll left bottom;
	}
	
	.scrollContainer div.panel {
		height: 180px;
		width: 900px;
	}
	
	#shade {
		background: #EDEDEC url(images/coda/shade2.jpg) no-repeat 0 0;
		height: 37px;
		margin-bottom:-30px;
		margin-top:-1px;
	}
	
	ul.navigation {
		list-style: none;
		margin: 0;
		padding: 0;
		padding-bottom: 9px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
	ul.navigation li {
		display: inline;
		margin-right: 10px;
	}
	
	ul.navigation a {
		padding: 10px;
		color: #000;
		text-decoration: none;
	}
	
	ul.navigation a:hover {
		background-color: #d2d3d7;
	}
	
	ul.navigation a.selected {
		background: url(images/coda/nav-bg.jpg) repeat;
		border-top: 2px solid #d2d3d7;
	}
	
	ul.navigation a:focus {
		outline: none;
	}
	
	.scrollButtons {
		position: absolute;
		top: 120px;
		cursor: pointer;
	}
	
	.scrollButtons.left {
		left: -20px;
	}
	
	.scrollButtons.right {
		right: -20px;
	}
	
	.hide {
		display: none;
	}

/*
     ================================================================================================
      Disappearing Scroll
     ================================================================================================
*/

	#toTop {
		display:none;
		text-decoration:none;
		position:fixed;
		bottom:10px;
		right:10px;
		overflow:hidden;
		width:51px;
		height:51px;
		border:none;
		text-indent:-999px;
		background:url(images/ui.totop.png) no-repeat left top;
	}
	
	#toTopHover {
		background:url(images/ui.totop.png) no-repeat left -51px;
		width:51px;
		height:51px;
		display:block;
		overflow:hidden;
		float:left;
		opacity: 0;
		-moz-opacity: 0;
		filter:alpha(opacity=0);
	}
	
	#toTop:active, #toTop:focus {
		outline:none;
	}