/* reset.css */
/* html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0; */
/* padding:0; */
/* border:0; */
/* vertical-align:baseline; */
/* font-weight:inherit; */
/* font-style:inherit; */
/* font-size:100%; */
/* font-family:inherit; */
/* }
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block; */
/*____________________________________________________________

• AUTHOR	gabriel madison
• WEB		ohsoso.com
• EMAIL		info@ohsoso.com
• CLIENT	straight design
• VERSION	2.3
____________________________________________________________
HTML
__________________________________________________________*/

body	{ font-family: "DIN", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; overflow-y: scroll; margin: 0; padding: 0; }
table	{ border-spacing: 0; border-collapse: separate; }
caption, th, 
td 		{ text-align: left; }
table, td, 
th 		{ vertical-align: middle; }
blockquote:before, blockquote:after, q:before, 
q:after	{ content: ""; }
blockquote, 
q 		{ quotes: "" ""; }
a img, 
iframe 	{ border: none; }
img 	{ display: block; }
a 		{ color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }
li		{ list-style-type: none; }
strong	{ font-weight: normal; }
p, a, div, h1, h2, h3, li,  
span 		{ font-weight: normal; font-size: 11px; line-height: 15px; }
h1, h2, h3	{ margin: 0 0 0 0; text-transform: uppercase; font-size: 10px; line-height: 14px; }
p			{ padding: 0 15px 3px 0; }

/*__________________________________________________________
HEADER
__________________________________________________________*/

#logo				{ display: block; padding: 34px 0 34px 0; }
.menu-box 			{ width: 160px !important; }
.nav-side 			{ margin: 0 0 30px;}
.nav-side > li > a	{ display: block; padding: 72px 0; color:#FFF;}
.info-side li, 
.nav-side li 		{margin: 0 0 10px; background: #000; color: #000; text-align: center; text-transform: uppercase;}
.nav-side .current-menu-item, 
.nav-side li:hover 	{ background: #888; }

/*__________________________________________________________
FRONT PAGE
__________________________________________________________*/

.proj-desc 		{ display: none; position: absolute; top: 0; left: 0; color: #FFF; width: 100%; height: 100%; overflow: hidden; background: #888; z-index: 23; }
/* .proj-desc 		{ display: none; position: absolute; top: 0; left: 0; color: #FFF; width: 100%; height: 100%; overflow: hidden; background: #46FFE0; z-index: 23; } */
.proj-align		{ position: absolute; left: 10px; bottom: 0; text-transform: uppercase; }
.proj-desc p 	{ padding: 0 10px 0px 0; }
.proj-desc h2 	{ padding: 10px 10px 10px 0; display: block; }

#map 		{ height: 280px; }
#controls 	{ position: absolute; top: 10px; left: -12px; z-index: 1000; width: 24px; list-style: none; }

/*__________________________________________________________
CONTACT
__________________________________________________________*/

#txt_about p		{ text-transform: uppercase; padding: 0 0 3px 0; }
#txt_about strong	{ padding: 7px 10px; background: #000; color: #FFF; display: block; margin: 0; font-weight: normal; }
.box_1 strong, .box_2 strong
.box_3 strong		{ font-weight: normal; }
.box_3 a			{ display: block; height: 100%; }

#main h1			{ padding: 0 15px 0 0; }

/*__________________________________________________________
NEWS
__________________________________________________________*/

.no-image .news-like, 
.no-image .news-like span, 
.no-image .news-date	{ color: #FFF; }

.fixed h2				{ position: absolute; top: 10px; left: 10px; right: 10px; color: #FFF; text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.80); }
.fixed h2.head_black	{ color: #000; text-shadow: 0px 0px 40px rgba(0, 0, 0, 0.60); }
.fixed h2.head_white	{ color: #FFF; text-shadow: 0px 0px 40px rgba(255, 255, 255, 0.60); }
.fixed p				{ padding: 7px 15px 0 0; margin: 0; }

/*__________________________________________________________
SLIDESHOW
__________________________________________________________*/

.hidden-slideshow 	{ position: absolute;top: 0; z-index: 999; display:none; overflow: hidden;}
#pagination 		{ position: absolute; z-index: 999; width: 982px; text-align: right;}
.nav_cls 			{ text-transform: uppercase; margin: 0 10px 0 0; cursor: pointer;}
.nav_prv,
.nav_nxt			{ display: none;}
#pagination .dots a { display: inline-block;width: 9px;height: 9px;border-radius: 25px;background: #000;text-indent: 9999px;margin: 10px 2px 0;}
#pagination .dots a.activeSlide {background: #FFF;}
.slideshow-large 	{ background: #FFF; min-height: 1200px; height: 95%; }
.slide-image		{ cursor: pointer; }

/*__________________________________________________________
CLASS
__________________________________________________________*/

.inv_blk .nav-side li a, 
.inv_blk p, 
.inv_blk .info-side li 	{ margin: 20px 0; padding: 0; color: #FFF; text-align: center; }
.inv_blk.friends p	 	{ margin: 20px 5px 20px 5px; }
.inv_blk p a 			{ color: #FFF; font-weight: bold;}
.inv_blk		 	 	{ background: #000; text-transform: uppercase; }
.inv_wht			  	{ background: #FFF; }
.inv_blk a, 
.inv_blk strong			{ font-weight: normal; }

.pl.box_3 p				{ margin: 116px auto; }

.inv_blk_txt a,
.inv_blk a 			{ color: #FFF;}
.inv_blk_txt 		{ background: #000; color: #FFF; }
.inv_blk_txt p 		{ padding: 7px 10px 0 10px; text-transform: uppercase; }

.container			{ margin: 50px auto; padding: 0; width: 1200px;}
#main 				{ position: relative; width: 1030px; }
.bg_blk				{ background: #000; }

.proj3, .proj2, .proj1	{ position: relative; }
img.product-icon		{ width: 28px; height: 28px; z-index: 99; position: absolute; top: 15px; left: 15px; }

.new-line 			{ margin: 0 0 10px; }
.new-line div:last-child 	{ margin: 0 0 10px 0; }

.margin-bottom 	{ margin: 0 0 10px 0; }
.padding	 	{ padding: 30px 0 30px 0; }
.no-margin { margin: 0 !important;}
.no-image			{ padding: 4px 10px 4px 10px; background: #000; color: #FFF; margin: 0 0 8px 0; }

.row-fluid .no-margin { margin: 0 !important;}

.span12, .span11, .span10, .span9, .span8, .span7, .span6, .span5, .span4, .span3, .span2, .span1, 
.span45 	{ margin: 0 10px 10px 0 !important; padding: 0 !important; }

.span12	{ margin: 0 0 10px 0; width: 982px; }
.span11 { width: 675px; }
.span10 { width: 640px; }
.row-fluid .span9, 
.span9	{ width: 734px; }
.span8 	{ width: 520px; }
.span7 	{ width: 455px; }
.row-fluid .span6, 
.span6	{ width: 486px;  }
.span5 	{ width: 325px; }
.span45	{ width: 285px; }
.span4 	{ width: 250px; }
.row-fluid .span3, 
.span3 	{ width: 238px; }
.row-fluid .span2, 
.span2 	{ width: 114px; }
.span1 	{ width: 55px; }

.box_1				{ height: 66px; }
.box_2				{ height: 86px; }
.box_3				{ height: 238px; }

@media (max-width: 480px) {
	
	.container			{ margin: 0; padding: 2px 0 0 10px; width: 300px; }
	.masonry-brick		{ display: block; }
	
	#logo		{ padding: 0; }
	#logo img	{ width: 300px; height: auto; }
	.navbar, .menu-box, .menu-main-container, #menu-main, #main 	{ margin: 0; }
	
	.nav-side 			{ margin: 0 auto 0 auto; }
	.nav-side li 		{ display: inline-block; margin: 8px 5px 0 0; }
	.nav-side > li > a	{ margin: 0; padding: 8px 21px 8px 20px; }
/*	.nav-side li#menu-item-740		{ padding: 0; }
	.nav-side li#menu-item-740 		{ width: 300px; height: auto; }
*/
	#main, .span12.masonry-brick, .span6.masonry-brick, .span9.masonry-brick, .span3.masonry-brick, .span6.masonry-brick img, .span9.masonry-brick img, .span3img, .span6 img, .span9 img, 
	.span3.masonry-brick img 	 { width:300px; }
	.prj_links, .span12, .span11, .span10, .span9, .span8, .span7, .span6, .span5, .span4, .span3, .span2, .row-fluid .span3, .row-fluid .span2, .row-fluid .span6, .row-fluid .span9, 
	.span1			{ margin: 0 0 10px 0; padding: 0; width: 300px; }
	iframe			{ width: 300px !important; height: auto; }
	.proj-desc 		{ display: none; }
	img.product-icon 	{ width: 24px !important; height: 24px; }

	#map 			{ width: 300px; height: 300px; }
	#pagination 	{ width: 300px; }
}