@charset "utf-8";

/* Reset */

*{margin:0; padding:0;}
html, body, #wrap {height:100%;
}

body {
	color:#000;
	font-family:Arial, Sans-Serif;
	font-size:62.5%;

}
ul {
	list-style-position:inside;
	list-style-type:disc;
}
ol {
	list-style-position:inside;
	list-style-type:decimal;
}
a img {
	background:none;
	border:none;
	text-decoration:none;
}

a {
	color:#fff;
}
#centercontainer a {
	color:#777;
}

/* Structure */

#wrap{
	display:table;
	margin:auto 0;
	width:100%;
	min-width:1010px;
}

#top		{position:relative; float:right; width:100%; text-align:center;}
#floater	{height:50%; margin-bottom:-160px; position:relative;}
#content	{
	display:table-cell;
	vertical-align:middle;
	clear:both;
	height:320px;
	position:relative;
	width:100%;
	min-width:1010px;
	font-size:1.2em; 
}
#header{
	height:120px;
	position:relative;
}
#main, #footer {
	background-color:#000;
	color:#fff;
	padding:15px;
}
#main{
	height:130px;
}
#main p{
	padding-bottom:5px;
}
#footer{
	height:10px;
	border-top: 1px solid #fff;
}
#footer p{
	margin-top:-3px;
}
#centercontainer{
	text-align:center;
	background:#fff;
}
#centercontainer div#services, #centercontainer div#about, #centercontainer div#portfolio, #centercontainer div#contact, #centercontainer div#home{
	width:900px;
	text-align:left;
	margin:50px auto;
}
#centercontainer p{
	margin-bottom:15px;
}

h1{
	font-family:Georgia,serif;
	font-variant:small-caps;
	font-weight:normal;
	/*line-height:0.6em;*/
	position:absolute;
	bottom:0px;
	font-size:4.1em;
	margin: 0 0 -12px 0;
}
h2{
	font-family:Georgia,serif;
	font-weight:normal;
	/*line-height:0.6em;*/
	font-size:2.0em;
	margin:-5px 0 5px 0;
}
h3{
	font-family:Georgia,serif;
	font-weight:normal;
	padding: 10px 0;
	font-size:1.4em;
	margin:-5px 0 5px 0;
}
h4{
	padding: 5px 0;
}
h1 img{
	margin: 0 0 0 -25px;
}

#take5{
	font-family:Georgia,serif;
	position:absolute;
	bottom:0px;
	right:0px;
	font-size:1.2em;
	margin: 0 0 -3px 0;
	display:block;
	float:right;
}
#take5 span{
	margin: 0 3px 0 0;
}

#take5 .take5 {
	float:right;
	display:block;
	height:18px;
	width:104px;
	background:url(images/take5.png) -0px -0px no-repeat;
	text-indent: -9999px;
}
#take5 .take5:hover {
	background:url(images/take5.png) -0px -20px no-repeat;
}

#design-development, #branding, #print-design {
	margin-bottom:15px;
}

ul#nav
{
	float:left;
	list-style: none;
	width:100px;
}

ul#nav li.sliding-element a{
	display: block;
	width: 100px;
	padding: 0 18px;
	margin-bottom: 5px;
}

ul#nav li.sliding-element a {
	color: #fff;
	text-decoration: none;
	outline:none;
}

ul#nav li.sliding-element a:hover {
	text-decoration: underline;
	border-left:2px solid #fff;
}
ul#nav li.active{
	border-left:2px solid #fff;
}

.p-left{
	float:left;
	width:485px;
	padding-right:15px;
}
.p-right{
	font-family:Georgia,serif;
	float:right;
	width:85px;
	padding-left:15px;
}

.go{
	font-size:3.8em;
	line-height:95px;
	vertical-align:middle;
}
a.p-right{
	text-decoration:none;
}
a.p-right:hover{
	font-style:italic;
}

a#credentials-pdf{
	text-align:center;
}

a#credentials-pdf:hover{
	font-style:normal;
}
.arrow{
	font-size:4.0em;
}

.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
}
.after		{text-align:right; padding-right:20px; font-size:0.75em;}
#main .post{
	width:600px;
	height:130px;
	float:left;
}
#recent, #contact2{
	width:270px;
	float:right;
	text-align:right;
}
#recent img{
	background:#fff;
	margin:0 0 8px 0;
}

/* Contact Form */

.contact{
	width:150px;
	float:left;
	margin-right:15px;
}
.contact p{
	color:#fff;
	background:#000;
	padding:3px;
}

#hire-form, #contact-form, #contact-s-container{
	width:720px;
	float:right;
}
#hire-form, #contact-form{
	margin-left:15px;
}

#hireus a, #contactus a{
	text-align:center;
	color:#777;
	border:3px solid #777;
	margin-left:15px;
	float:left;
	width:339px;
	height:111px;
	text-decoration:none;
}
#hireus a:hover, #contactus a:hover, #hireus a:active, #contactus a:active{
	color:#000;
	border:3px solid #000;
	background:#fff;
	font-style:italic;
}
#hireus h3, #contactus h3{
	font-size:3.0em;
	line-height:105px;
	vertical-align:middle;
}

#contact-form .buttonHolder{
	margin-top:168px;
}
.buttonHolder{
	float:right;
}
#contact-submit, .hire-button{
	border:none;
	color:#777;
	background:#fff;
	font-family:Georgia,serif;
	font-size:2.8em;
	border:none;
}
#contact-submit:hover, #contact-submit:active, .hire-button:hover, .hire-button:active, .hire-button:focus{
	font-style:italic;
	color:#000;
	cursor:pointer;
	border:none;
}
.hire-button{
	padding:0;
	margin:0;
	width:100% !important;
	font-style:italic;
	float:right;
}
.error{
	color:#ff0000;
	font-style:italic;
}
.required{
	background:transparent url(images/required.png) no-repeat scroll top right;
}

#hire-form fieldset{
	width:620px;
}

#contact-form fieldset{
	width:575px;
}
fieldset{
	float:left;
	border:3px solid #000;
}

div.c-left{
	width:250px;
	float:left;
	padding:15px;
}
div.c-right{
	width:250px;
	float:left;
	padding:15px;
}


fieldset h4{
	color:#fff;
	background:#000;
	width: 250px;
	padding: 7px 10px 10px 10px;
}

.hirenav{
	float:left;
	width:75px;
}
.hirenav li{
	color:#777;
	border:3px solid #777;
	border-left:none;
	padding:5px;
	text-align:center;
	list-style:none;
	margin-bottom:5px;
}
.hirenav li.navlink{
	border:none;
}
.hirenav li a{
	color:#000 !important;
	border:3px solid #000;
	border-left:none;
	margin:0px;
	padding:5px 10px;
	text-align:center;
	display:block;
	margin:-5px;
	text-decoration:none;
}
.hirenav li a:hover, .hirenav li a:active{
	font-style:italic;
}

.hirenav li a.current{
	color:#fff !important;
	background:#000;
	text-decoration:none;
	font-style:italic;
}

#hire-nav-1, #hire-nav-2, #hire-nav-3{
	display:none;
}


dt{
	font-weight:bold;
	text-transform: capitalize
}
dd{
	padding-bottom:5px;
}
dl{
	padding-bottom:15px;
}

label, .label{
	font-weight:bold;
	display:block;
}
.hire-enclosure{
	padding:15px 0;
}
#hire-form .ctrlHolder{
	margin:0 15px;
	float:left;
}


input, textarea{
	width:251px;
}
.multiField{
	padding:10px;
	width:245px;
}
.multiField input{
	width:25px;
	border:none;
}

.multiField label{

}
#hire-form textarea{
	height:200px;
}
#contact-form textarea{
	height:250px;
}
input, textarea{
	border:2px solid #777;
	padding:5px;
}

.ctrlHolder{
	margin-bottom:15px;
}

input:active, input:focus, textarea:active, textarea:focus, input:hover, textarea:hover{
	border:2px solid #000;
}
#contact-form ul{
	padding-left:10px;
	text-indent:-10px;
	color:#FF0000;
}
.contact-error{
	display:none;
	color:#FF0000;
	font-size:1.4em;
}
.formHint{
	visibility:hidden;
}

/* Portfolio */
.portfolio-list{
	float:left;
	width:780px;
}
.portfolio-list li{
	float:left;
	list-style:none;
}
.portfolio-list li a{
	display:block;
	height:10px;
	width:10px;
	background:#000;
	margin:5px;
	background:url(images/bullet.png) -0px -0px no-repeat;
	text-indent: -9999px;
}
.portfolio-list li a:hover, .portfolio-list li a.current {
	background:url(images/bullet.png) -0px -11px no-repeat;
}

#portfolio-nav{
	list-style:none;
	width:75px;
	float:left;
}
#portfolio-nav li{
	padding:5px;
	text-align:center;
	list-style:none;
	margin-bottom:5px;
}
#portfolio-nav li a{
	margin:0px;
	padding:5px 10px;
	text-align:center;
	display:block;
	margin:-5px;
	text-decoration:none;
	color:#777;
	border:3px solid #777;
	border-right:none;
}
#portfolio-nav li a:hover, #portfolio-nav li a:active, #portfolio-nav li a.current{
	font-style:italic;
	color:#000;
	border:3px solid #000;
	border-right:none;
	text-decoration:none;
	font-style:italic;
}

#portfolio-nav li a.current{
	color:#fff !important;
	background:#000;
}

#portfolio-box{
	float:left;
	width:665px;
	padding: 15px 0 0 15px;
	border:3px solid #000;
	min-height:135px;
}
.portfolio-items li{
	list-style:none;
}
.portfolio-items li a{
	float:left;
	width:496px;
	border:2px solid #777;
	margin:0 15px 15px 0;
}
#portfolio-all li{
	list-style:none;
}

#portfolio-all li a{
	float:left;
	border:2px solid #777;
	margin:0 15px 15px 0;
	width:125px;
	padding:5px;
	text-decoration:none;
	text-align:center;
}
.blackborder{
	border:2px solid #000;
}
#portfolio-all li img.thumb{
	border:2px solid #777;
}
.blackborder{
	border:2px solid #000 !important;
}
.portfolio-items li a:hover, .portfolio-items li a:active, #portfolio-all li a:hover, #portfolio-all li a:active{
	border:2px solid #000;
	color:#000;
}
.portfolio-items li div{
	float:left;
	width:150px;
	margin-bottom:15px;
}