@charset "utf-8";
/* CSS Document */
/*
Theme Name: Don't Look Design
Theme URI: http://www.dontlookdesign.com
Description: Don't Look Design
Author: Jaz Harlow
Author URI: http://www.dontlookdesign.com
Version: 1.0
.
Copyright: Jaz Harlow
This theme cannot be used for commercial or non-commercial use, cannot be redistributed or resold in any way.
.
*/

html, body {
	height: 100%; /* Makes the content area stretch to bottom regardless of a lack of content */
	padding: 0;
	margin: 0;
}

body {
	padding: 0;
	margin: 0;
	background: url(../imgs/bg_rpt.jpg) #dac59e repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #3f3b34;
	line-height: 1.5em;
	text-align:left;
	position: relative;
}

/* 960 grid */
/* Containers */
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global */

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last) */
.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/* Grid >> 16 Columns */
.container_16 .grid_1 {width:40px;}
.container_16 .grid_2 {width:100px;}
.container_16 .grid_3 {width:160px;}
.container_16 .grid_4 {width:220px;}
.container_16 .grid_5 {width:280px;}
.container_16 .grid_6 {width:340px;}
.container_16 .grid_7 {width:400px;}
.container_16 .grid_8 {width:460px;}
.container_16 .grid_9 {width:520px;}
.container_16 .grid_10 {width:580px;}
.container_16 .grid_11 {width:640px;}
.container_16 .grid_12 {width:700px;}
.container_16 .grid_13 {width:760px;}
.container_16 .grid_14 {width:820px;}
.container_16 .grid_15 {width:880px;}
.container_16 .grid_16 {width:940px;}

/* Prefix Extra Space >> 16 Columns */
.container_16 .prefix_1 {padding-left:60px;}
.container_16 .prefix_2 {padding-left:120px;}
.container_16 .prefix_3 {padding-left:180px;}
.container_16 .prefix_4 {padding-left:240px;}
.container_16 .prefix_5 {padding-left:300px;}
.container_16 .prefix_6 {padding-left:360px;}
.container_16 .prefix_7 {padding-left:420px;}
.container_16 .prefix_8 {padding-left:480px;}
.container_16 .prefix_9 {padding-left:540px;}
.container_16 .prefix_10 {padding-left:600px;}
.container_16 .prefix_11 {padding-left:660px;}
.container_16 .prefix_12 {padding-left:720px;}
.container_16 .prefix_13 {padding-left:780px;}
.container_16 .prefix_14 {padding-left:840px;}
.container_16 .prefix_15 {padding-left:900px;}

/* Suffix Extra Space >> 16 Columns */
.container_16 .suffix_1 {padding-right:60px;}
.container_16 .suffix_2 {padding-right:120px;}
.container_16 .suffix_3 {padding-right:180px;}
.container_16 .suffix_4 {padding-right:240px;}
.container_16 .suffix_5 {padding-right:300px;}
.container_16 .suffix_6 {padding-right:360px;}
.container_16 .suffix_7 {padding-right:420px;}
.container_16 .suffix_8 {padding-right:480px;}
.container_16 .suffix_9 {padding-right:540px;}
.container_16 .suffix_10 {padding-right:600px;}
.container_16 .suffix_11 {padding-right:660px;}
.container_16 .suffix_12 {padding-right:720px;}
.container_16 .suffix_13 {padding-right:780px;}
.container_16 .suffix_14 {padding-right:840px;}
.container_16 .suffix_15 {padding-right:900px;}

.container_16 .push_1 {left:60px;}
.container_16 .push_2 {left:120px;}
.container_16 .push_3 {left:180px;}
.container_16 .push_4 {left:240px;}
.container_16 .push_5 {left:300px;}
.container_16 .push_6 {left:360px;}
.container_16 .push_7 {left:420px;}
.container_16 .push_8 {left:480px;}
.container_16 .push_9 {left:540px;}
.container_16 .push_10 {left:600px;}
.container_16 .push_11 {left:660px;}
.container_16 .push_12 {left:720px;}
.container_16 .push_13 {left:780px;}
.container_16 .push_14 {left:840px;}
.container_16 .push_15 {left:900px;}


/* Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .pull_1 {left:-60px;}
.container_16 .pull_2 {left:-120px;}
.container_16 .pull_3 {left:-180px;}
.container_16 .pull_4 {left:-240px;}
.container_16 .pull_5 {left:-300px;}
.container_16 .pull_6 {left:-360px;}
.container_16 .pull_7 {left:-420px;}
.container_16 .pull_8 {left:-480px;}
.container_16 .pull_9 {left:-540px;}
.container_16 .pull_10 {left:-600px;}
.container_16 .pull_11 {left:-660px;}
.container_16 .pull_12 {left:-720px;}
.container_16 .pull_13 {left:-780px;}
.container_16 .pull_14 {left:-840px;}
.container_16 .pull_15 {left:-900px;}

/*----------------------------------------------------- End 960 grid -----------------------------------------------------------------*/

.container-a {
}

#header-wrap {
	height: 88px;
	margin-top: 10px;
	padding:0;
}

#header {
	height: 88px;
}


h1 {
	padding: 0;
	margin: 0;
	width: 179px;
	height: 44px;
	text-indent: -9999px;
	float: left;
	outline: none;
}

h1 a.h1logo:link, h1 a.h1logo:visited {
	display: block;
	background: url(../imgs/dld_logo.png) no-repeat;
	width: 179px;
	height: 44px;
}

h1 a.h1logo:hover { outline: none; border-bottom: none;}

h2 {
	padding: 0;
	margin: 0;
	background: url(../imgs/headings/intro.png) no-repeat right;
	text-indent: -9999px;
	width: 190px;
	height: 188px;
}

h3 {
	padding: 0;
	margin: 0;
	padding-top: 4px;
	font-size: 2.3em;
	line-height: 1.4em;
	color: #7b7365;
}

h4 {
	padding: 0;
	margin: 0;
	font-size: 1.5em;
	line-height: 1.3em;
}

h5 {
	padding: 0;
	margin: 0;
	font-size: 1.2em;
	line-height: 1em;
}

h6 {
	padding: 0;
	margin: 0;
	font-size: 1.1em;
	line-height: 1em;
}

img {
	border: none;
}

a:link, a:visited { color: #b40000; text-decoration: none; outline: none;}
a:hover { outline: none; border-bottom: dashed 1px;}
a:focus {outline: 1px dotted; overflow: hidden;}
a:active {outline: none;}

ul {list-style: none;}

ul#topnav {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	float: right;
}

ul#topnav li {
	display: inline;
	float: left;
	padding: 0;
	padding-left: 10px;
}

ul#topnav li a {
	display: block;
	overflow: hidden;
	text-decoration: none;
	height: 25px;
	text-indent: -9999px;
}

ul#topnav li a.home:link, ul#topnav li a.home:visited { background: url(../imgs/topnav/home.png) no-repeat top; width: 53px;}
ul#topnav li a.portfolio:link, ul#topnav li a.portfolio:visited { background: url(../imgs/topnav/portfolio.png) no-repeat top; width: 85px;}
ul#topnav li a.merchandise:link, ul#topnav li a.merchandise:visited{ background: url(../imgs/topnav/merch.png) no-repeat top; width: 110px;}
ul#topnav li a.blog:link, ul#topnav li a.blog:visited { background: url(../imgs/topnav/blog.png) no-repeat top; width: 48px;}
ul#topnav li a.about:link, ul#topnav li a.about:visited { background: url(../imgs/topnav/about.png) no-repeat top; width: 58px;}
ul#topnav li a.contact:link, ul#topnav li a.contact:visited { background: url(../imgs/topnav/contact.png) no-repeat top; width: 74px;}

ul#topnav li a.home:hover, ul#topnav li a.home.active,
ul#topnav li a.portfolio:hover, ul#topnav li a.portfolio.active,
ul#topnav li a.merchandise:hover, ul#topnav li a.merchandise.active,
ul#topnav li a.blog:hover, ul#topnav li a.blog.active,
ul#topnav li a.about:hover, ul#topnav li a.about.active,
ul#topnav li a.contact:hover, ul#topnav li a.contact.active { background-position: bottom; outline: none;  border: none; }


ul#topnav li a:link { outline: none;  border: none; }
ul#topnav li a:hover { outline: none;  border: none; }
ul#topnav li a:focus { outline: 1px dotted;  border: none; overflow: hidden;}
ul#topnav li a:active { outline: none;  border: none; }


#container-a {
}

#introcontent {
	clear: both;
	background: rgba(255, 255, 255, 0.1);
	padding: 10px 20px 10px 20px;
	margin: -10px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
}

#introcontent p {
	padding-bottom: 0;
	font-size: 1.05em;
	line-height: 1.6em;
}

#maincontent {
	clear: both;
	margin-top: 30px;
	padding-top: 10px;
	padding-bottom: 50px;
}


#sign01 {
	margin: 0;
	margin-right: 2px;
	list-style: none;
	text-indent: -9999px;
	height: 93px;
	width: 216px;
	float: right;
	padding-top: 40px;
	margin-bottom: 60px;
}

#sign01 p a.portsign {
	display: block;
	background: url(../imgs/btn_portfolio.png) no-repeat top;
	height: 93px;
	width: 216px;
	outline: none;
}

#sign01 p a.portsign:hover {
	background-position: bottom;
}
#sign01 p a:link { outline: none;  border: none; }
#sign01 p a:hover { outline: none;  border: none; }
#sign01 p a:focus { outline:none; border:1px dotted; overflow: hidden; }
#sign01 p a:active { outline: none;  border: none; }
 

.bottomgap {
	padding-bottom: 20px;
}


.icon {
	float: left;
	margin-top: -2px;
}

.services {
	padding: 0;
	margin:0;
	padding-top: 10px;
	padding-bottom: 10px;
}

.services h5, .services p {
	padding-top: 4px;
	padding-left: 60px;
}

.right {margin-left: 20px;}


/******************************* Start slider styles *****************************************/
#container {
	padding-top: 10px;
	padding-left: 18px;
	margin:0 auto;
	position:relative;
	z-index:0;
	top: -10px;
}

#example {
	width:600px;
	height:350px;
	position:relative;
}

#frame {
	position:absolute;
	z-index:0;
	width:672px;
	height:348px;
	top:-19px;
	left:-53px;
}

#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

.slides_container {
	width:553px;
	height:271px;
	overflow:hidden;
}

.slides_container a:link,
.slides_container a:visited,
.slides_container a:hover,
.slides_container a:active { border: none;}

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style: none;
}

.pagination li a {
	display:block;
	width: 24px;
	height: 0;
	padding-top: 24px;
	background: url(../imgs/slider/pagination.png) bottom;
	float:left;
	overflow:hidden;
}

.pagination li.current a, .pagination li a:hover {
	background-position: top;
	border-bottom: none;
}

.pagination li.current a {
	outline: none;
}

.pagination li a:focus {
	outline: 1px dotted #efdfbe;
	border-bottom: none;
}


/************************************************ End slider styles ***********************************************/

/************************************************ Portfolio detail styles ***********************************************/
#textarea {
	margin:0;
	padding-right: 8px;
}

#sign02 {
	margin: 0;
	padding: 0;
	list-style: none;
	text-indent: -9999px;
	height: 38px;
	width: 103px;
	padding-top: 10px;
}

#sign02 p a.backsign {
	display: block;
	background: url(../imgs/portfolio/btn_back.png) no-repeat top;
	height: 38px;
	width: 103px;
	outline: none;
	float: right;
	padding-right: 20px;
}

#sign02 p a.backsign:hover {
	background-position: bottom;
}
#sign02 p a:link { outline: none;  border: none; }
#sign02 p a:hover { outline: none;  border: none; }
#sign02 p a:focus { outline:none; border:1px dotted; overflow: hidden; }
#sign02 p a:active { outline: none;  border: none; }


#sign03 {
	margin: 0;
	padding: 0;
	list-style: none;
	text-indent: -9999px;
	height: 93px;
	width: 258px;
	padding-top: 10px;
}

#sign03 p a.longbacksign {
	display: block;
	background: url(../imgs/portfolio/btn_backtogallery.png) no-repeat top;
	height: 93px;
	width: 258px;
	outline: none;
}

#sign03 p a.longbacksign:hover {
	background-position: bottom;
}
#sign03 p a:link { outline: none;  border: none; }
#sign03 p a:hover { outline: none;  border: none; }
#sign03 p a:focus { outline:none; border:1px dotted; overflow: hidden; }
#sign03 p a:active { outline: none;  border: none; }

#textarea h4 {
	margin-bottom: -8px;
}
#textarea h5 {
	margin-bottom: -8px;
}

span.date {
	padding: 0;
	margin: 0;
	color: #7b7365;
	font-size: 0.6em;
	line-height: 1.5em;
	padding: 0;
	margin: 0;
}

/******************************* Start portslider styles *****************************************/
h3.h3port {
	padding:0;
	margin:0;
	margin-top: -80px;
	margin-bottom: 20px;
}

#portcontainer {
	padding-top: 10px;
	margin: 0 auto;
	position:relative;
	z-index:0;
	top: -10px;
	padding-bottom: 100px;
	margin-left: 4px;
}

#portexample {
	width: 555px;
	height:373px;
	position:relative;
}

#portframe {
	position:absolute;
	z-index:0;
	width: 596px;
	height: 433px;
}

#portslides {
	position:absolute;
	top: 21px;
	left: 21px;
	z-index:100;
}

#portslides .prev {background: url(../imgs/slider/arrow-prev.png) no-repeat top;}
#portslides .next {background: url(../imgs/slider/arrow-next.png) no-repeat top;}

#portslides .prev:hover,
#portslides .next:hover {
	background-position: bottom;
	border: none;
}

#portslides .prev:focus,
#portslides .next:focus {
	outline: none;
	border: none;
}
#portslides .next, #portslides .prev {
	position:absolute;
	top: 160px;
	left: -42px;
	width: 30px;
	height: 49px;
	display: block;
	z-index: 101;
}

.portslides_container {
	width: 553px;
	height: 372px;
	overflow: hidden;
}

.portslides_container a:link,
.portslides_container a:visited,
.portslides_container a:hover,
.portslides_container a:active { border: none;}

#portslides .next {
	left: 567px;
}

.pagination {
	width: 320px;
	margin: 26px auto 0 auto;
	float: right;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style: none;
}

.pagination li a {
	display:block;
	width: 24px;
	height: 0;
	padding-top: 24px;
	background: url(../imgs/slider/pagination.png) bottom;
	float:left;
	overflow:hidden;
}

.pagination li.current a, .pagination li a:hover {
	background-position: top;
	border-bottom: none;
}

.pagination li.current a {
	outline: none;
}

.pagination li a:focus {
	outline: 1px dotted #efdfbe;
}


/************************************************ End portslider styles ***********************************************/
/************************************************ End Portfolio detail styles ***********************************************/

/************************************************ Portfolio styles ***********************************************/
h2.h2port {
	background: url(../imgs/headings/h2_portfolio.png) no-repeat;
	text-indent: -9999px;
	width: 281px;
	height: 87px;
	margin-bottom: 0;
}

.portthumbwrap {
	padding: 0;
	margin: 0;
	padding-top: 18px;
}

.portthumbframe {
	padding: 0;
	margin: 0;
	background: url(../imgs/portfolio/port_thumb_frame.png) no-repeat top;
	width: 220px;
	height: 200px;
}

.portitem{
	margin-top: 12px;
	margin-left: 12px;
	width: 195px;
	height: 151px;
	text-indent: -9999px;
	display: inline-block;
	position: relative;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #a48f64;
}

.portitem a:hover{
	border:none;
}

.portitem:hover {
	border: 1px solid #a48f64;
}

.portthumbimg {

}

span.thumb{
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
}

/******** Logos ********/
.lld {background: url(../imgs/portfolio/th_lld.jpg) no-repeat bottom;}
.lld span{background: url(../imgs/portfolio/th_lld.jpg) no-repeat top;}
.lld:hover span {opacity: 1;}

.wp {background: url(../imgs/portfolio/th_wp.jpg) no-repeat bottom;}
.wp span{background: url(../imgs/portfolio/th_wp.jpg) no-repeat top;}
.wp:hover span {opacity: 1;}
	
.pe {background: url(../imgs/portfolio/th_pe.jpg) no-repeat bottom;}
.pe span{background: url(../imgs/portfolio/th_pe.jpg) no-repeat top;}
.pe:hover span {opacity: 1;}

.gga {background: url(../imgs/portfolio/th_gga.jpg) no-repeat bottom;}
.gga span{background: url(../imgs/portfolio/th_gga.jpg) no-repeat top;}
.gga:hover span {opacity: 1;}

/******** Websites ********/
.lldsite {background: url(../imgs/portfolio/th_lldsite.jpg) no-repeat bottom;}
.lldsite span{background: url(../imgs/portfolio/th_lldsite.jpg) no-repeat top;}
.lldsite:hover span {opacity: 1;}


.sc {background: url(../imgs/portfolio/th_sc.jpg) no-repeat bottom;}
.sc span{background: url(../imgs/portfolio/th_sc.jpg) no-repeat top;}
.sc:hover span {opacity: 1;}
	
.aba {background: url(../imgs/portfolio/th_aba.jpg) no-repeat bottom;}
.aba span{background: url(../imgs/portfolio/th_aba.jpg) no-repeat top;}
.aba:hover span {opacity: 1;}

.mb {background: url(../imgs/portfolio/th_mb.jpg) no-repeat bottom;}
.mb span{background: url(../imgs/portfolio/th_mb.jpg) no-repeat top;}
.mb:hover span {opacity: 1;}

/******** Print ********/
.bg {background: url(../imgs/portfolio/th_bg.jpg) no-repeat bottom;}
.bg span{background: url(../imgs/portfolio/th_bg.jpg) no-repeat top;}
.bg:hover span {opacity: 1;}

.uwabm {background: url(../imgs/portfolio/th_uwabm.jpg) no-repeat bottom;}
.uwabm span{background: url(../imgs/portfolio/th_uwabm.jpg) no-repeat top;}
.uwabm:hover span {opacity: 1;}

.hm {background: url(../imgs/portfolio/th_hm.jpg) no-repeat bottom;}
.hm span{background: url(../imgs/portfolio/th_hm.jpg) no-repeat top;}
.hm:hover span {opacity: 1;}

/******** Custom ********/
.backstage {background: url(../imgs/portfolio/th_backstage.jpg) no-repeat bottom;}
.backstage span{background: url(../imgs/portfolio/th_backstage.jpg) no-repeat top;}
.backstage:hover span {opacity: 1;}

.skullrose {background: url(../imgs/portfolio/th_skullrose.jpg) no-repeat bottom;}
.skullrose span{background: url(../imgs/portfolio/th_skullrose.jpg) no-repeat top;}
.skullrose:hover span {opacity: 1;}


.gap {
	margin-right: 20px;
}

#sign02 {
	margin: 0;
	margin-top: 10px;
	margin-right: 2px;
	list-style: none;
	text-indent: -9999px;
	height: 88px;
	width: 216px;
	float: right;
}

#sign02 p a.portsign {
	display: block;
	background: url(../imgs/btn_portfolio.png) no-repeat top;
	height: 88px;
	width: 216px;
	outline: none;
}

#sign02 p a.portsign:hover,
#sign02 p a.portsign:focus {
	background-position: bottom; border: none;
}

/************************************************ End portfolio styles ***********************************************/
/************************************************ Merchandise styles ***********************************************/
h2.h2merch {
	background: url(../imgs/headings/h2_merch.png) no-repeat right;
	text-indent: -9999px;
	width: 188px;
	height: 190px;
}
/************************************************ End Merchandise styles ***********************************************/

/************************************************ Blog styles ***********************************************/
h2.h2blog {
	background: url(../imgs/headings/h2_blog.png) no-repeat;
	text-indent: -9999px;
	width: 188px;
	height: 47px;
	padding-bottom: 40px;
}
/************************************************ End Blog styles ***********************************************/

.aboutpic {
	width: 381px;
	height: 342px;
	float: right;
	margin-top:-70px;
	margin-bottom: -100px;
}

.h2about {
	background: url(../imgs/headings/h2_about.png) no-repeat;
	text-indent: -9999px;
	width: 177px;
	height: 47px;
	margin-bottom: 40px;
}



/************************************************ Contact styles ***********************************************/

h2.h2contact {
	background: url(../imgs/headings/h2_contact.png) no-repeat;
	text-indent: -9999px;
	width: 237px;
	height: 47px;
	margin-bottom: 40px;
}

#contact-form {
	padding: 0;
	margin: 0;
}

ul.form {
	padding:0;
	margin:0;
}

label {
	display: block;
	font-size: 1.2em;
	padding-bottom: 4px;
	padding-top: 10px;
}

.formitem {
}

.aboutyou, .aboutproject {
	padding:0;
	margin:0;
	border: none;
}

input,
textarea,
select {
	display: block;
	padding: 5px;
	width: 320px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid rgba(63, 59, 52, 0.3);
	background-color: #f9f6ef;
	float: left;
}

ul.checks li input{
	float: left;
	width: 20px;
	margin-top: 6px;
}
ul.checks {
	padding:0;
	margin:0;
	display: inline;
	width: 20px;
}

ul.checks label {
	line-height: 1.8;
	font-size: 1em;
	float: left;
	padding: 0px;
}

ul.checks li label {
	padding-left: 16px;
}

span.forminfo {
	display: inline;
	line-height: 2.2em;
	padding-left: 20px;
}

textarea {
	height: 140px;
}

input#send_message {
	border: none;
	width: 80px;
	height: 30px;
	background: white no-repeat 0 0;
	margin: 0;
	overflow: hidden;
	padding: 5px;
	text-align: center;
}

input#send_message:hover {
	background: tan;
}




/************************************************ End Contact styles ***********************************************/



/************************************************ Footer styles ***********************************************/
#footerwrap {
	clear: both;
	padding: 0;
	background: url(../imgs/footer_noise.png) #38352e repeat-x top;
}

#footer {
	clear: both;
	padding: 0;
	margin: 0 auto;
	padding-top: 30px;
	color: #797979;
}

#footer p {font-size: 0.8em;}
#footer a {color: #974848;}

#finalfooter {
	text-align: center;
	clear: both;
	padding-top: 8px;
	padding-bottom: 1px;
	margin-bottom: -15px;
}

h6.social {
	background: url(../imgs/headings/h6_social.png) no-repeat;
	text-indent: -9999px;
	width: 266px;
	height: 26px;
}

h6.blog {
	background: url(../imgs/headings/h6_blog.png) no-repeat;
	text-indent: -9999px;
	width: 266px;
	height: 26px;
}
h6.tweets {
	background: url(../imgs/headings/h6_tweets.png) no-repeat;
	text-indent: -9999px;
	width: 266px;
	height: 26px;
}
h6.contact {
	background: url(../imgs/headings/h6_contact.png) no-repeat;
	text-indent: -9999px;
	width: 266px;
	height: 56px;
}

#column02, #column03, #column04 {
	background: url(../imgs/divider.png) left repeat-y;
    height: 100%;
	min-height: 200px;
	padding-left: 30px;
	margin-left: -20px;
}


/************************************************ End footer styles ***********************************************/

/*----------------------------------------------------- Clear Floated Elements -----------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}