/*
* @author Nadim Raad
*/

/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 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; background-color:inherit; vertical-align:baseline; }

ol, ul { list-style:none; }

a { color:#f16323 }

table { border-collapse:separate; border-spacing:0; vertical-align:middle; }

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

caption, th, td { text-align:left; font-weight:normal; vertical-align:middle; }

q, blockquote { quotes:"" ""; }
q:before, q:after, blockquote:before, blockquote:after { content:""; }

a img { border:none; }


/* body */
body {
	font-size: 12px;
	font-family: "proxima-nova", Arial, Verdana, sans-serif;
	background-color: #fff;
	color: #5a5a5a;
	line-height:16px;
	text-align:justify;
	overflow-x:hidden;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }


/* links */
a:link { text-decoration: none; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }


/* headings */
h1 { display:none; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }


/* header */
#header {
	width:100%;
	height:103px;
	padding-top:25px;
}

#logo {
	position:fixed; left:0px; top:44%; 
	background: url(elements/logo.png) no-repeat;
	display: block;
	width: 96px;
	height: 222px;
}


/* nav */
#menu {
	margin: 0px 0px 0px;
	border-top:2px solid #f16323;
	padding:10px 0px;
}

#menu ul {

}

#menu ul li {
	float: left;
	text-transform: uppercase;
	font-size:12px;
	padding:0px 8px; 
}

#menu ul li a {
	color:#000;
	float:inherit;
	display:inherit;
	text-align:inherit;
	margin-bottom:inherit;
	margin-left:4px;
	margin-right:12px;
	border-bottom:2px solid #f16323;
	padding-bottom:10px; 
}

#menu ul li a:hover {
	color:#f16323;
}

#menu li.active a {
color: #f16323;
border-bottom: 8px solid #F16323;
padding-bottom: 10px;
}

.selected {
	color:#f16323;	
}


/* layout and general */
#global {
		position:relative; /* needed for footer positioning*/
		margin:0 auto; /* center, not in IE5 */
		width:840px;
		height:auto !important; /* real browsers */
		min-height:100%; /* real browsers */
}

#content {
	padding:35px 0px;
}

#footer { 
	background: #F16323;
	color: white;
	position: fixed;
	bottom: 0px;
	width: 100%;
	margin: 0 auto;
	height: 340px;
	z-index:10000000;
	padding: 0px 0px 24px 0px;
}

.footer_close { 
	position: absolute;
	height: 24px;
	top: 0px;
	font-size: 24px;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 12px;
	text-align: center;
	margin-top: -51px;	}

#inner_footer { width:840px; margin:0 auto; }

.footer_close:hover { cursor:pointer; background:#D6442D; }

.footer_trigger { background: #F16323;
position: fixed;
bottom: 0px;
margin: 0 auto;
text-align: center;
width: 100%;
display: block;
height: 24px;
color: white;
padding-top: 24px;
font-size: 24px;
z-index:100000; 
}
.footer_trigger:hover { cursor:pointer; background:#D6442D;  }

#footer h2 { display:block; margin-bottom:20px; text-transform:uppercase; }

#footer .left, #footer .right { text-transform:uppercase; line-height:14px; }

#footer .left { 
width:45%; border-right:1px solid #fff; 
padding:2% 2.5% 2% 2.5%;
float:left; 
}

#footer .right a { color:#fff; } 

#footer .right { 
width:45%; 
padding:2% 1.5% 2% 1.5%;
float:right; 
}


#footer .colophon { padding:12px; border-top:1px dotted #fff; text-align:center; width:100%; display:block; height:24px; font-size:11px; color:#fff; padding-bottom:24px; }

#description p {
margin-bottom:10px;
text-align: left;
line-height: 18px;
}

#buyItem {
	background-color: white;
	display: inline-block;
	margin-top: 4px;
	padding: 4px;
	text-transform: uppercase;
}


/* misc */
#once { clear: left; }
.clearall { clear:both; }
.hidden { display:none; }
.visible { display:block; }
.clickable:hover { cursor:pointer; }

.paul_says, .paul_says p {
text-align: right;
float: right;
width: 340px;
height: 30px;
text-align: right;
display: block;
text-transform:uppercase }


/* Desktops and laptops ----------- */
@media only screen and (max-width : 1024px) {

#global { margin-left: 120px; width:640px; }
#global img { max-width:340px; } 
#description { margin-left:370px !important; }
#work { width:640px; }
.category .thumb a img { width: 200px !important; height: 130px !important; }
#workNavigation { width:640px !important; }
#description.video { margin-left:0px !important; width:640px !important; }
#description.video iframe {
width: 360px !important;
min-height: 270px !important;
}
.paul_says, .paul_says p { width:300px !important; }
}