body{
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	line-height:160%;
	color:#522C0C; 
	font-size:14px;	
}

a{
	color:#522C0C;
	text-decoration:none;
}

p{
	margin:0;
	margin-bottom:10px;	
	line-height:160%;
}


/* typekit FOUT fix for FF */
.wf-loading h1{
    visibility: hidden;
}
/***************************/

/* clearfix */
.clearfix:before,
.clearfix:after {
    content: " "; 
    display: table; 
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.headerWrapper{
	border-bottom:3px solid #F26E20;
	height:140px;
}

.desktopSize{
	width:940px;
}

.header{
	margin:0 auto;
	position:relative;
}

.header #logo{
	position:absolute;
	top:30px;
}

.header .nav{
	position:absolute;
	top:90px;
	font-size:16px;
	color:#522C0C;
	text-transform:uppercase;
	letter-spacing:3px;
	text-align:center;
}

.header .nav a{
	color:#522C0C;
	text-decoration:none;
}

.header .nav .spacer{
	color:#999;
	padding:0 18px;	
}

h1{
	font-family: "futura-pt",sans-serif;
	font-size:30px;
	font-weight:700;
	color:#F26C1F;
	text-transform:uppercase;
	margin-bottom:50px;
}

h2{
	font-size:18px;
	font-weight:normal;
	color:#F26C1F;
	text-transform:uppercase;
	margin:0;
	margin-bottom:5px;
}

.content{
	margin:0 auto;
	margin-bottom:30px;
}
.widgets{
	margin-bottom:30px;	
}


.iconLink2{
	width:140px;
	height:140px;
	background-color:#CCC;
	float:left;
	margin-right:15px;
	position:relative;
	z-index:10
}

.iconLink2:before{
    content:"";
    display:block;
    position:absolute;
    z-index:-1;
    top:-8px;
    left:-8px;
    right:-8px;
    bottom:-8px;
    border:4px solid #FFF;
}

.iconLink2:hover:before{
    border:4px solid #F26E20;
}

.iconLink2:last-child{
	margin-right:0;
}

.iconLink{
	width:160px;
	height:160px;
	background-color:#CCC;
	float:left;
	margin-right:30px;
	margin-bottom:50px;
	position:relative;
	z-index:10;
}

.iconLink:before{
    content:"";
    display:block;
    position:absolute;
    z-index:-1;
    top:-8px;
    left:-8px;
    right:-8px;
    bottom:-8px;
    border:4px solid #FFF;
}

.iconLink:hover:before{
    border:4px solid #F26E20;
}

.iconLink:last-child{
	margin-right:0;
}

.icon{
	float:left;
	margin-right:20px;	
}

.iconText{
	float:left;
}

section{
	border-bottom:1px solid #F26C1F;
	margin-bottom:20px;
	padding-bottom:20px; 
}

section a{
	color:#F26C1F;
	text-decoration:underline;
}

.introImage{
	margin-bottom:30px;	
}

/**************** home ****************/

#home .headerWrapper{
	border-bottom:none;	
}

#showCasewWrapper{
	background-color:#F26C1F;
	margin-bottom:30px;
}

#showCasewWrapper img{
	display:block;
}

#showCasewWrapper .showCaseSlider{
	margin:0 auto;
}

#showCase{
	overflow:hidden;
	position:relative;
	margin:0 auto;
}

#showCase ul{
	margin:0;
	padding:0;
	list-style:none;
}

#showCase li{
	float:left;
}

#sc_controlWrap span{
	display:block;
	float:left;
	padding:2px 4px;
	background-color:#fff;
	margin-right:4px;
	border:1px solid #000;
	line-height:100%
}

#sc_controlWrap span.active{
	background-color:#F26C1F;
	color:#fff;
}

#showCaseSlider li{
	position:relative;
}

#showCaseSlider li div.info_wrapper{
	background-color:#000;
	width:510px;
	height:180px;
	position:absolute;
	top:80px;
	left:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#showCaseSlider li div.info{
	position:absolute;
	color:#fff;
	top:100px;
	left:50px;
}

#showCaseSlider li div.info h1{
	margin:5px 0 20px 0;
	padding:0;
	font-weight:normal;
	font-size:30px;
}

#showCaseSlider li div.info p{
	width:420px;
	font-size:15px;
}

#showCaseSlider li div.info a{
	margin-right:20px;
}





#home .widgets dl{
	float:left;
	width:180px;
	margin-left:45px;
}

#home .widgets dt, #home .widgets dd{
	margin:0;
	padding:0;
	width:180px;
}

#home .widgets dt{
	font-family: "futura-pt",sans-serif;
	font-size:20px;
	font-weight:700;
	color:#F26C1F;
	text-transform:uppercase;
	height:30px;	
}

#home .section{
	border-top:1px solid #F26C1F;
	border-bottom:none;
	padding-top:20px;
}

.section .left{
	float:left;
	width:270px;
	margin-right:30px;
}

.section .left h1{
	margin:0;
	margin-bottom:20px;
	font-size:22px;
}

.section .right{
	float:left;
	width:600px;
}

#slideShowOuterWrapper{
	position:relative;
	height:300px;
}

#slideShowOuterWrapper #leftArrow, #slideShowOuterWrapper #rightArrow {
	height:300px;
	width:17px;
	position:absolute;
	line-height:300px;
}

#slideShowOuterWrapper #rightArrow {
	right:0;	
}

#slideShowWrapper{
	width:872px;
	height:300px;
	left:33px;
	position:absolute;
	overflow:hidden;
}

#slideShow {
	white-space:nowrap;	
}

/**************** main ****************/

.content h3{
	letter-spacing:8px;
	text-transform:uppercase;
	font-size:13px;
	margin:0;
	margin-bottom:5px;	
}

.content dl{
	margin:0;	
	margin-bottom:15px;
}

.content dt{
	font-weight:bold;	
}

.content dd{
	margin:0;
}

.content h4{
	font-size:13px;
	margin:0;
	margin-bottom:5px;
	color:#F26C1F;
	border-bottom:1px solid #522C0C; 	
}


/**************** footer ****************/

.footerWrapper{
	background-color:#666;
}

.footerWrapper .footer{
	color:#fff;
	font-size:10px;
	margin:0 auto;
	height:30px;
	padding-top:15px;
}

.footerWrapper .footer .copyright{
	float:left;
}

.footerWrapper .footer .copyright a{
	color:#fff;
}

.footerWrapper .footer .socialMedia{
	float:right;
}

.footerWrapper .footer .socialMedia a{
	color:#F2BF06;
	font-weight:bold;
	text-decoration:none;
}

/**************** mobile ****************/

.mobile body{
	min-width:480px;	
}


.mobile .headerWrapper{
	height:275px;	
}

.mobile .desktopSize{
	width:480px;
}

.mobile .desktopSize .nav{
	text-align:center;
	width:100%;
}

.mobile .desktopSize .nav a{
	display:block;
	margin-bottom:10px;
}

.mobile .desktopSize .nav .spacer{
	display:none;	
}

.mobile .iconLink{
	margin:0 auto;
	clear:both;
	margin-bottom:30px;
	margin-left:165px;
}

.mobile .menuImage img{
	width:100%;	
}

.mobile .introImage img{
	width:100%;	
}