/**********/
/* reset */
/********/
dl, dt, dd, ol, ul, li {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

ol, ul {
  list-style: none;
}

html, body, div {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, p, img, a {
	border: none;
	padding: 0;
	margin: 0;
	text-decoration: none;
	outline: none;	/*  -moz-outline: none;*/
}

/************/
/* generic */
/**********/
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }
.cl { clear: left; }
.cr { clear: right; }
.m_0 { margin: 0; }
.p_3 { padding: 3px; }
.pt_3 { padding-top: 3px; }
.p_10 { padding: 10px; }
.pb_20 { padding-bottom: 20px; }
.pb_40 { padding-bottom: 40px; }
.ta_r { text-align: right; }
.ta_l { text-align: left; }
.ta_c { text-align: center; }
.mt_10 { margin-top: 10px; }
.ml_10 { margin-left: 10px; }
.mr_10 { margin-right: 10px; }
.ml_20 { margin-left: 20px; }
.ml_250 { margin-left: 250px; }
.mr_20 { margin-right: 20px; }
.mb_5 { margin-bottom: 5px; }
.mb_10 { margin-bottom: 10px; }
.mb_15 { margin-bottom: 15px; }
.mb_50 { margin-bottom: 50px; }
.w_half { width: 50%; }
.red { color: #FF3333;}
.green { color: #339933; }


/***********/
/* global */
/*********/
body {
	font-size: 75%;
	color: #666;
	font-family: Georgia, serif;
	font-weight: lighter;
}
/* Headings -------------------------------------------------------------- */ 
h1,h2,h3,h4,h5,h6 {
	font-weight: lighter;
	color: #111;
} 
h1 {
	font-size: 2.2em;
	color:#666;
	line-height: 1;
	margin-bottom: 0.25em;
} 
h2 {
	font-size: 1.8em;
	color:#00aeef;
	margin-bottom: 0.75em;
} 
h3 { 
	font-size: 1.563em; 
	line-height: 1; 
	margin-bottom: 1em; 
} 
h4 { 
	font-size: .875em;
	color: #00aeef;
	line-height: 1.25; 
	margin-bottom: 1.25em; 
} 
h5 { 
	font-size: 1em; 
	font-weight: normal; 
	margin-bottom: 1.5em; 
} 
h6 { 
	font-size: 1em;
	font-weight: lighter; 
} 
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { 
	margin: 0; 
} 
/* Text elements -------------------------------------------------------------- */ 
p {
	font-size: 1.6em;
	margin: 0 0 1em;
} 
p img.left { 
	float: left; 
	margin: 1.5em 1.5em 1.5em 0; 
	padding: 0; 
} 
p img.right { 
	float: right; 
	margin: 1.5em 0 1.5em 1.5em; 
} 
a:focus, a:hover { 
	color: #000; 
}
a { 
	color: #00aeef;
	font-size: 1em;
	text-decoration:none;
}


/******************/
/* Site specific */
/****************/
body {
  	background: #000;
	margin:0;
	padding:0;
 }
  
#wrapper{
	float:left;
}


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

#main{
	position:relative;
	float: left;
	margin:10px 0 0 0;
	width:10795px;
	height:509px;
}
.panel {
	position:relative;
	float:left;
	width:600px;
	height:478px;
	background-color:#FFF;
	margin:0 5px 20px 5px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
	font-size: 75%;
}

.panelStart{
	position:relative;
	float:left;
	width:600px;
	height:478px;
	margin:0 5px 0 0;
	background-color:#000;
}

.panelBranding{
	position:relative;
	background-image:url(../images/em&pete.jpg);
	float:left;
	width:600px;
	height:478px;
	margin:0 5px 0 5px;
	background-color:#000;
	}
.panelBranding1{
	position:relative;
	background-image:url(../images/sam.jpg);
	float:left;
	width:600px;
	height:478px;
	margin:0 5px 0 5px;
	background-color:#000;
	}
.panelBranding2{
	position:relative;
	background-image:url(../images/nicole.jpg);
	float:left;
	width:394px;
	height:478px;
	margin:0 5px 0 5px;
	background-color:#000;
}

.panelEnd{
	position:relative;
	float:left;
	width:585px;
	clear:right;
	height:478px;
	margin:0 10px 0 10px;
	background-color:#000;
}
.logoAlt{
	position:absolute;
	bottom:0;
	right:0;
}
.logo{
	position:absolute;
	top:1px;
	left:5px;
	width:186px;
	margin:0 5px 20px 5px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
	height: 235px;
}
#menu{
	position:absolute;
	width:119px;
	top:250px;
	left:98px;
	z-index:1;
	height: 64px;
}
#nav{
	list-style-type:none;
}

#nav li a{
	background-image:url(../images/navBtn.gif);
	background-repeat:no-repeat;
	font-size:1.5em;
	color:#fff;
	display: block;
	height: 20px;
}

#nav li a.aboutUs{
	background-position:0px 0px;
}
#nav li a:hover.aboutUs{
	background-position:0px -20px;
	color:#52BCE6;
}
#nav li a.latestWork{
	background-position:0px 0px;
}
#nav li a:hover.latestWork{
	background-position:0px -20px;
	color:#54BEE8;
}
#nav li a.contactUs{
	background-position:0px 0px;
}
#nav li a:hover.contactUs{
	background-position:0px -20px;
	color:#55BCE9;
}
#nicole{
	position:absolute;
	top:0;
	right:0;
}
#marty{
	position:absolute;
	top:0;
	left:-6px;
}

.content{
	position:relative;
	width:600px;
	height:348px;
	margin:25px 0 0 0;
	overflow: visible;
}

.about p{
	font-size:75em;
	color:#00aeef;	
}
.sectionTitle{
	padding:5px 5px 5px;
	text-align:right;
	font-size: 16px;
}

.navHeading{
	font-size:1.5em;
	color:#000;
}

.navHeadingBlack{
	font-size:1.5em;
	color:#fff;
}

.projectNavHeading{
	color:#000;
	font-size: 18px;
}

.about{
	padding:25px 70px 50px 50px;
	font-size: 32px;
	color: #999;
}

.about a{
	color:#00aeef;	
}
.about a:hover{
	color:#CCC;
}

.siteThumb{
	float:left;
	margin-right:15px;
	margin-left:60px;
}

.siteInfo{
	float:left;
	width:265px;
}

.siteInfo a {
	font-size: 1.8em;
}

.siteInfo a:hover{
	color:#CCC;
	font-size: 1.8em;
}

.bannerThumb{
	position:relative;
	float:left;
	clear:left;
	text-align:left;
	margin:0 5px 5px 55px;
}
.bannerInfo{
	position:relative;
	width:340px;
	padding-top:2px;
	float:left;
}
.bannerInfo h1{
	font-size:2em;
	margin-bottom:0.3em;
}
.bannerInfo p{
	font-size:12.5px;
	margin-bottom:0em;
	color:#999;
}
.contact{
	text-align:right;
	padding-top:25px;
}
.contact p{
	color:#fff;
	font-size: 1.2em;
}
.contact a{
	color:#CCC;
}
.contact a:hover{
	color:#52CBFF;
}
.arrowNext{
	position:absolute;
	padding:5px;
	right: 0px;
	bottom:0px;
	clear: both;
}
.arrowPrev{
	position:absolute;
	padding:5px;
	left: 0px;
	bottom:0px;
}
#wrapper #main .panel .sectionTitle .navHeading {
	font-size: 18px;
	color: #999;
}