﻿/* CSS Document */

html, body, div, span, applet, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, img, ins, kbd, q, s, samp, small, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
	border:0 none;
	outline-style:none;
	outline-width:0px;
	padding:0;
	margin: 0;
}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #CCC;
	background: #212121;
}

h3{
	color:#CCC;
	font-weight:normal;
	font-size:18px;
	margin-bottom:15px;
}

a, a:link, a:visited{
	color:white;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}


.clr{
	clear:both;
}

/* Page Structure */

#wrapper{
	margin:0px auto;
	width:990px;
}

#header{
	background-position: left top;
	border-width: 0px 1px;
	border-color: black;
	height: 110px;
	background-image: url('bg_header.jpg');
	background-repeat: repeat-x;
	background-attachment: scroll;
	border-bottom:18px #080808 solid;
}

#nav{
	border-left: 1px solid #080808;
	border-right: 1px solid #080808;
	border-top: 0px solid #080808;
	border-bottom: 0px solid #080808;
	height: 41px;
		clear: both;
	background: #1C1C1C url('bg_navFade.png') repeat-y right 50%;
}

#content{
		background-color: #080808;
		padding-bottom:10px;
}

#intro, #introHome{
	height: 176px;
	font-size: 15px;
	line-height:20px;
	font-weight:100;
	clear: both;
	background-color: #080808;
}
#introHome, #introHome h3{
	font-size:18px;
	line-height:28px;
	margin:0px;
	font-weight:normal;
	padding: 0;
}

#intro div, #introHome div{
	padding: 30px 100px 0px 47px;
}


#copyright{
	text-align:right;
}

#pageTitle{
	padding:35px 0px 0px 40px;
	width: 740px;
	float:left;
}

#address{
	padding:20px 0 0 0;
	width: 200px;
	float:left;
    line-height:14px;
    font-weight:100;
}



/* Nav */
#nav div{
	padding:13px 0px 0px 42px;
}

#nav ul{
	
}

#nav ul li{
	list-style:none;
	float:left;
}
#nav ul li a, #nav ul li a:visited{
	color:white;
	text-decoration:none;
	font-size:13px;
	padding-right:60px;
	font-weight:bold;
	text-transform:uppercase;
}
#nav ul li a:hover{
	color:#C0BEBE
}

#nav ul li#socialMedia a{
	padding:0;
}

#socialMedia{
	padding-left:195px;
	margin-top:-3px;
	margin-left: 0px;
}


/* Footer */
#footer{
	background: transparent url('bg_footer.jpg') repeat-x scroll left top;
	height:172px;
	clear:both;
}

#footer ul{
	float: left;
	margin: 16px 49px;
	list-style-image: url('dash.png');
	color:#999;
}

#footer ul li {
	height:18px;
}

#footer ul li.title{
	color: #e90d8c;
	list-style-type: none;
	margin-left:-15px;
	list-style:none;
	height:15px;
}

/* Portfolio Items */
.portfolioItem{
	margin:2px 0px 2px 9px;
	clear:both;
	background-color:#080808;
	height:313px;
}
.coverImage, .coverImage a{
    z-index:100;
}
.portfolioItem div a{
    position:absolute;
}
.description{
	width:305px;
	float:right;
}

.portfolioItem h2{
	color:white;
	text-transform:uppercase;
	font-size:15px;	
	margin:36px 0px 0px 15px;
}

.subText{
	color: #e90d8c;
	text-transform:uppercase;
	margin:10px 0px 0px 15px;
}

.portfolioImage{
	float:left;
	width:674px;
	z-index:10;
}

.portfolioItem img{
	position:absolute;
}
.portfolioItem a img{
	height:313px; 
	width:674px;
}

.portfolioDescription{
	margin:15px 15px 15px 17px;
}

#AboutText, #AboutText h3{
	font-size:13px;
	line-height:28px;	
}


#AboutText{
	height:450px;
	padding:0px 100px 0 47px;
}



/* Contact */
#contactFormTable{
	margin-bottom:50px;
}


#contactSubmitRow{
	height:40px;
	border-color:#060606;
	border-width:0px 1px;
	border-style:solid;
}
#contactSubmitRow img{
	margin-right:0px
}
td{
	font-weight:normal;
}

input, textarea{
	margin-top:10px;
	padding:1px 4px;
	font-size:11px;
	line-height:11px
}
input.firefox, textarea.firefox{
	margin-top:10px;
	padding:4px 4px 0px 4px;
	font-size:11px;
	line-height:11px;
	height:18px;
}
input{
	background-position: left top;
	border: 1px solid #E6E2E3;
	background: white url('bg_Input.png') repeat-x scroll left top;
	height:22px;
	width:142px;
}
textarea{
	border:1px solid #E6E2E3;
	background:white url('bg_textArea.png') repeat-x scroll left top;
        padding:3px 4px;
}

#thanks{
    margin:25px;
}

#contactContent{
	height:780px;
	padding:0px 300px 0 47px;
}

.ContactField{
	width:180px;
	float:left;
	clear:none;
}

#footer #FooterList1{
     margin-left:60px;   
}
#footer #FooterList2{
    margin-left:60px;
}
#footer #FooterList3{
    margin-left:60px;
}
#footer #FooterList4{
    margin-left:70px;
}
#footer #FooterList5{
    margin-left:60px;
    margin-right:0px;
}
pinkfrankbrands {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #E50D8C;
}
e {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.billy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CCC;
}
.whiteheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #CCC;
	margin: 10px 0px 0px 15px;
}
.pinkheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #E92F8C;
}
.subtextwhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
}
.name {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #060606;
	line-height: 1.3;
}
pary {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #060606;
}
.subwhiteheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.texthead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.no2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 28px;
}
detroit monkey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 22px;
	color: #CCC;
}
meoww {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CC0;
}
