/*_____________________ RESET ________________________________*/
html, body, div, span, h1, h2, h3, p, a, ul, li, ol, img, sup{border:0; margin:0; outline:0; padding:0}

/*_____________________ GLOBALS ________________________________*/
body{background:url(images/site-bg.jpg) no-repeat #cfcfcf; color:#fff; font:90% Verdana, Arial, Helvetica, sans-serif}

a{color:#fff; font-weight:bold; text-decoration:none}
	a:hover{background:#300}
	
.cleared{clear:both}

/*_____________________ NAVIGATION/HEADER _________________________________________________*/
#top-contain{min-width:1000px}

#nav{float:left; height:66px; padding:40px 0 0 0; width:650px}
	#nav li{float:left; list-style:none}
		#nav li a:hover{background:none}
	
#nav img{height:32px}
	.btnhome{width:92px}
		.btnhome:hover{background:url(images/home_roll.png) no-repeat}
	.btncontact{width:124px}
		.btncontact:hover{background:url(images/contact_roll.png) no-repeat}
	.btnother{width:99px}
		.btnother:hover{background:url(images/video_roll.png) no-repeat}
	.btnprint{width:93px}
		.btnprint:hover{background:url(images/print_roll.png) no-repeat}
	.btnabout{width:102px}
		.btnabout:hover{background:url(images/about_roll.png) no-repeat}
	.btnweb{width:72px}
		.btnweb:hover{background:url(images/web_roll.png) no-repeat}
		
#social{background:url(images/logos.jpg) top right no-repeat; height:20px; position:absolute; right:25px; top:0; width:108px; z-index:20}
	#social a:hover{background:none}
	#social img{height:20px}
		.lfm{width:31px}
		.sm{width:20px}

/*_____________________ CONTENT AREA _______________________________________________________*/
#content{background:#680e0e; min-width:1084px}

#intro{float:left; margin:0 0 0 20px; padding:10px 0; width:370px}

#section-content{float:left; margin:0 0 0 20px; padding:10px 5px 10px 0}

#section-splash{background:url(images/front.png) no-repeat; float:right; height:339px; margin:-100px 0 0 20px; padding:10px 5px 10px 0; width:660px}

#content-bottom{background:url(images/bottom.png) repeat-x; height:30px}

/*_____________________ CONTENT AREA - sub pages ____________________________________________*/
#about{border-right:#300 dashed 2px; float:left; margin:0 0 0 20px; padding:10px 40px 10px 0; width:550px}

#section-content-about{float:left; font-size:12px; margin:0 0 0 30px; padding:10px 5px 10px 10px; width:330px}

.nobullet{list-style:none}

/*_____________________ HOME PAGE CALLOUT BOXES ___________________________________________*/
#homebuttonsrow{background:url(images/boxes.png) repeat-x; height:267px; list-style:none; margin:0 auto; width:1000px}

.homebutton{float:left; height:167px; margin:4px 0 0 6px; padding:0 25px 0 25px; text-align:left; width:271px}
	.homebutton h2{color:#680e0e; font-weight:bold; margin:15px 0 10px 0}
	.homebutton p{color:#000; font-size:12px; font-weight:normal; margin:10px 0}
	.homebutton a{color:#300; text-decoration:none}
		.homebutton a:hover{color:#fff;background-color:#300;}
	
/*_____________________ RECENT PROJECTS BOX ______________________________________________*/
#thumbroll{list-style-type:none;background:none}
	#thumbroll li{display:inline}
	#thumbroll img{opacity:0.34}
		#thumbroll img:hover{opacity:1}

li.tips p{display:none}
	li.tips:hover p{background:#ccc; border:#300 thin dashed; bottom:4em; display:block; padding:3px; position:absolute; right:0; width:100px}
	li.tips{position:relative; z-index:25}
		li.tips:hover{z-index:26}
	
/*_____________________ TWITTER BOX ____________________________________________________*/
#twitter_div{margin:0 0 0 10px}
	#twitter_div img{float:right; padding:0 0 0 10px;}
	#twitter_div li{color:#000; margin:0 0 0 25px}
	
#twitter_update_list{font-size:12px; font-variant:small-caps; font-weight:bold; list-style:upper-alpha outside url(images/quotes.png)}
	#twitter_update_list a{color:#300; font-style:oblique}
		#twitter_update_list a:hover{background-color:#300; color:#ccc}

/*_____________________ FOOTER _____________________________________________________________*/
#footer{background:#600; bottom:0; color:#fff; font-size:70%; margin:10px 0 0; min-width:800px; position:fixed; text-align:center; width:100%}

/*_____________________ PRINT & OTHER TOGGLE CSS ________________________________________*/
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {display:none}
}
/* Hide useless elements in print layouts... */
@media print {.tabs-nav{display:none}}

.tabs-nav{color:#fff; list-style:none; padding:0 0 2px}
	.tabs-nav li{border-right:#300 2px dashed; display:block; float:left}
		.tabs-nav li:last-child{border-right:0}
	.tabs-nav:after{clear:both; content: " "; display:block}
	.tabs-nav a,.tabs-nav a span{font-size:10px; padding: 0 4px}
	.tabs-nav .tabs-selected a{text-decoration:underline}
	
.toggle_container{border-top:#300 solid 1px; clear:both; font-size:.85em; margin:15px 0 0; overflow:hidden; padding:10px 0}