/*

Theme Name: BRIEFCASE

Design Studio: Obox Design http://www.obox-design.com

Version: 1.0.9

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: 1020px; margin: auto;}

#header-container{padding: 30px 20px 30px;}

	#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 -------------------*/

	ul#menu{float: right; margin-top: 11px;}

	ul#menu li.parent-item{float: left; margin-right: 40px; font-size: 15px; position: relative;}

		ul#menu li.parent-item:last-child{margin-right: 0px;}



		ul#menu li.parent-item a.parent-link{font-weight: bold;}

			

		/*--------------------------*/

		/*- SUB MENU ---------------*/

		ul.sub-menu{position: absolute; z-index: 1000; clear: both; top: 45px; left: -20px; width: 190px; 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;}

					

			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{}

					

			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;}





/*-------------------------------------------------------------------------------------------*/

/*- FEATURES CONTAINER (I couldn't think of a better name) ----------------------------------*/

/*-------------------------------------------------------------------------------------------*/

.title-container{padding: 30px; 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: 310px; margin: 0px 5px 25px 5px;}

	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: 1020px; 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: 980px;}

			.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;}




