body {
	font-family:Verdana,Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:12px;
	letter-spacing:0.3px;
	background:url(../images/bg2.jpg) top center fixed no-repeat;
	background-color:#66ccff;
}

br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
h1, h2, h3, h4, h5, h6 {
	font-family:Verdana, Times, serif;
	color:#99ccff;
	font-weight:normal;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration:none;
}

h1 {
	font-size:36px;
	margin-bottom:10px;
}
.margin a {
	color:#444;
	text-decoration:none;
}
.margin a:hover {
	color:#ff99ff;
	border:none;
	text-decoration:underline;
}
a {
	color:#222;
	text-decoration:none;
}
a:hover {
	color:#b162ba;
	border:none;
	text-decoration:none;
}
#fancy_wrap a {
	border:none;
}


#single_warn {
	margin-bottom:80px;
	text-align:center;
}


#maincontainer {
	overflow:hidden;
}
#header {
	overflow:hidden;
	height:100%;
	margin-bottom:0px;
}
#header .homelink {
	float:left;
}
.excerpt {
	background-image:url(../images/black_85.png);
	max-width:250px;
	
}
.contentfloatright {
	width:310px;
	margin-left:330px;
	margin-top:10px;
}
/**************************
 DIALOG 
****************************/


.dialog {
color:#fff;
color:#FFFFFF;
float:right;
margin:0 auto;
max-width:800px;
min-width:20em;
width:60%;
}

.dialog .hd .c,
.dialog .ft .c {
 font-size:1px; /* ensure minimum height */
 height:11px;
}

.dialog .ft .c {
 height:14px;
}

.dialog .hd {
 background:transparent url(../images/tl.png) no-repeat 0px 0px;
 margin-right:14px; /* space for right corner */
}

.dialog .hd .c {
 background:transparent url(../images/tr.png) no-repeat right 0px;
 margin-right:-14px; /* pull right corner back over "empty" space (from above margin) */
}

.dialog .bd {
 background:transparent url(../images/ml.png) repeat-y 0px 0px;
 margin-right:6px;
}

.dialog .bd .c {
 background:transparent url(../images/mr.png) repeat-y right 0px;
 margin-right:-6px;
}

.dialog .bd .c .s {
 margin:0px 8px 0px 4px;
 background:#000 url(../images/ms.jpg) repeat-x 0px 0px;
 padding:1em;
}

.dialog .ft {
 background:transparent url(../images/bl.png) no-repeat 0px 0px;
 margin-right:14px;
}

.dialog .ft .c {
 background:transparent url(../images/br.png) no-repeat right 0px;
 margin-right:-14px;
}
.dialog p {
	margin-left:10px;
	margin-right:15px;
}

/**************************
 DIALOG
****************************/
.logotype {
	margin-top:5px;
	margin-left:90px;
	float:left;
}
.backButton{
	position:relative;
	top:203px;
	left:620px;
}
.homelink {
	border:none;
	display:block;
	overflow:hidden;
}
.menu {
	float:left;
	margin-top:0px;
	width:1160px;
	margin-bottom:20px;
}
.menu li {
	text-align:left;
	margin-left:0px;
	margin-right:0px;
	float:left;
	list-style-type:none;
}
.menu li a {
	font-family:Verdana, Times, serif;
	font-size:26px;
	color:#4db5d8;
	text-decoration:none;
}

#introduction {
	background-image:url(../images/black_85.png);
	margin-bottom:500px; /*100*/
	overflow:hidden;
}
#introduction .margin {
	margin:30px 20px 30px 20px;
	overflow:hidden;
}
#introduction h1 {
	border-bottom:2px groove #CCCCCC;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:36px;
	font-weight:lighter;
	letter-spacing:0.03em;
	line-height:1em;
	text-transform:uppercase;
	width:auto;
}
#introduction h2 {
	font-family:Verdana,Arial, Helvetica, sans-serif;
	color:#83B2BF;
	font-size:13px;
	line-height:18px;
}
#introduction #about_txt {
	margin-top:20px;
	display:none;
	color:#83B2BF;
	font-size:13px;
	line-height:18px;
}
#introduction #about_txt p {
	margin-bottom:10px;
}
#illustration {
	margin-bottom:500px;
	position:relative;
	height:100%;
}

#illustration h1, #services h1, #footer h1, #branding h1, #print h1, #web h1 {
	margin-top:150px;
	clear:both;
}
/**************************
 MAIN NAVIGATION ROLLOVERS AND HEADER TITLES 
****************************/
#contactinfo{
	background: url("../images/contact-info.png")no-repeat;
	text-indent: -9999px;
}
#creativebrief{
	background: url("../images/creative-brief.png")no-repeat;
	text-indent: -9999px;
}




/***************************/
/* Primary Navigation */
/***************************/	



.aboutbutton a {
margin-left:-10px;
display:block;
height:50px; width:100px;    
background: url("../images/about.png");
text-indent:-9009px;
}
.illustrationbutton a {
margin-left:-10px;
display:block;
height:50px; width:150px;    
background: url("../images/illustration.png");
text-indent:-9009px;
}
.printbutton a {
margin-left:-10px;
display:block;
height:50px; width:80px;    
background: url("../images/print.png");
text-indent:-9009px;
}
.brandingbutton a {
margin-left:-10px;
display:block;
height:50px; width:116px;    
background: url("../images/branding.png");
text-indent:-9009px;
}
.webbutton a {
margin-left:-10px;
display:block;
height:50px; width:63px;    
background: url("../images/web.png");
text-indent:-9009px;
}
.servicesbutton a {
margin-left:-10px;
display:block;
height:50px; width:100px;    
background: url("../images/services.png");
text-indent:-9009px;
}
.contactbutton a {
margin-left:-10px;
display:block;
height:50px; width:96px;    
background: url("../images/contact.png");
text-indent:-9009px;
}
/***************************/
/* Primary Navigation Over */
/***************************/	


.aboutbutton a:hover {
background-position: 0 -50px;

}
.illustrationbutton a:hover {
background-position: 0 -50px;

}
.printbutton a:hover {
background-position: 0 -50px;

}
.brandingbutton a:hover {
background-position: 0 -50px;

}
.webbutton a:hover {
background-position: 0 -50px;

}
.servicesbutton a:hover {
background-position: 0 -50px;

}
.contactbutton a:hover {
background-position: 0 -50px;

}
/***************************/
/* Active Navigation */
/***************************/	
.aboutbutton-active {
margin-left:-10px;
display:block;
height:50px; width:100px;    
background: url("../images/about.png");
text-indent:-9009px;
background-position: 0 -50px;

}
.illustrationbutton-active {
margin-left:-10px;
display:block;
height:50px; width:150px;    
background: url("../images/illustration.png");
text-indent:-9009px;
background-position: 0 -50px;

}
.printbutton-active{
margin-left:-10px;
display:block;
height:50px; width:80px;    
background: url("../images/print.png");
text-indent:-9009px;
background-position: 0 -50px;

}
.brandingbutton-active {
margin-left:-10px;
display:block;
height:50px; width:116px;    
background: url("../images/branding.png");
text-indent:-9009px;
background-position: 0 -50px;

}
.webbutton-active {
margin-left:-10px;
display:block;
height:50px; width:63px;    
background: url("../images/web.png");
text-indent:-9009px;
background-position: 0 -50px;

}
.servicesbutton-active {
margin-left:-10px;
display:block;
height:50px; width:100px;    
background: url("../images/services.png");
text-indent:-9009px;
background-position: 0 -50px;

}
.contactbutton-active {
margin-left:-10px;
display:block;
height:50px; width:96px;    
background: url("../images/contact.png");
text-indent:-9009px;
background-position: 0 -50px;

}
/*#p_grid {
	overflow:hidden;
	height:678px;
}

#grid_hack {
	overflow:hidden;
	height:678px;
	float:left;
}

#p_next {
	position:absolute;
	right:5px;
	top:25px;
}*/
#illustration .p_thumbnail {
	position:relative;
	float:left;
	margin-bottom:20px;
	border:solid 3px #31339a;
	overflow:hidden;
}
#illustration .p_thumbnail a {
	border:none;
}
#illustration .even {
	margin-left:20px;
	margin-right:20px;
}
#illustration .p_title {
	position:absolute;
	left:0px;
	width:264px;
	padding:5px 15px;
	background-image:url(../images/blue_67.png);
	color:#ffffff;
	font-family: Verdana,sans-serif;
	font-size: 16px;
	letter-spacing: -0.4pt;
	word-spacing: 0.6pt;
}

#branding {
	margin-bottom:500px;
	position:relative;
	height:100%;
}
#branding .p_thumbnail {
	position:relative;
	float:left;
	margin-bottom:20px;
	border:solid 3px #000;
	overflow:hidden;
}
#branding .p_thumbnail a {
	border:none;
}
#branding .even {
	margin-left:20px;
	margin-right:20px;
}
#branding .p_title {
	position:absolute;
	left:0px;
	width:264px;
	padding:5px 15px;
	background-image:url(../images/blue_67.png);
	color:#ffffff;
	font-family: Verdana,sans-serif;
	font-size: 16px;
	letter-spacing: -0.4pt;
	word-spacing: 0.6pt;
}






#print {
	margin-bottom:500px;
	position:relative;
	height:100%;
}
#print .p_thumbnail {
	position:relative;
	float:left;
	margin-bottom:20px;
	border:solid 3px #000;
	overflow:hidden;
}
#print .p_thumbnail a {
	border:none;
}
#print .even {
	margin-left:20px;
	margin-right:20px;
}
#print .p_title {
	position:absolute;
	left:0px;
	width:264px;
	padding:5px 15px;
	background-image:url(../images/blue_67.png);
	color:#ffffff;
	font-family: Verdana,sans-serif;
	font-size: 16px;
	letter-spacing: -0.4pt;
	word-spacing: 0.6pt;
}
.p_title_upper {
	top:-100px;
}
.p_title_bottom {
	bottom:0px;
}
.what-we-do {
	width:auto;
	font-size:8pt;
	font-style:oblique;
	color:#CCCCFF;
	margin-bottom:5px;
}
#services {
	margin-bottom:500px;
	position:relative;
}
#services .menu, #about .menu, #footer .menu {
	position:absolute;
	top:255px;
	left:0px;
}

#services_area h2 {
	border-bottom:2px groove #CCCCCC;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:36px;
	font-weight:lighter;
	letter-spacing:0.03em;
	line-height:1em;
	text-transform:uppercase;
	width:auto;
}
#services_area .w30, #services_area .w70 {
	overflow:hidden;
	float:left;
	background-image:url(../images/black_85.png);
}
#services_area .w30 {
	width:230px;
	padding:20px 0 15px 20px;
}

#services_area .w70 {
	width:650px;
	height:420px;
	padding:0px 20px 0px 20px;
	/*padding:0px 20px;*/
	overflow:hidden;
}
#services_area .margin {
	overflow:hidden;
	margin-top:80px;
}

#services_list {
	margin-bottom:0;
	margin-right:20px;
}
#services_list li {
	margin:0 0 5px 0;
	list-style-position:inside;
	list-style:none;
	color:#99ccff;
}
#services_list li a {
	color:#99ccff;
	text-decoration:none;
}
#services_list li a.selected {
	font-weight:bold;
	color:#CCCCFF;
	border:none;
}
#services_list li a:hover {
	font-weight:bold;
	color:#CCCCFF;
	border:none;
}

#services_content {
	height:250px;
}

#services_area .service_item {
/*	min-height:200px;*/
	height:380px;
	min-height:400px;
	overflow:hidden;
	padding:20px 0;
}
#services_wrap {
/*	position:relative;
	top:0px;
*/
}
#web {
	margin-bottom:500px;
	position:relative;
}
#web_content img {
	padding:10px;
}
#web_area h2 {
	border-bottom:2px groove #CCCCCC;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:36px;
	font-weight:lighter;
	letter-spacing:0.03em;
	line-height:1em;
	text-transform:uppercase;
	width:auto;
}
#web_area .w30, #web_area .w70 {
	overflow:hidden;
	float:left;
	background-image:url(../images/black_85.png);
}
#web_area .w30 {
	width:230px;
	padding:20px 0 15px 20px;
}

#web_area .w70 {
	width:650px;
	height:420px;
	padding:0px 20px 0px 20px;
	/*padding:0px 20px;*/
	overflow:hidden;
}
#web_area .margin {
	overflow:hidden;
	margin-top:80px;
}

#web_list {
	margin-bottom:0;
	margin-right:20px;
}
#web_list li {
	margin:0 0 5px 0;
	list-style-position:inside;
	list-style:none;
	color:#99ccff;
}
#web_list li a {
	color:#99ccff;
	text-decoration:none;
}
#web_list li a.selected {
	font-weight:bold;
	color:#CCCCFF;
	border:none;
}
#web_list li a:hover {
	font-weight:bold;
	color:#CCCCFF;
	border:none;
}

#web_content {
	height:250px;
}

#web_area .web_item {
/*	min-height:200px;*/
	height:380px;
	min-height:400px;
	overflow:hidden;
	padding:20px 0;
}
#footer {
	color:#222;
	margin-top:20px;
	margin-bottom:500px;
	overflow:hidden;
	clear:both;
	position:relative;
}
#footer .bg {
/*	background-image:url(../images/black_45.png);*/
	overflow:hidden;
}
/*#footer h1 {
	color:#ffffff;
}
*/
#footer .margin {
	margin-right:20px;
}
#footer .w50 {
	width:460px;
	float:left;
	overflow:hidden;
	margin-bottom:15px;
}
#footer .creativebrief {
	width:960px;
	float:left;
	overflow:hidden;
	margin-top:230px;
	margin-bottom:15px;
}
/***************************/
/* Creative Brief  Form*/
/***************************/
form div {
clear:left;
display:block;
margin:5px 0 0;
padding:1px 3px;
width:354px;
}
form fieldset div.notes {
background-image:url(../images/black_65.png);
border:1px solid #000066;
color:#ccccff;
float:right;
font-size:88%;
height:auto;
margin:0 0 10px 10px;
padding:5px;
width:158px;
}
form fieldset{
	border-color:#330066;
	border-style:solid none none;
	border-width:1px 0 0;
	clear:both;
	font-size:100%;
	margin:0;
	padding:10px;
	width:650px;
}

form fieldset legend {
	color:#000066;
	font-size:150%;
	font-weight:normal;
	margin:0;
	padding:0;
}
form fieldset label.labelCheckbox, form fieldset label.labelRadio {
	margin: 0 0 5px 0;
	width:170px;
	
}
form label.labelCheckbox, form label.labelRadio {
  float: none;
  display: block;
  width: 200px;
  zoom: 1;
  padding: 0;
  margin: 0 0 5px 142px;
  text-align: left;
}
form label.compact {
	display:inline;
	padding: 4px 10px 0 0;
	width:auto;
}


.floatleft {
margin-right:20px;
float:left;
clear:both;
	}
.floatright {
float:right;
clear:both;
	}
#footer #social_details p {
	margin-bottom:5px;
}
#footer_wood {
	height:50px;
	overflow:hidden;
}

/** Form **/
input {
/*	background-color:#FFFFFF;*/
	background:none;
	background-image:url(../images/black_65.png);
	color:#ffffff;
	border:none;
	border:1px solid #000;
	font-size:12px;
	margin:0 0 5px 0;
	padding:5px;
}
textarea {
	width:447px;
	background:none;
	background-image:url(../images/black_65.png);
	color:#ffffff;
	border:none;
	border:1px solid #000;
	font-size:11px;
	margin:0 0 5px 0;
	padding:5px;
	font-family:Verdana, Helvetica, sans-serif;
}
input:focus, textarea:focus {
	border:1px solid #006D8F;
}
.sendmessage {
	width:auto;
	color:#ffffff;
}
.sendmessage:hover {
	cursor:pointer;
	color:#006D8F;
}
.sendmessage:focus {
	border:1px solid #000000;
}
.error {
	border:1px solid #660000;
}

#emailTo {
	margin-left:2px;
}
#form_status {
	display:none;
	margin-bottom:7px;
}