/* Resets
*********************************************************/
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,
b, u, i, center,
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-size:1em;
vertical-align:baseline;
background:transparent;
}
body{
line-height:1;
}
ol, ul{
list-style:none;
}
blockquote,
q{
quotes:none;
}
blockquote:before,
blockquote:after,
q:before,
q:after{
content:'';
content:none;
}			
:focus{
outline:0;
}			
ins{
text-decoration:none;
}
del{
text-decoration:line-through;
}
table{
border-collapse:collapse;
border-spacing:0;
}
input[type=hidden]{
visibility:hidden;
}
img { border:0; }

/* slightly enhanced, universal clearfix hack */
.clearfix:after{
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;
}
.clearfix{
display:inline-block;
}

/* start commented backslash hack \*/
* html .clearfix{
height:1%;
}
.clearfix{
display:block;
}
/* stop commented backslash hack */	


#content p,
#content ul,
#content ol,
#content blockquote,
#content address{
margin:0 0 16px;
font-size:75%;
color:#000;
}

#content a{
text-decoration:none;
color:#fff;
}
#content a:hover{
text-decoration:underline;
}




/* Body
*********************************************************/
body{
font:100% 'Helvetica Neue',Arial,Helvetica,'Lucida Grande',Verdana,sans-serif;
background-image:url(../images/bg-big.jpg);
line-height:1.6;
}


/* Container
*********************************************************/
.container{
width:990px;
margin:0 auto;
overflow:hidden;
position:relative;
}
.container:after{
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;
}	


/* Header
*********************************************************/
#header {
height:329px;
background:url(../images/bg-header.png) repeat-x 50% 0;
}
#header .topnav {
float:left;
width:100%;
}
#header .topnav p {
font-size:82.5%;
line-height:1.9;
color:#CDCDCD;
}
#header .topnav .quickcontact {
float:right;
}
#header .topnav .quickcontact .phone {
background:url(../images/icon-phone.png) no-repeat 0 50%;
padding:0 30px 0 15px;
font-weight:bold;
}
#header .topnav .quickcontact .email {
background:url(../images/icon-email.png) no-repeat 0 60%;
padding:0 15px;
}
#header .topnav .quickcontact .email a {
font-weight:bold;
color:#CDCDCD;
text-decoration:none;
}

#header .title{
float:left;
width:510px;
height:0;
padding-top:180px;
margin:20px 0 42px;
overflow:hidden;
cursor:pointer;
}

#nav {
float:left;
width:780px;
margin:20px 0 0 0;
font-size:100%;
}
#nav li{
display:block;
float:left;
}
#nav li a{
display:block;
float:left;
padding:0 33px 0 0;
color:#fff;
line-height:39px;
font-weight:bold;
text-decoration:none;
}
#nav li a:hover{
	text-decoration:underline;
}

/* Content
*********************************************************/
#content {
background:#999 url(../images/bg-content.jpg) repeat-x 50% 0;
padding:25px 0;
min-height:200px;
}
body.home #content {		
background:url(../images/bg-home.png) repeat-x 50% 0;
height:1112px;
padding-bottom:0;
overflow:hidden;
}

#content h1 {
margin:0 0 16px;
font-size:250%;
letter-spacing:-1px;
color:#fff;
line-height:1;
}
#content h1 small {
float:right;
font-size:40%;
font-weight:normal;
color:#aaa;
}
#content h1 a {
color:#222;
}


#content h2 {
margin:0 0 16px 0;
font-size:175%;
letter-spacing:-1px;
color:#fff;
line-height:1;
}
#content h2 small {
float:right;
font-size:60%;
font-weight:normal;
color:#aaa;
}
#content h2 a {
color:#222;
}

#content blockquote {
font-size:100%;
margin:16px 32px;
padding-left:16px;
background:url(../images/bg-line-vertical.png) repeat-y 0 0;
}

#content p small {
font-size:87.5%;
}

#content img {
padding:5px;
display:block;
border:1px solid #fff;
}

.img-wrapper {
	float:right;
}
.img-wrapper {
	margin:12px;
	background:url(images/shadow.gif) no-repeat bottom right;
	line-height:0;
}

.img-wrapper img {
	float:none;
	background:#fff;
	border:1px solid #c5bdbd;
	left:-5px;
	top:-5px;
}
.storeFrame iframe { margin: 0 10px 20px; }


/* Portfolio
*********************************************************/
#portfolioHome li { float:left; margin:12px 12px 0px 0px; }
#portfolio li, #oldwork li { float:left;  margin:12px 12px 0px 0px; }


/* Twitter
*********************************************************/
#twitter {
height:556px;
background:url(../images/bg-twitter.png) repeat-x 50% 0;
overflow:hidden;
}
#twitter .container {
padding:100px 0px 0px 0px;
}
#twitter .container a {
color:#fff;
}
#twitter_update_list { width:960px; }
#twitter_update_list li { margin-bottom:12px; padding-bottom:12px;  border-bottom:1px solid #9F2200; }

/* Subfooter
*********************************************************/
#subFooter {
height:200px;
background:url(../images/bg-grad.png) repeat-x 50% 0;
overflow:hidden;
}
#subFooter .container {
height:200px;
}
.socialStuff { margin:42px 0px 0px 0px;}
/* Footer
*********************************************************/
#footer {
background:url(../images/bg-footer.png) repeat-x 50% 100%;
height:38px;
overflow:hidden;
padding:200px 0 0;
margin:0;
}	



/* ------------------------------------------------------------------------
Miscellaneous
------------------------------------------------------------------------- */
.clear { clear:both; }
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */