/*
Theme Name: Briefcase
Design Studio: Obox Design http://www.obox-design.com
Version: 1.1.7
Author: Obox Design
Author URI: http://www.obox-design.com
*/


/*--------------------------------------------------------------------------------------------------------------------------*/
/*- RESET - Courtesy of Eric Meyer's CSS Reset Awesomeness: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ ---*/
/*--------------------------------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


/*--*********************************************************************************--------*/
/*- IE6 WARNING - BEFORE WE DO ANYTHING!! WE NEED TO TELL EVERYONE TO GET RID OF IE 6 -------*/
/*-------------------------------------------------------------------------------------------*/
.no_ie{clear:both; border-bottom: 2px solid #a60000; background: #ffcece; color: #000; font-weight: bold; padding: 10px; text-align:center; }
	.no_ie h1{font-size: 22px; color: #a60000;}
	.no_ie p{margin: 0px; padding: 0px;}
	.no_ie a{color: #a60000; text-decoration: underline;}
	.no_ie a:hover{color: #000;}


/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
body{margin: 0px; padding: 0px; font-size: 14px; font-family:  Arial, Helvetica, sans-serif;}

h1, h2, h3, h4, h5, h6{margin: 0px 0px 10px; padding: 0px 0px 5px;}

h1{font-size: 18px; line-height: 22px;}
h2{font-size: 16px; line-height: 18px; letter-spacing: -1px;}
h3{font-size: 14px; line-height: 18px;}
h4{font-size: 13px; line-height: 16px; font-weight: bold; padding: 0px; margin: 0px 0px 5px;}
h5{font-size: 12px; line-height: 15px;}
h6{font-size: 10px; line-height: 13px;}

p{font-size: 13px; line-height: 22px; margin-bottom: 10px;}
blockquote, blockquote p{}

strong{font-weight: bold;}
em{font-style: italic;}

form{}
label{}
textarea, input{font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
input[type=radio]{}
input[type=checkbox]{}
input[type=image]{}
input[type=button]{}


/*-------------------------------------------------------------------------------------------*/
/*- GLOBAL CLASSES --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*--- Links ---*/
a.std_link, a{text-decoration: none;}
a.std_link:hover, a:hover{text-decoration: underline;}
a:active{text-decoration: underline;}
	
/*--- Layouts ---*/
.no_bg{background-image: none;}
.clearboth{clear: both}
.floatleft{float: left;}
.floatright{float: right;}
.floatright{float:right;}
.no_display{display: none;}

.alignleft{float: left; margin: 0px 20px 10px 0px;}
.alignright{float: right; margin: 0px 0px 10px 20px;}
.aligncenter{text-align: center;}


/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#container{width: 980px; margin: auto;}
#header-container{padding: 20px 20px 20px;}
	#header{position: relative; z-index: 999;}

#content-container{clear: both;}
	.main-content{padding: 30px;}
	#left-column{float: left; width: 600px; padding: 40px 20px 10px 0px; margin-left: 20px;}
	#right-column{float: right; width: 300px; padding: 40px 0px 20px 0px; margin-right: 20px;}
	#full-width{padding: 40px 0px 0px;}
	
#search-bar{clear: both; padding: 20px;}
	
#footer-container-submenu{margin: 0px; padding: 30px; overflow: auto;}
#footer-container{margin: 0px; padding: 0px;}


/*-------------------------------------------------------------------------------------------*/
/*- HEADER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.logo{float: left; margin: 0px; padding: 0px; line-height: normal;}

	/*--------------------------*/
	/*- MENU -------------------*/
	.menu ul#nav{float: right; margin-top: 70px;}
	.menu ul#nav li{float: left; margin-right: 40px; font-size: 15px; position: relative;}
		.menu ul#nav li:last-child{margin-right: 0px;}
		.menu ul#nav li a{font-weight: bold; color: #fff;}
			
		/*--------------------------*/
		/*- SUB MENU ---------------*/
		.menu ul ul.sub-menu{position: absolute; z-index: 1000; clear: both; top: 45px; left: -20px; width: 140px; line-height: 20px;
					-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
					-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;}
					
			.menu ul ul.sub-menu li{font-size: 13px;}
				ul.sub-menu li a{display: block; padding: 4px 8px; text-decoration: none;}
					ul.sub-menu li a:hover{}
					
			.menu ul ul.sub-menu li:last-child a{border: none;
					-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
					-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;}

	/*---------------------------*/
	/*- WORDPRESS MENU ----------*/
	#nav{float: right; margin-top: 11px;}
		#nav li{float: left; margin-right: 30px; font-size: 15px; position: relative;}
			#nav li:last-child{margin-right: 0px;}
			#nav li a{font-weight: bold; text-decoration: none;}
	
		#nav ul.sub-menu, #nav ul.sub-menu ul{position: absolute; clear: both; top: 45px; width: 160px; line-height: 20px;
												-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
												-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;}
				
		#nav ul.sub-menu ul{position: absolute; z-index: 1000; clear: both; top: 0px; left: 161px; line-height: 20px;
								-moz-border-radius: 5px; -webkit-border-radius: 5px;}
					
			#nav ul.sub-menu li{clear: both; float: none; font-size: 13px;}
			
				#nav ul.sub-menu li a{display: block; padding: 4px 8px; text-decoration: none;}
					#nav ul.sub-menu li:hover{background: none; background-color: none;}
					
					
/*-------------------------------------------------------------------------------------------*/
/*- FEATURES CONTAINER (I couldn't think of a better name) ----------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.title-container{padding: 15px; position: relative;}
	.title-container .feature-container{width: 950px; height: auto; overflow: hidden; position: relative;}
		.title-container .feature-container .feature-slider{left: 0px; position: relative; z-index: 1; width: 99999px;}
			.title-container .feature-container .feature-slider .feature-slide{float: left; width: 960px;}
			
	.title-container .copy{float: left; width: 380px; margin: 0px !important; padding: 0px !important;}
		.title-container h2{font-weight: bold; font-size: 35px; margin: 0px 0px 0px !important; padding: 0px; line-height: 35px !important; letter-spacing: -1px;}
		.title-container p{margin: 10px 0px 0px;}
		.title-container .action-link{clear: both; display: inline-block; padding: 15px 35px; margin: 30px 0px 0px 7px; text-align: center; font-size: 18px; font-weight: bold;
										-webkit-border-radius: 5px;
										-moz-border-radius: 5px;}
										
			.title-container .action-link:hover{text-decoration: underline;}
	
	.title-container .image{float: left; width: 480px; max-height: 300px; padding: 0px; margin: 0px 0px 0px 50px;}

	.previous-slide, .next-slide{display: block; width: 50px; height: 60px; text-indent: -9999px; overflow: hidden; position: absolute;}
		.previous-slide{left: -35px; top: 43%; z-index: 3;}
		.next-slide{background-position: top right; right: -35px; top: 43%; z-index: 3;}
			.previous-slide:hover{background-position: bottom left;}
			.next-slide:hover{background-position: bottom right;}


/*-------------------------------------------------------------------------------------------*/
/*- HOME PAGE LAYOUT ------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
ul.features li{float: left; width: 280px; margin: 0px 25px 25px 0px;}
	ul.features li img.feature-icon{float: left; margin-left: 10px;}
	ul.features li .copy{width: 220px; float: right; margin: 0px;}
		ul.features li h3, ul.features li h3 a{padding: 0px; margin: 0px 0px 8px !important; font-size: 20px; font-weight: bold;}
			ul.features li h3 a:hover{}
		ul.features li p{}
	ul.features li:nth-child(3n){margin-right: 0px;}


	/*--------------------------------------------------------------------------*/
	/*- HOME PAGE BLOCKS WHICH CAN LIST THINGS LIKE BLOG POSTS AND SPECIALS ----*/
	ul.home-three-column{clear: both; padding: 0px 00px;}
		ul.home-three-column li{float: left; padding: 28px; width: 270px;}
			ul.home-three-column li h3, ul.home-three-column li h3 a{text-align: center; font-weight: bold; font-size: 20px;}
				ul.home-three-column li h3 a:hover{}
			ul.home-three-column li.column-two{}
		ul.home-three-column li div.entry{padding: 20px 0px;}
		
			ul.home-three-column li div.quote img{float: left; display: block; margin: auto auto 10px; padding: 10px; 
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;}
			ul.home-three-column li div.quote p{float: right; width: 190px; font-size: 11px; font-style: italic;}


/*-------------------------------------------------------------------------------------------*/
/*- SHOWCASE --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.showcase{clear: both;}
	.showcase h2{padding: 15px 20px; margin: 0px; font-size: 24px; font-weight: bold;}
	.showcase h2 span{float: right;}
		.showcase h2 span a{font-size: 10px; margin-right: 10px;}
		
	.showcase-containter{position: relative; z-index: 1; width: 980px; height: 154px; display: block; overflow: hidden;}
		.showcase-containter div{position: relative; z-index: 1; width: 99999px; left: 0px;}
		.showcase ul{float: left; padding: 20px; position: relative; width: 940px;}
			.showcase ul li{float: left; margin-right: 17px;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;}
				.showcase ul li a{display: block; width: 140px; height: 110px; overflow: hidden;}
			.showcase ul li.last{margin-right: 0px;}


/*-------------------------------------------------------------------------------------------*/
/*- SEARCH BAR ------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.search-form{width: 730px; margin: auto;}
	#search-bar h4{float: left; margin-right: 20px; font-weight: bold; font-size: 25px; padding: 10px 0px 0px;}
	.search{float: left; width: 470px; height: 20px; padding: 9px; margin-right: 20px; font-weight: bold; font-size: 17px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;}
	.search_button{float: left; width: 100px; height: 39px; font-size: 15px; font-weight: bold;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;}

/*-------------------------------------------------------------------------------------------*/
/*- POSTS CLASSES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*- RESET SOME CLASSES FOR THE COPY AFTER CLEARING EVERYTHING AT THE TOP OF THE CSS  -*/
.copy{}
.copy p{clear: none; font-size: 14px;}
.copy ol, .copy ul{list-style: disc; margin: 0px 0px 10px 30px; font-size: 15px;}
	.copy ol li, .copy ul li{line-height: 22px; padding-bottom: 10px; font-size: 15px;}
.copy ol{list-style: decimal;}
.copy code, .post .copy pre{}
.copy img{}
.copy h2{line-height: 35px; margin-top: 20px;}
.copy h3{margin-top: 20px;}

h2.content-header{font-size: 20px; margin-bottom: 0px;}
.header-caption-title{margin: 0px 0px 5px; padding: 0px; font-size: 11px; font-style: italic;}

.post-images{float: left; width: 220px;}
	a.post-image{display: block; width: 220px; overflow: hidden; margin-bottom: 10px;}
	a.post-image:hover{}
	.post-images .image-caption-title{margin: 0px 0px 5px; padding: 0px; font-size: 11px; font-style: italic; font-weight: bold;}
	.post-images .image-caption-copy{font-size: 11px; font-style: italic;}

#left-column .post-content{float: right; width: 350px;}
	.post-content h4.date, .copy h4.date{margin-bottom: 10px; font-size: 10px; text-transform: uppercase;}
	
#full-width .post-content{clear: both; padding: 0px 30px 40px;}

	/*--------------------------------------------*/
	/*- BLOG LAYOUT ------------------------------*/
	.blog-content{margin-bottom: 40px;}
		.blog-content a.post-image{float: left; margin: 0px 15px 10px 0px;}
		
		
/*-------------------------------------------------------------------------------------------*/
/*- COMMENTS --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#comments{clear: both; padding-top: 30px; margin-top: 30px;}
	#comments h3{font-weight: bold; font-size: 20px;}
	.comment{clear: both; margin-bottom: 20px; padding-bottom: 10px;}
		.comment h4.comment-date{font-size: 10px; font-weight: bold; float: right; margin: 0px; padding: 0px;}
		.comment h3, .comment h3 a{font-size: 12px; font-weight: bold; text-transform: uppercase; margin: 0px 0px 8px; padding: 0px;}

		.user{width: 60px; height: 60px; overflow: hidden; float: left;}
			.user img{width: 60px; height: 60px;}

		.comment-post{width: 270px; float: right;}
		.comment-post .action-link{display: block; padding-bottom: 10px; text-transform: uppercase; font-size: 10px; font-weight: bold;}

	/*--------------------------------------------------------*/
	/*- THREADED COMMENTS - ITS TIME TO THREAD THIS BEAST ----*/
	.threaded-comments{clear: both; margin-left: 60px;}
		.threaded-comments .thread-comment{ margin-top: 20px; padding-top: 20px;}
			
			.threaded-comments .user{width: 40px; height: 40px;}
				.threaded-comments .user img{width: 40px; height: 40px;}
				.threaded-comments .comment-post{width: 230px;}
					.threaded-comments .comment-post blockquote{}


	/*--------------------------------------------*/
	/*- BLOG LAYOUT - COMMENTS -------------------*/
	.blog-content .comment-post{width: 510px; float: right;}
	.blog-content .threaded-comments .comment-post{width: 470px;}


/*-------------------------------------------------------------------------------------------*/
/*- POST A COMMENT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.comment-form-content{margin-bottom: 30px;}
	.comment-form-content .comment_form label{clear: right; float: left; width: 70px; margin: 5px 0px 20px; font-size: 16px; font-weight: bold;}

	.comment-input{float: right; width: 265px;}
		.comment-input input{width: 235px; padding: 5px; margin-bottom: 20px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;}
	.comment-texarea{float: right; width: 265px;}
		.comment-texarea textarea{width: 263px; height: 170px; padding: 5px; margin-bottom: 10px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;}
	.checkbox{ clear: both; margin-left: 80px; margin-bottom: 10px;}
	input.submit_button{margin-left: 83px; font-weight: bold; text-align: center; padding: 5px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;}

	/*--------------------------------------------*/
	/*- BLOG LAYOUT - POST A COMMENT -------------*/
	.blog-content .comment-form-content{width: 350px;} 


/*-------------------------------------------------------------------------------------------*/
/*- BLOG LIST PAGE --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.blog-index .blog-content{margin-bottom: 30px; padding: 0px 0px 30px;}
	.blog-index .blog-content h3.post-title{margin-bottom: 0px; font-weight: bold; font-size: 18px;}
	.blog-index .blog-content h4.date{margin-bottom: 10px; font-size: 10px; text-transform: uppercase;}

	.continue-reading{display: inline-block; padding: 10px 8px; font-weight: bold; font-size: 12px; position: relative;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;}

	/*--------------------------------------------------------*/
	/*- PAGINATION -------------------------------------------*/
	ul.page_button_content{ margin-bottom: 30px;}
		ul.page_button_content li{float: left; margin-right: 5px;}
		ul.page_button_content li a{padding: 4px 8px; font-weight: bold; font-size: 12px; position: relative;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;}
		ul.page_button_content li a:hover{color: inherit;}


/*-------------------------------------------------------------------------------------------*/
/*- ARCHIVES --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
h4.archive_year{margin-bottom: 0px; font-weight: bold; font-size: 20px;}
ul.archives_list li{line-height: 24px; padding: 15px 0px; font-size: 13px;}
	.archives_list li .archive-post-image{width: 45px; height: 45px; margin-right: 20px; overflow: hidden; float: left;}
		.archives_list li .archive-post-image img{display: block; margin: auto;}
	.archives_list .date{display: block; margin-right: 20px; font-size: 10px; text-transform: uppercase;}
		ul.archives_list .date sup{position: relative; top: -3px; font-size: 7pt; text-transform: lowercase; font-size: 8px;}
		ul.archives_list .label{float: right; font-size: 10px; text-transform: uppercase;}
		
.archives_list li:last-child{margin-bottom: 50px;}


/*-------------------------------------------------------------------------------------------*/
/*- PRODUCT LIST ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
ul.product-list{}
	ul.product-list li{float: left; width: 180px; height: 255px; padding: 0px 0px 5px; margin: 0px 26px 40px 0px;}
	ul.product-list li a.product-image{display: block; width: 180px; margin: 0px auto 10px; overflow: hidden;}
		ul.product-list li a.product-image img{display: block; width: auto; margin: auto;}
		
	ul.product-list li a.product-name{display: block; margin-bottom: 8px; line-height: 20px; font-weight: bold; text-align: center;}
	ul.product-list li a.product-price{display: block; font-size: 10px; text-transform: uppercase; text-align: center;}
	
	ul.product-list li.alt{margin-right: 0px;}

/*-------------------------------------------------------------------------------------------*/
/*- RIGHT COLUMN ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#right-column h3, #right-column h3 a{padding: 10px; margin: 0px; font-weight: bold; font-size: 20px; position: relative;
										-moz-border-radius-topright: 4px;
										-webkit-border-top-right-radius: 4px;
										-moz-border-radius-topleft: 4px;
										-webkit-border-top-left-radius: 4px;}

#right-column ul, #right-column p{font-size: 12px;}
#right-column ul li.widget{ margin-bottom: 20px;}
	#right-column ul li.widget:last-child{}
	#right-column ul li.widget ul{border-top: none; font-weight: bold;}
		#right-column li.widget ul li{padding: 10px;}
			#right-column li.widget ul li:first-child{}
			#right-column li.widget ul li:last-child{ border-bottom: none;}

	#right-column .textwidget{padding: 10px; border-top: none; line-height: 20px;}


	/*--------------------------------------------*/
	/*- ADVERTS -----------------------------------*/
	#right-column .advert-container{padding: 12px 0px 0px; border-top: none;}
	#right-column .advert-container .advert{width: 125px; height: 125px; float: left; margin: 0px 12px 12px;}


	/*--------------------------------------------*/
	/*- CALENDAR ---------------------------------*/
	#calendar_wrap{border-top: none;}
		#wp-calendar{padding: 10px; border-collapse: collapse; width: 90%; margin: 0px auto 10px;}
		#wp-calendar caption{padding: 10px 0px; font-size: 15px; font-weight: bold;}
		#wp-calendar td, #wp-calendar th{padding: 8px 10px; text-align: center;}
		#wp-calendar th{font-size: 10px; text-transform: uppercase;}
		#wp-calendar tbody td{}
			#wp-calendar tbody #today{display: block; font-weight: bold;}
			#wp-calendar tbody a{ font-weight: bold;}
			#wp-calendar tbody a:hover{}
		#wp-calendar tfoot {font-size: 10px; text-transform: uppercase;}


	/*--------------------------------------------*/
	/*- TWITTER ----------------------------------*/
	ul#twitter_update_list{ line-height: 20px;}
		ul#twitter_update_list li{font-weight: lighter; text-transform: uppercase;}
		ul#twitter_update_list li span{display: block; text-transform: lowercase;}
		ul#twitter_update_list li a{font-weight: bold;}


	/*--------------------------------------------*/
	/*- DEFINE BORDER RADII FOR WIDGET ITEMS -----*/
	#right-column ul li.widget ul, .textwidget, #calendar_wrap, #right-column .advert-container{
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				-moz-border-radius-topright: 0px;
				-webkit-border-top-right-radius: 0px;
				-moz-border-radius-topleft: 0px;
				-webkit-border-top-left-radius: 0px;}

	/*--------------------------------------------*/
	/*- RELATED ITEMS IN THE RIGHT COLUMN --------*/
	.related-slider-container{height: 240px; width: 300px; display: block; overflow: hidden; position: relative;}
	 	.related-one{height: 80px;}
	 	.related-two{height: 160px;}
		.related-sliding-element{position: relative; height: auto; width: 300px; z-index: 1; top: 0px;}
	.related-items{}
		.related-items li{padding: 10px; min-height: 60px;}
			.related-items li a.thumbnail{width: 55px; height: 55px; overflow: hidden; float: left;}
			
			.related-items li a.description{float: right; width: 200px; text-transform: uppercase; font-size: 11px; font-weight: bold; line-height: 18px;}
			.related-items li a.long-description{float: left; width: 260px; text-transform: uppercase; font-size: 11px; font-weight: bold; line-height: 18px;}
				.related-items li a.description span, .related-items li a.long-description span{display: block; font-weight: lighter; font-size: 10px;}
				.related-items li a.description:hover, .related-items li a.long-description:hover{text-decoration: none;}
			
				.related-items li a.description span{display: block; font-weight: lighter; font-size: 10px;}
				.related-items li a.description:hover{text-decoration: none;}
			
	#right-column .controls{padding: 8px 72px; margin-bottom: 30px; text-transform: uppercase; font-size: 10px;
								-moz-border-radius-bottomright: 4px;
								-webkit-border-bottom-right-radius: 4px;
								-moz-border-radius-bottomleft: 4px;
								-webkit-border-bottom-left-radius: 4px;}
		#right-column .controls a{font-weight: bold; padding: 0px 15px;}


	/*--------------------------------------------*/
	/*- TABBED CONTENT ---------------------------*/
	a.tab{display: block; float: left;padding: 10px 8px; margin: 0px 5px 5px 0px; font-weight: bold; font-size: 12px; position: relative;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;}
		a.tab-active{}
		a.last-tab{margin-right: 0px;}
	.tabbed-content{clear: both; width: 300px; height: auto; margin-bottom: 20px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;}
		.tabbed-content li{padding: 10px; min-height: 60px; }
			.tabbed-content li a.thumbnail{width: 55px; height: 55px; overflow: hidden; float: left;}
			
			.tabbed-content li a.description{float: right; width: 200px; text-transform: uppercase; font-size: 11px; font-weight: bold; line-height: 18px;}
				.tabbed-content li a.description span{display: block; font-weight: lighter; font-size: 10px;}
				.tabbed-content li a.description:hover{text-decoration: none;}
			.tabbed-content li:last-child{border-bottom: none;}
				
	.tag-area{clear: both; padding: 10px; line-height: 20px; height: auto;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;}


/*-------------------------------------------------------------------------------------------*/
/*- FOOTER WITH SUB MENU --------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#footer-container-submenu ul{float: left; width: 220px; margin: 0px 10px 0px 0px;}
#footer-container-submenu ul.alt{margin: 0px;}
	#footer-container-submenu ul li{padding: 8px 0px; font-size: 12px;}
		#footer-container-submenu ul li h3{font-size: 15px; font-weight: bold; margin-bottom: 0px; padding: 0px;}
		#footer-container-submenu ul li a{display: block;}
			
			
/*-------------------------------------------------------------------------------------------*/
/*- FOOTER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
ul.footer-columns{overflow: auto;}
	ul.footer-columns h3{font-weight: bold;}
	ul.footer-columns li.column-one{float: left; width: 240px; padding: 30px;}
	ul.footer-columns li.column-two{float: right; width: 590px; padding: 30px 30px;}


.footer-copy{}
	p.copyright{}
		p.copyright a{}
		p.copyright a:hover{}
	a.obox-logo{clear: both; display: block; width: 185px; height: 16px; margin-top: 20px; text-indent: -9999px; overflow: hidden;}
		a.obox-logo:hover{clear: both; width: 185px; height: 16px;}


/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*- CLEARFIX --- * I prefer not to touch this code, I don't recommend you do so either, it works... so don't fix whats working ;) * -*/
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none;	margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;}

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after{clear: both; content: '.'; display: block; visibility: hidden; height: 0;}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}