.nothing {}

* {
	margin: 0;
	}

html, body, #container {
	min-height: 100%;
	width: 100%;
	height: 100%;
	}

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

html>body, html>body #container {
	height: auto;
	}

body {
	margin: 0;
	padding: 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 80%;
	font-weight: normal;
	color: #999999;
	text-align: center;
	background-color:#000000;
	}


/********* TEXT FORMATTING **********/

p {
	font-size: 11px;
	font-weight:lighter;
	color:#CCCCCC;
	line-height:1.3em;
	}


h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size: 1.2em;
	color:#0089C0;
	margin:0 0 10px 0;
	padding: 0px 0 0px 0;
	letter-spacing:0px;
	}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:lighter;
	font-size: 1.1em;
	color:#FFFFFF;
	margin:0 0 4px 0;
	padding: 0px 0 0px 0;
	letter-spacing:0px;
	}
	
h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size: 1.6em;
	color:#016d95;
	margin:0 0 12px 0;
	padding: 0px 0 0px 0;
	letter-spacing:0px;
	}	
	
.abouttext {
	font-size: 1.1em;
	font-weight:normal;
	color:#FFFFFF;
	line-height:1.6em;
	}	
	
.blue {
	color:#0089C0;
	font-weight:bold;
	}
	
.pink {
	color:#B5024F;
	font-weight:bold;
	}		

img { border: none; }


a:link { color:#FFFFFF; text-decoration: none; font-weight:lighter; margin:0 0px 0 0px;}
a:visited { color: #FFFFFF; text-decoration: none; font-weight:lighter;}
a:hover {color:#B5024F; text-decoration: none; }
a:active { color: #B5024F; text-decoration:none;}

a.menu:link { color:#FFFFFF; text-decoration: none; font-weight:bold; margin:0 4px 0 4px;}
	
a.menu:visited { color: #FFFFFF; text-decoration: none; font-weight:bold; margin:0 4px 0 4px;}
	
a.menu:hover { color: #B5024F; text-decoration: none; }

a.menu:active { color: #B5024F; text-decoration:none;}


a.selected:link { color:#B5024F; text-decoration: none; font-weight:bold; margin:0 4px 0 4px;}
	
a.selected:visited { color: #B5024F; text-decoration: none; font-weight:bold; margin:0 4px 0 4px;}
	
a.selected:hover { color: #B5024F; text-decoration: none; }

a.selected:active { color: #B5024F; text-decoration:none;}


a.large:link { color:#B5024F; text-decoration:none; font-weight:bold;}
	
a.large:visited { color: #B5024F; text-decoration: none; font-weight:bold;}
	
a.large:hover { color: #ee0066; text-decoration: none; }

a.large:active { color: #B5024F; text-decoration:none;}


ul {
	color:#CB257B;
	font-size: 1.1em;
	font-weight: bold;
}

#nojs {
	padding: 6px 6px 6px 10px;
	color:#FFFFFF;
	background-color:#9F022A;
	text-align:left;
	font-size:1.1em;
	font-weight:bold;
	}
	
.pinkbox {
	display:block;
	padding:5px 4px;
	font-size:1em;
	background-color:#B5024F;
	border-bottom:#000000 solid 1px;
	font-weight:bold;
	}	
	
.orangebox {
	display:block;
	padding:5px 4px;
	font-size:1em;
	background-color:#F25A00;
	border-bottom:#000000 solid 1px;
	font-weight:bold;
	}	
	
.bluebox {
	display:block;
	padding:5px 4px;
	font-size:1em;
	background-color:#00648e;
	font-weight:bold;
	}			


/********* LAYOUT **********/

#container { 	
	margin:0 auto;
	padding: 0 0 0 0;
	width:750px;
	text-align:left;
	background-color:#000000;
	overflow: hidden;
	}
	
#header {
	height: 239px;
	position: relative;
	background-image:url(../media/banner.jpg);
	border-bottom:solid 1px #252525;
	}
	
#menu {
	height: 20px;
	text-align:left;
	padding:10px 0 6px 0;
	margin-left:-4px;
	border-bottom:solid 1px #252525;
	font-size:1.1em;
	}
		
/* Hide from IE5-mac. Only IE-win sees this. \*/
/* html #menu { margin-right: -3px; }
/* End hide from IE5/mac */

.aboutcontent {
	clear:both;
	min-height:170px;
	border-bottom:solid 1px #252525;
	padding: 20px 0 20px 0;
	}
	
#flashcontent {
	clear:left;
	border-bottom:solid 1px #252525;
	text-align:center;
	}	
	
* html .aboutcontent {height:150px}	
	
.content {
	clear:left;
	padding:10px 0 20px 0;
	}	
	
.clear {
	clear:left;
	}	
	
.about {
	width: 362px;
	}	
	
.icon {
	clear:left;
	padding: 0 6px 0 0;
	width:70px;
	}

.worktext {
	margin: 0px 0px 0 0;
	padding: 26px 0px 20px 0px;
	}
	
.banner {
	margin: 0px 0px 20px 0px;
	}	

.icontext {
	margin:0 0 26px 0;
	font-size: 1.4em;
	font-weight: bold;
	color:#E6E6E6;
	line-height:1.4;
	}	

.reel {
	display:block;
	float:right;
	position:relative;
	margin:2px 0 0 0;
	}	
	
.quote {
	text-align:center;
	padding:20px 5px;
	}	
	
a.quote:link { color:#fff; text-decoration:underline; font-weight:bold; padding:8px 5px; font-size:17px;}
	
a.quote:visited { color:#fff; text-decoration: none; font-weight:bold;}
	
a.quote:hover { color:#B5024F; text-decoration: underline; }

a.quote:active { color: #fff; text-decoration:none;}	
	
.quicktimewindow {
	padding:30px 0 26px 0;
	}	
	
.quicktime {
	width:580px;
	margin: 0 0 4px 85px;
	text-align:left;
	border: solid 3px #252525;
	}
	
.quicktimetext {
	width:590px;
	padding: 0 0 0 85px;
	text-align:left;
	}		

.qtdload {
	float:right;
	margin:4px 0 0 0;
	}
	
.qtdloadtext {	
	margin: 0 2px 6px 0;
	}
	

.reel img { border:solid 1px #666666; }

.reelborder:hover img { border: solid 1px #FFFFFF; }
	
	
.boxleft {
	float:left;
	position:relative;
	margin:4px 0 0 0;
	text-align:left;
	}	
	
.boxright {
	float:right;
	position:relative;
	margin:4px 0 0 0;
	text-align:left;
	}	
	
.boximg { display: block;}
.boximg img { border: solid 1px #252525; }	

.boxborder:hover img { border: solid 1px #FFFFFF; }

.workimg { display: block;}
	
.boxtext { color:#FFFFFF; margin:8px 0 0 0;}	
.agencytext { color:#0089C0; font-size:11px; margin:5px 0 16px 0;}
.clienttext { color:#0089C0; font-size:11px; margin:5px 0 6px 0;}

.boardtext {
	padding:14px 0 0px 0;
	text-align:right;
	color:#FFFFFF;
	}
	
.close {
	float:right;
	text-align:right;
	}
		

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em; /* the bottom margin is the negative value of the footer's height */
	}

#footer {
	height: 4em; /* .push must be the same height as .footer */
	border-top:solid 1px #252525;
	margin:16px 0 0 0;
	}
	
.details {
	float:left;
	position:relative;
	margin:5px 26px 20px 0;
	text-align:left;
	padding:2px 0 2px 0;
	}

* html	#footer {height:4em;}