/* CSS Document */

body {margin:5px 0 0 0;padding:0;background:#191919;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:small;}

/* Main copy links */
a, a:link, a:visited {text-decoration:none;font-style:italic;color:#0093D3;}
a:hover {text-decoration:underline;font-style:italic;color:#0093D3;}

/* Main outer shell / header and main navigation at the top */
div#container {margin:0 auto;padding:0;width:780px;}

div#header {background:#191919 url(/images/bg_topnav.gif) no-repeat;height:56px;width:780px;padding:0;margin:0;}

div#mainnav {padding:0 0 0 190px;margin:0;}
div#mainnav ul {margin:0;padding:0;float:left;list-style:none;}
div#mainnav ul li {float:left;}

div#maincontent {margin:0;padding:0;background:#191919 url(/images/bg_paperdots.gif) repeat-y;width:780px;}

/* Page Headers */
h1 { margin:0;padding:0;text-transform:uppercase; font-weight:normal; font-size:110%; font-style:italic;}
h2 {color:#0093D3;margin:0;padding:5px 0 0 0;font-weight:normal;font-size:120%;}
.caps {text-transform:uppercase;}
.spread { letter-spacing:2px; }
.imgLeft { float:left; margin-right:10px; margin-bottom:10px; }
.subNavTitle { margin-bottom:5px;padding-bottom:5px;line-height:1.8em; }

/* Main overall page design (backgrounds) */
.homepage, .servicespage, .servicesadvertising, .servicescomm, .servicesbrand, .servicesonline, .servicesconsult, .portfoliopage, .carespage, .portfolioMain, .aboutpage, .aboutMark, .aboutDiane, .contactpage, .playspage, .playsBooks, .playsMotion {
	padding:0;
	margin:0 34px 0 43px;
	position:relative;
	float:left;
	}

/* Background images */
.homepage { background:#fff url(/images/bg_home.gif) no-repeat; }
.carespage { background:#fff url(/images/bg_community.gif) no-repeat; }
.servicespage { background:#fff url(/images/bg_services.gif) no-repeat top right; }
.servicesadvertising { background:#fff url(/images/bg_servicesadvert.gif) no-repeat; }
.servicescomm { background:#fff url(/images/bg_servicescomm.gif) no-repeat top right; }
.servicesbrand { background:#fff url(/images/bg_servicesbrand.gif) no-repeat bottom right; }
.servicesonline { background:#fff url(/images/bg_servicesonline.gif) no-repeat; }
.servicesconsult { background:#fff url(/images/bg_servicesconsult.gif) no-repeat top right; }
.portfoliopage { background:#fff url(/images/bg_portfolio.gif) no-repeat top right; }
.portfolioMain { background:#fff url(/images/bg_portfolioMain.gif) no-repeat top right; }
.aboutpage { background:#fff url(/images/bg_about.gif) no-repeat top right; }
.aboutMark{ background:#fff url(/images/bg_aboutMark.gif) no-repeat; }
.aboutDiane { background:#fff url(/images/bg_aboutDiane.gif) no-repeat top right; }
.contactpage { background:#fff url(/images/bg_contact.gif) no-repeat; }
.playspage { background:#fff url(/images/bg_plays.gif) no-repeat top right; }
.playsBooks { background:#fff url(/images/bg_playsBooks.gif) no-repeat top right; }
.playsMotion { background:#fff url(/images/bg_playsMotion.gif) no-repeat top right; }

/* Left navigation including list info and navigation styling */
.homesubnav, .servicessubnav, .contactsubnav {
	float:left;
	padding-bottom:10px;
	}	
.servicessubnav {
	font-size:90%;
	width:120px;
	border-right:1px solid #ccc;
	padding-right:20px;
	}
	
.servicessubnav ul, .contactsubnav ul {
	padding:0;
	margin:0;
	}
.servicessubnav li, .contactsubnav li {
	padding:0 0 8px 0;
	margin:0 0 0 11px;
	}
	
.homesubnav {
	font-size:80%;
	text-align:center;
	width:90px;
	}
	
.contactsubnav {
	font-size:92%;
	width:270px;
	border-right:1px solid #ccc;
	padding-right:20px;
	line-height:1.3em;
	}

.contactsubnav strong {
	text-transform:uppercase;
	}

.homesubnav a, .homesubnav a:link, .homesubnav a:visited, .servicessubnav a, .servicessubnav a:link, .servicessubnav a:visited, .contactsubnav a, .contactsubnav a:link, .contactsubnav a:visited {
	text-decoration:none;
	font-style:normal;
	color:#0093D3;
	}
.homesubnav a:hover, .servicessubnav a:hover, .contactsubnav a:hover {
	text-decoration:none;
	font-style:normal;
	color:#191919;
	}
	
/* Main copy area */
.homecopy, .servicescopy, .servicesAdcopy, .servicesMarketcopy, .portfoliocopy, .aboutcopy, .playscopy {
	line-height:1.6em;
	float:right;
	}
.homecopy { width:595px;padding-bottom:10px; }
.homecopy ul { margin: 0 auto; width: 490px; clear: both; }
.homecopy ul.marginleft { margin-left: 95px; }
.homecopy ul li { display: inline; float: left; text-align: center; margin-bottom: 20px; }
.homecopy ul li a:hover { text-decoration: none; }
.servicescopy { width:520px;padding-bottom:100px;}
.servicesAdcopy { width:520px;padding-bottom:60px;}
.servicesMarketcopy { width:520px;padding-bottom:30px;}
.portfoliocopy { width:540px;padding-bottom:10px;}
.aboutcopy { width:520px;padding-bottom:30px;}
.playscopy { width:520px;padding-bottom:30px;}

.portfoliocopy img, .homeThumbs {
	padding:5px;
	border:1px solid #ccc;
	background-color:#fff;
	margin:0 10px 0 0;
	}
	
.playscopy img {
	padding:5px;
	border:1px solid #ccc;
	background-color:#fff;
	margin:0 10px 0 0;
	}

.portfoliocopy p {
font-size:105%;
color:#0093D3;
}	

.highlight {
	background-color:#CCCCCC;
	padding:5px 10px;
	}

/* Bottom navigation and small logo */
.bottomnav {clear:both;padding:0;margin:0;border-top:8px solid #191919;font-size:x-small;text-align:center;width:780px;height:33px;}
.bottomnav img {vertical-align:middle;}
.bottomnav a, .bottomnav a:link, .bottomnav a:visited {font-style:normal;text-decoration:none;color:#0093D3;}
.bottomnav a:hover {font-style:normal;text-decoration:none;color:#191919;}

/*Contact info text footer*/
.footer {font-size:x-small;text-align:center;color:#fff;}
.footer a, .footer a:link, .footer a:visited {text-decoration:none;color:#0093D3;}
.footer a:hover {text-decoration:none;color:#fff;}

/*Contact info text footer*/
.footerHome {font-size:x-small;text-align:center;color:#fff;background:#191919 url(../images/education_footer.png) no-repeat;height:84px;}
.footerHome a, .footerHome a:link, .footerHome a:visited {text-decoration:none;color:#0093D3;}
.footerHome a:hover {text-decoration:none;color:#fff;}