body
{
	font-family: Arial;
	font-size: 0.7em;
	margin: 0px;
	padding: 0px;
	text-align: left;
	background-color:#000;
	background-image:url(images/bg-fade.gif);
	background-repeat:repeat-x;
	color:#aaa;
}

.clearfix
{
	clear: both;
}

.clearfix:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

a
{
	color:#f33;
	text-decoration:none;
}

a:hover
{
	text-decoration:none;
}

a img
{
	border:none;
}

h2
{
	padding-left:20px;
}

td,th
{
	padding-top:4px;
	padding-bottom:4px;
}

ul
{
	list-style-type:none;
	padding-left:20px;
	margin:0;
}

ul li
{
	background-image:url(images/square-grey-bullet.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
	padding-left:10px;
}

.hide
{
	display:none;
}

.white
{
	color:#fff;
}

.red
{
	color:#FF3333;
}

.grey
{
	color:#aaa;
}

div#pagecontainer
{
	width:850px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	padding:0px;
	margin:0px auto 0px auto;
}

div#banner
{
	width:850px;
	height:75px;
	background-color:#FF3333;
	position:relative;
}

div#banner div#bottomleftround
{
	width:5px;
	height:10px;
	background-image:url(images/banner-left-round.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	position:absolute;
	bottom:0px;
	left:0px;
	font-size:1px;	
	line-height:1px;
}

div#banner div#bottomrightround
{
	width:5px;
	height:10px;
	background-image:url(images/banner-right-round.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	position:absolute;
	bottom:0px;
	right:0px;
	font-size:0px;
	overflow:hidden;	
	font-size:1px;	
	line-height:1px;
}

div#banner h1
{
	width:180px;
	margin:0;
	position: absolute;	
	top:30px;
	left:20px;
    padding: 25px 0 0 0;
    overflow: hidden;
    background-image: url(images/h1.gif);
    background-repeat: no-repeat;    
    height: 0px !important;
    height /**/:25px;
}

a#homelink
{
	position:absolute;
	display:block;
	height:85px;
	width:220px;
}

div#banner div#mainmenu
{
	position:absolute;
	right:9px;
	top:36px;
	height:45px;
}

div#banner div#mainmenu ul
{
	list-style-type:none;
	margin:0;
	padding:0;
}

div#banner div#mainmenu ul li
{
	float:left;
	display:inline;
	margin:0 5px 0 0px;
	background: transparent url(images/tab-right2.gif) no-repeat scroll right -45px;
	padding:0 7px 0 6px;
}

div#banner div#mainmenu a
{
	background: transparent url(images/tab-left2.gif) no-repeat scroll left -45px;
	color:#fff;
	display:block;
	position:relative;
	padding:5px 0px 13px 0px;
	text-decoration:none;
	text-transform:uppercase;
	font-size:1.3em;
}

div#banner div#mainmenu ul li.selectedl1 a
{
	border-bottom:5px solid #2D2D2D;
}

/* CONTENT*/

div#contentouter
{
	margin-top:35px;
	position:relative;
	float:left;
}

/* FOOTER */
div#footer
{
	width:850px;
	border-top:1px solid #FF3333;
	text-align:left;
	font-size:0.9em;
	color:#fff;
	float:left;
	display:inline;
	clear:both;
	margin-top:80px;
}

div#footer a
{
	color:#fff;
	text-decoration:none;
}

div#footer #left
{
	float:left;	
	width:250px;
}

div#footer #left p
{
	float:left;
	margin:8px 0;
	clear:left;
}

div#footer #right p
{
	float:right;
	margin:8px 0;
	clear:right;
	width:100%;
}

div#footer #left img
{
	display:block;
	float:left;
	clear:both;
	margin-bottom:2px;
}

div#footer #left p img
{
	display:inline;
	float:none;
	margin:0;
}

div#footer #right
{
	float:right;
	text-align:right;
	width:250px;
}

/* HOME */

#squares-container
{
	margin-bottom:30px;
	float:left;
	display:inline;
	padding:0;
	position:relative;
}

.case-square
{
	height:162px;
	width:162px;
	float:left;
	display:inline;
	margin-left:10px;
	margin-bottom:10px;
	background-color:#2E2D2D;
	padding:0;
}

.case-square a img
{
	border:0;
}

.case-square img
{
	padding:0;
	margin:0;
	display:block;
}

#intro
{
	float:left;
	width:506px;
}

.noleftmargin
{
	margin-left:0!important;
}

/*TEMPLATE 01*/

#case-study-text
{
	float:left;
	clear:both;
	width:506px;
}

#case-study-text h2
{
	color:#fff;
	font-weight:normal;
	font-size:1em;
	margin-top:0px;
	margin-bottom:5px;
	padding-left:0;
	float:left;
	width:100%;
}

#left-large
{
	width:500px;
	float:left;
	display:inline;
}

#case-study-text .quote
{
	font-style:italic;
	padding:25px 0 0 15px;
	display:block;
	background-image:url(images/quotes.gif);
	background-repeat:no-repeat;
}

#case-study-text .quote span
{
	font-size:0.9em;
	float:left;
	display:block;
	width:100%;
	font-style:normal;
	color:#fff;
	margin-bottom:5px;
}

/* WORK */

div#launchwebsite
{
	margin-top:30px;
	color:#FF3333;
	float:left;
	display:inline;
}

div#launchwebsite a
{
	color:#ff3333;
	text-decoration:none;
}

div#case-study-nav
{
	float:right;
	width:100px;
	text-align:right;
	color:#f33;
}

div#case-study-nav a
{
	color:#f33;
	text-decoration:none;
	vertical-align:middle;
}

div#case-study-nav a.arrow
{
	font-size:1.6em;
	padding-top:2px;
	display:inline-block;
	margin:0px 5px 5px 5px;
	vertical-align:-5%;
}

div#flashcontainer
{
	position:absolute;
	top:0;
	left:0;
	background-color:#000;
}

/* RIGHT QUOTE */

div#right-quote-box
{
	padding-bottom:17px;
	width:162px;
	float:right;
	display:inline;
	color:#fff;
}

div#right-quote-box img
{
	width:162px;
	height:162px;
}

#quote-container span
{
	display:block;
	width:162px;
	float:left;
	display:inline;
	clear:left;
	margin-top:17px;
}

span#quote
{
	font-size:1em;
}

div#quote-container span#name
{
	margin-top:13px;
	color:#fff;
	font-size:1em;
}

div#quote-container span#job-title
{
	margin-top:3px;
	color:#666;
	font-size:1em;
	font-style:italic;
}

div#quote-container span#randomquote
{
	font-size:0.8em;
}

div#contact-image
{
	width:600px;
	float:right;
}

div#contact-text
{
	width:200px;
	float:left;
}