@charset "UTF-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	outline:none;
	background:#22313d; 
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.clearing {clear:both}


/* STRUCTUAL DIV'S */

#container {
	width:auto;
	height:743px;
	margin: 0;
	padding:0;
	text-align:left;
	background:#22313d url(../images/wovenSky.jpg) center top
}

#head {
	width:960px;
	height:240px;
	float:left;
}

#headLeft {
	width:734px;
	height:240px;
	float:left;
}

#headPortLink {
	width:226px;
	height:240px;
	float:left;
}

#headPortLink a {outline:none;}

#footer {
	width:auto;
	margin: 0 auto;
	padding:0;
	background:url(../images/grassFooter.jpg) center top;
	text-align:left;
	height:180px;
}

#content, #footerContent, #footerNetworkLinks {
	width:960px;
	margin: 0 auto;
	padding:0;	
}

#footerContent {
	height:84px;
	background:url(../images/footerText.png) no-repeat;
}

#footerNetworkLinks {
	height:96px;
}

#footerNetworkLinks a.twit, #footerNetworkLinks a.face {
	display:block;
	width:240px;
	height:70px;
	outline:none;
}

#footerNetworkLinks a.twit { float:left; background:url(../images/twit.png) no-repeat; }
#footerNetworkLinks a.face { float:right; background:url(../images/face.png) no-repeat; }

#footerNetworkLinks a:hover { background-position: 0 -70px; }

#leftCol {
	width:482px;
	height:503px;
	float:left;
}

#rightCol {
	width:478px;
	height:503px;
	float:left;
	background:url(../images/messageBox.png) no-repeat;
}

#footerContent ul {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}

#footerContent ul li {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	float:left;
}

#footerContent ul li.emailBut a {
	display:block;
	width:260px;
	height:40px;
	background:url(../images/emailBut.png) no-repeat;
	margin:26px 0 0 368px;
}

#footerContent ul li.webBut a {
	display:block;
	width:128px;
	height:40px;
	background:url(../images/webBut.png) no-repeat;
	margin:26px 0 0 50px;
}

#footerContent ul li.emailBut a:hover, #footerContent ul li.webBut a:hover {
	background-position:0 -40px;
}

form {
	width:346px;
	float:left;
	margin:30px 0 0 98px;
	display:inline;
}

.formRow, .formRowSubmit {
	width:346px;
	float:left;
	margin:10px 0;
}

.formRowSubmit {
	margin:0;
}

.formCol1 {
	width:346px;
	float:left;
}

.formCol2 {
	width:150px;
	float:left;
}

.formCol1 label, .formCol3 label { font-size:14px; }
.formCol1 input, .formCol1 textarea {
	width:346px;
	background:#efefef;
	border:1px solid #ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
.formCol2 input.sendEnq {
	width:152px;
	height:39px;
	background:url(../images/fireAway.png) no-repeat;
	border:none;
}


/* PORTFOLIO
-----------------------------------------------------------------*/

#portBox {
	float:left;
	margin:46px 0 0 100px;
	display:inline;
}

h2.portHead {
	display:block;
	float:left;
	font-size:1px;
	text-indent:-9999px;
	width:334px;
	height:42px;
	margin:10px 0 5px 5px;
	padding:0;
}

.webDes { background:url(../images/webDesign.png) no-repeat}
.printDes { background:url(../images/printDesign.png) no-repeat}
.brandIden { background:url(../images/brandIdentity.png) no-repeat}

.portfolio {
	margin:5px 0 20px 0;
	width:376px;
	padding:0;
	display:inline;
	list-style:none;
	float:left;
}

.portfolio li {
	width:50px;
	height:50px;
	margin:0 0 0 5px;
	float:left;
	display:inline;
}

.portfolio li a {
	display:block;
	width:46px;
	height:46px;
	border:2px solid #fff;
	background-repeat:no-repeat;
	color:#CCC;
}

.portfolio li a img { border:0; padding:0; }

.portfolio li a:hover img {visibility:hidden;}

/* --- PORTFOLIO THUMBNAILS --- */

#webSolstice {background:url("../images/portfolio/web/thumb_solstice.jpg");}
#webCoach {background:url("../images/portfolio/web/thumb_coach.jpg");}
#webNou {background:url("../images/portfolio/web/thumb_nou.jpg");}
#webBauer {background:url("../images/portfolio/web/thumb_bauerMediaPacks.jpg");}
#webBarryS {background:url("../images/portfolio/web/thumb_barrySheene.jpg");}
#webSpeed {background:url("../images/portfolio/web/thumb_speedInPrint.jpg");}

#printCinnamon {background:url("../images/portfolio/print/thumb_CinnamonAd.jpg");}
#printBarry {background:url("../images/portfolio/print/thumb_barry.jpg");}
#printSolstice {background:url("../images/portfolio/print/thumb_SolsticeBandNite.jpg");}
#printFT {background:url("../images/portfolio/print/thumb_FTWatchLunch.jpg");}
#printRose {background:url("../images/portfolio/print/thumb_Rose.jpg");}

#brandPEMCO {background:url("../images/portfolio/brand/thumb_PEMCO.jpg");}
#brandGMC {background:url("../images/portfolio/brand/thumb_GMC.jpg");}
#brandBlh {background:url("../images/portfolio/brand/thumb_blh.jpg");}
#brandAMT {background:url("../images/portfolio/brand/thumb_AMT.jpg");}
#brandWhereugologo {background:url("../images/portfolio/brand/thumb_whereugologo.jpg");}