/*
Name: The Visual Click - Coming Soon
URL: http://thevisualclick.com
Description: Styles used for thevisualclick.com
Version: 2.0
Author: Josh Hemsley | The Visual Click
*/


* { margin: 0; padding: 0; }
p {padding-top:20px; padding-bottom: 10px;}
.clearboth {clear: both;}
.hr {
	padding: 0px;
	margin: 0px; 
	border-bottom: 1px solid #ffffff; 
	border-top: 1px solid #c4bcb5;
	padding: 0px 0px;
	height: auto;
	margin: 35px 0px; 
	width: 100%; 
	clear: both;
	}



/****************************************************** 
						H Tags
******************************************************/	
h1 {color:#453833; font-size: 45px;}
h2 {margin-top: 20px; font-weight: normal; font-size: 26px; line-height: 32px;}
h3 {margin-top: 20px;}
h4 {}
h5 {}
h6 {}


/****************************************************** 
					INLINE LINKS
******************************************************/	
a{	color:#677a85;text-decoration:none; outline:0;}
a:hover{color: #92a5b1; text-decoration: underline;}
a:active{outline: none;}
a img{outline: none; border: 0px; text-decoration:none;}
a:hover img{outline: none; border: 0px; text-decoration:none;}

/****************************************************** 
					BODY/STRUCTURE
******************************************************/	

html {
	margin:0px;
	padding:0px;
	font-family: Georgia;
	font-size: 12px;
	letter-spacing:normal;
	background: url("images/bg.jpg") 0px 0px #1b212a;
	}
	
body {
	padding: 0;
	margin: 0;
	font-family: Georgia;
	font-size: 14px;
	letter-spacing:normal;
	line-height: 23px;
	color:#677a85;
	background: url("images/header.jpg") no-repeat top center;
	}

.wrapper {
	width:975px;
	margin:auto;
	}
	
	
	
/****************************************************** 
					SIDEBAR
******************************************************/	
.side{
	width: 200px;
	float: right;
	}
	
	
/****************************************************** 
					HEADER/LOGO
******************************************************/		

#top_border {
	clear: both;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	height: 8px;
	background:url("images/trans_dark.png") 0px 0px;
	border-bottom: 1px solid #343d44;
	width: 100%;
	}
	
#header {
	clear: both;
	padding-top: 60px;
	width: 985px;
	margin: auto;
	overflow: hidden;
	}	
#header .logo{
	float: left;
	color: #7797a7;
	font-family: Georgia;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	line-height: 30px;
	}
#header .logo h1 a{
	display: block;
	width: 180px;
	height: 30px;
	background:url("images/logo.png") no-repeat 0px 0px;
	text-indent: -9999px;
	}

	
/****************************************************** 
					NAV
******************************************************/		

.nav {
	width: 240px;
	height: auto;
	margin-top: 4px;
	float: right;
	text-align: right;
	}
.nav ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: right;
	overflow: hidden;
	}
.nav ul li{
	}
.nav ul li a{
	font-size: 11px;
	color:#e0daaa;	
	}
.nav ul li a:hover{
	text-decoration: none;
	}

.nav li.viewwork a{
	display: block;
	float: left;
	background:url("images/btn_viewwork.png") no-repeat 0px 0px;
	height: 28px;
	width: 123px;
	text-indent: -9999px;
	margin-bottom: 8px;
	}
.nav li.viewwork a:hover{background:url("images/btn_viewwork.png") no-repeat 0px -28px;}	
	
	
	
.nav li.hire a{
	display: block;
	float: left;
	background:url("images/btn_hire.png") no-repeat 0px 0px;
	height: 28px;
	width: 85px;
	margin-left: 10px;
	text-indent: -9999px;
	margin-bottom: 8px;
	}
.nav li.hire a:hover{background:url("images/btn_hire.png") no-repeat 0px -28px;}	
	
	
.nav li.twitter a{
	clear: both;
	display: inline;
	background: url("images/nav_twitter.png") no-repeat 0px 0px;
	padding:1px 40px 0px 30px;
	font-size: 12px;
	color:#7797a7;
	font-style: italic;
	}	
.nav li.twitter a:hover{
	background: url("images/nav_twitter.png") no-repeat 0px -15px;
	padding:2px 40px 2px 30px;
	color: #fff;
	}
	
			
/****************************************************** 
					SERVICE LIST
******************************************************/	
	
	
.service_list{
	width:925px;
	margin: auto;
	margin-top: 318px;
	padding: 12px 20px 10px 20px;
	background:url(images/trans_light.png) repeat;
 	-moz-border-radius: 4px; /* FF1+ */
 	-webkit-border-radius: 4px; /* Saf3+, Chrome */
    border-radius: 4px; /* Opera 10.5, IE 9 */	
	}
.service_list ul{
	width: 960px;
	list-style: none;
	margin: auto;
	text-align: center;
	}
.service_list ul li{
	display: inline;
	background: url(images/icon_check.png) no-repeat 0px 0px;
	padding:4px 0px 8px 26px;
	color: #677a85;
	font-size: 14px;
	margin:0px 40px;
	}	
	
	
.bio{
	width:860px;
	margin: auto;
	margin-top: 25px;
	margin-bottom:25px;
	padding: 20px 60px 20px 60px;
	background:url(images/trans_dark.png) repeat;
 	-moz-border-radius: 4px; /* FF1+ */
 	-webkit-border-radius: 4px; /* Saf3+, Chrome */
    border-radius: 4px; /* Opera 10.5, IE 9 */	
    color: #3d4958;
    font-size: 12px;
	}	
.bio span{
	font-size: 18px;
    color: #3d4958;

	}
	
/****************************************************** 
					HEADLINE
******************************************************/	

.headline {
	background:url("images/bg_dark.jpg") center center;
	margin: auto;
	margin-top: 15px;
	margin-bottom: 30px;
	width: 100%;
	border-bottom: 1px solid #343d44;
	border-top: 1px solid #000000;
	}
.headline .content{
	background:url("images/headline.jpg") no-repeat center top;
	margin: auto;
	height: 640px;
	width: 100%;
	border-top: 1px solid #343d44;
	border-bottom: 1px solid #000000;
	}	
.headline a.blurb{
	display: block;
	float: right;
	width: 250px;
	margin-right: 100px;
	padding-top: 55px;
	font-style: italic;
	color: #d4d0a4;
	font-size: 24px;
	line-height: 44px;
	}
.headline a.blurb span{
	color: #dcdecf;
	font-size: 46px;
	}
	
.headline a.blurb:hover{
	text-decoration: none;
	text-shadow: 0px -1px #000;
	color: #5a656f;
	}
.headline a.blurb:hover span{
	color: #7e8891;
	}

	
	
	
	
	
	
/****************************************************** 
					FOLIO
******************************************************/	


.pagetitle{
	display: block;
	padding: 8px 0px;
	width: 100%;
	margin-bottom: 0px;
	margin-top: 28px;
	border-bottom: 1px solid #000;;
	padding-bottom: 1px;
	color: #566772;
	}
.pagetitle h2{
	font-size: 46px;
	font-family:Georgia;
	font-style: italic;
	font-weight: normal;
	text-transform: uppercase
	}


.folio{
	display: block;
	padding: 25px 0px;
	width: 100%;
	border-top: 1px solid #343d44;
	overflow: hidden;
	}	
.folio ul{
	list-style: none;
	}
.folio ul li{
	float: left;
	display: block;
	width: 300px;
	margin-right: 12px;
	margin-left: 12px;
	margin-bottom: 12px;
	list-style: none;
	}	
.folio ul li a img{
	padding: 7px;
	background:url(images/trans_light.png) repeat;
	border: 1px solid #343d44;
	}	
.folio ul li a:hover img{
	background:url(images/trans_dark.png) repeat;
	}		
	
	
.folio ul li p{
	padding-top: 0px;
	text-align: center;
	margin-top: 0px;
	}




	
/****************************************************** 
					EMAIL US
******************************************************/	
a.email_us{
	display: block;
	width:925px;
	margin: auto;
	margin-top: 0px;
	padding: 20px 20px;
    color: #14191c;
    font-size: 26px;
    text-shadow: 0px 1px #343c49;
    text-align: center;
    font-style: italic;	
	background:url(images/trans_light.png) repeat;
  	-moz-border-radius: 4px; /* FF1+ */
  	-webkit-border-radius: 4px; /* Saf3+, Chrome */
    border-radius: 4px; /* Opera 10.5, IE 9 */	
	}
a.email_us span{
	font-size: 36px;
	}
a.email_us:hover{
	background:url(images/trans_dark.png) repeat;
	color: #d4d0a4;
    text-shadow: 0px -1px #000;
    text-decoration: none;
	}
a.email_us:hover span{
	color: #5a656f;
	}
	
	
	
	
	
/****************************************************** 
					FOOTER
******************************************************/	

.footer {
	background:#f1eee5 url("images/bg_grid.jpg") center center;
	margin: auto;
	margin-top: 55px;
	padding: 15px 0px;
	width: 100%;
	border-bottom: 1px solid #343d44;
	border-top: 1px solid #fff;
	}	
	
.footer h2{
	font-size: 48px;
	text-align: center;
	text-transform: uppercase;
	color: #8a897b;
	text-shadow: 0px 1px #fff;
	}

	
	
	
	
	
	
	
	
	
/****************************************************** 
					IMAGES
******************************************************/		
img.border{
	border: 1px solid #e9e8de;
	background: #fff;
	padding: 4px;
	
	}
img.img_right{
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	}
img.img_left{
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	}

/****************************************************** 
					CONTENT LISTS
******************************************************/	
.mainCol ul, .mainCol ol, .mainColFull ul, .mainColFull ol{
	margin-left: 0px;
	}
	
.mainCol ul li, .mainColFull ul li{
	list-style: none;
	background: url("images/bullet_dots.png") no-repeat 0px 6px;
	padding-left: 14px;
	line-height: 18px;
	margin: 12px 0px;
	}
.request_sidebar {
	float: right;
	width: 236px;
	font-size: 12px;
	line-height: normal;
	}
.request_sidebar p{
	padding: 4px 7px;
	}
.request_sidebar h3{
	padding: 0px 7px;
	clear: right;
	}
	
	
/****************************************************** 
					INLINE FORM
******************************************************/		
.inline_form label{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	}

.contact_textfield{
	background: #fefefe;
	padding: 7px 7px;
	width: 250px;
	border: solid 1px #e9e8de;
	margin-bottom: 8px;
	}
	
.contact_textarea{
	background: #fefefe;
	padding: 7px 7px;
	width: 250px;
	border: solid 1px #e9e8de;
	margin-bottom: 8px;
	}
.form_submit {
	display: block;
	padding: 6px 14px;
	text-align: center;
	color: #fff;
	background: #504943;
	border: 0px solid #29779b;
	font-weight: bold;
	}
.form_submit:hover {
	cursor: pointer;
	border: 0px solid #333a3e;
	background: #333a3e;

	}