*
{
    outline:0;
}

body
{
	font-family: Arial;
	font-size: 0.75em;
	margin: 0px;
	padding: 0px;
	text-align: left;
	background-color:#000;
	color:#fff;
	background-image:url(images/menubg.png);
	background-position:left top;
	background-repeat:repeat-x;
}

.clearfix,.clear
{
	clear: both;
}

.clearfix:after,.clear:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0.1px;
    clear: both; 
    visibility: hidden;
}



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

a:hover
{
	text-decoration:none;
}

a img
{
	border:none;
}

a.newjob
{
	font-size:1.8em;
	padding-top:10px;
	display:block;
	font-weight:bold;

}

h2
{
	padding-left:20px;
}

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

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

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

.hide
{
	display:none;
	height:0px;
	width:0px;
}

.white
{
	color:#fff;
}

.whitebold
{
	color:#fff;
	font-weight:bold;
}


.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:90px;
/*	background:#FF3333 url(images/menubg.png) repeat-x 0px 0px;*/
	position:relative;
}

div.bannershadow
{
	position:absolute;
	top:0;
	left:17px;
	background-image:url(images/banner-shadow.png);
	background-repeat:repeat-x;
	background-position:left top;
	width:815px;
	height:28px;
	z-index:1;
}

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:45px;
	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;
	top:25px;
	left:500px;
}

div#banner div#mainmenu ul
{
	list-style-type:none;
	/*margin:0 25px 0 0;*/
	padding:10px 0 0 0;
	height:45px;
}

div#banner div#mainmenu ul li
{
	float:left;
	display:block;
	margin:0 0 0 0px;
	background:none;
	padding:0;
}

div#banner div#mainmenu a
{
	
	color:#fff;
	display:block;
	position:relative;
	padding:22px 14px 17px 14px;
	text-decoration:none;
	text-transform:lowercase;
	font-size:1.1em;
}

div#banner div#mainmenu ul li.selectedl1 a, div#banner div#mainmenu ul li.childselectedl1 a
{
    background:transparent url(images/menuSelect.gif) repeat-x 0px bottom;	
}

/* CONTENT*/

div#contentouter
{
	margin:0px;
	padding-top:20px;
	position:relative;
	background:#0f0f0f url(images/sitecurve.gif) repeat-x 0px 0px;
	/*padding-bottom:10px;*/
	min-height:475px;
}

/* FOOTER */

div#main-curve
{
    background:#000 url(images/upper-curve.gif) no-repeat 0px 0px;
    width:850px;
    height:10px;
    position:relative;
    display:block;
}

div#footer
{
	width:850px;
	border-top:1px solid #333333;
	text-align:left;
	font-size:0.85em;
	color:#494949;
	float:left;
	display:inline;
	clear:both;
	margin-top:18px;
}


div#footer a
{
	color:#ff3333;
	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 0 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 */

div.screen
{
    position:absolute;
    overflow:hidden;
    height:162px;
    top:0;
    left:0;
    width:162px;
}

div.squarelink h2
{
	font-size:1em;
	padding:0;
	margin:0;
	font-weight:normal;
}

div.squarelink
{
    background:#f33;
    width:152px;
    text-align:left;
    color:#fff;
    padding:8px 0px 8px 10px;
    position:absolute;
    opacity:0.8;
    top:162px;
    max-height:15px;
    left:0;
}

div.squarelink a
{
    color:#fff;
}

#squares-container
{
	display:block;
	padding:0;
	position:relative;
	text-align:center;
	width:814px;
	/*padding-bottom:27px;*/
	background:url(images/3dBorder2.gif) 0px bottom repeat-x;
}

.case-square
{
	height:162px;
	width:162px;
	float:left;
	display:block;
	margin-left:1px;
	margin-bottom:1px;
	background-color:#2E2D2D;
	padding:0;
	overflow:hidden;
	position:relative;
}

.case-square a
{
    display:block;
    width:162px;
    height:162px;
}

.case-square a img
{
	border:0;
	position:absolute;
	top:0;
	left:0;
	z-index:900;
}

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

#intro
{
	width:660px;
	display:block;
	margin:0;
	font-size:1.15em;
	padding-bottom:31px;
	padding-right:154px;
	margin-bottom:15px;
	padding-top:20px;
	background:url(images/3dBorder.gif) 0px bottom repeat-x;
}

#intro h2
{
    margin:0 0 15px 0;
    padding:0px;
    color:#fff;
    font-size:2.0em;
    font-weight:bold;
}

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

.archive
{
	/*height:250px;*/
	background-color:Black;	
}

div.title
{
	color:White;
	margin-top:15px;	
}

div.title span.projecttitle
{
	display:block;	
	color:#999999;
	margin-top:5px;
		
}	

div#paging
{
	float:right;
	width:840px;
	text-align:right;
}

/* TWITTER FEED */

div#twitter
{
	display:block;
	float:left;
}

div.twitter-content
{
	/*background-image:url(images/twitter-logo.gif);
	background-repeat:no-repeat;
	background-position:left 20px;*/
	height:41px;
	/*padding:29px 0 0 47px;*/
}

div.twitter-content img
{
	float:left;
	position:relative;
	top:4px;
}

div.twitter-content span.latest
{
	font-weight:bold;
	font-size:1.1em;
	float:left;
	padding:12px 0 0 12px;
	color:#cccccc;
}

div.twitter-content span.twitter-feed
{
	padding:13px 0 0 3px;
	float:left;
}


/*TEMPLATE 01*/

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

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

#justtext #left-large
{
    width:670px;
}

#left-large
{
	width:650px;
	float:left;
	display:inline;
	padding-bottom:10px;
}

#left-large h2
{

    color:#fff;
	font-weight:bold;
	font-size:2em;
	margin-top:0px;
	margin-bottom:5px;
	padding-left:0;
	float:left;
	width:100%;
}

#left-large ul
{
	
}

#left-large h4
{
	color:#fff;
	margin:0;
	font-weight:normal;
}

#left-large ul li
{
	background-image:url(images/round-bullet.gif);
	background-repeat:no-repeat;
	background-position:left 6px;
}

#case-study-text .quote
{
	font-style:italic;
	padding:0px 0 0 45px;
	display:block;
	background-image:url(images/quote-mark.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;
	display:block;
}

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

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

div#case-study-nav h2
{
	color:White;
	padding:10px 0 9px 0;
	margin:0px;
	font-size:1.15em;
	font-weight:bold;
	margin-bottom:6px;
	background:transparent url(images/3dBorder.gif) repeat-x 0px bottom;
}

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


div#case-study-nav h2 a
{
    color:#fff;
}

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

#archive-link
{
	display:block;
	background:transparent url(images/3dBorder.gif) repeat-x 0px top;
	margin-top:10px;
	padding:10px 0 9px 0;
}

#articles-link
{
	display:block;
	background:transparent url(images/bg-link-arrows.gif) no-repeat 61px 5px;
	margin-top:31px;
	padding:0;
	color:#fff!important;
	font-weight:bold;
	font-size:1.1em;
}

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.75em;
}

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

div#contact-text
{
	width:200px;
	float:left;
}
#launchpdf{
	margin-top:30px;
}

div#ucouter
{
    width:814px;
    padding-left:18px;
	padding-right:18px;
	/*padding-bottom:20px;*/
	margin-bottom:0px;
	/*background-image:url(images/banner-shadow.png);*/
	background-repeat:repeat-x;
	background-position:left top;
}

div#ucontent
{
    width:814px;
    padding-bottom:0px;
    margin-bottom:0px;

}

a#slink
{
    display:block;
    padding:15px 0 10px 0;
}

/*New work*/

div#tvarea
{
    text-align:center;
    position:relative;
    padding-top:20px;
}

div#tvarea div.slide
{
    position:absolute;
    top:0;
    left:0;
    width:460px;
    height:385px;
}

div#tvarea div#mscreen
{
    width:460px;
    height:385px;
    margin:0px auto;
    position:relative;
}

div#tvarea div#mscreen div#monitor
{
    position:absolute;
    top:0;
    left:0;
    width:460px;
    height:385px;
    background:transparent url(images/tvOverlay.gif) no-repeat 9px 7px;
}

div#tvarea div#mscreen #website-monitor-link
{
	display:block;
	position:absolute;
	top:0;
    left:0;
    width:460px;
    height:385px;
    z-index:100;
    background-image:url(images/spacer.gif);
}


div#tvarea a
{
    font-weight:bold;
}

div#tvarea a.selected
{
    color:#fff;
}

div#buttons
{
    text-align:left;
    font-size:1.15em;
    padding-top:5px;
    padding-bottom:15px;
    margin-bottom:20px;
    background:url(images/3dBorder.gif) 0px bottom repeat-x;
}

div#buttons a.button
{
    float:left;
    width:20px;
    text-align:center;
    display:block;
}

div#tupper
{
    padding-bottom:29px;
    margin-bottom:20px;
    background:url(images/3dBorder.gif) 0px bottom repeat-x;
}

div#ucontent div.wider
{
    width:814px;
}

div#stdLeft
{
    float:left;
    width:490px;
}

div#stdRight
{
    float:right;
    width:324px;
}

div#stdRight h2, h3
{
    color:#fff;
    font-size:1.15em;
    font-weight:bold;
    margin:0px 0px 15px 0px;
    padding:10px 0px 0px 0px;
}



div.filecontainer div.fileicon
{
    float:left;
    width:16px;
}

div.filecontainer div.filetext
{
    float:left;
    padding-left:8px;
}

div#ucontent div.archive div.case-square
{
    margin-bottom:10px;
}

div#ucontent div.archive div.case-square div.squarelink
{
    background-color:#333;
}

div.archive div.squarelink:hover,div.archive div.over
{
    background-color:#f33!important;
}

h2 span
{
    font-weight:normal;
}  

span.pagelink a
{
    display:block;
    padding-left:25px;
    background:url(images/page.png) no-repeat 0 0;
}

div#article-top
{
	width:814px;
	float:left;
	display:inline;
	padding:0 0 29px 0;
	background:transparent url(images/3dBorder.gif) repeat-x scroll 0 bottom
}


div#article-left
{
	float:left;
	width:220px;
	padding:15px 0 0 0;
}

div#article-middle
{
	float:left;
	width:320px;
	padding:15px 0 0 0;
}

div#subscribe
{
	float:left;
	width:240px;
    padding-top:15px;
    margin-top:0px;
    padding-bottom:15px;
}

div#subscribe td.button
{
	padding-top:23px;
}

div#subscribe table td
{
	width:150px;
	padding:1px;
}

div#subscribe table td input.text
{
	background-color:#333;
	color:#f33;
	border:0;
	padding:4px;
	width:228px;
}

div#subscribe table td.input
{
	padding-bottom:5px;
}

#left-large #article-left h3,
#left-large #article-middle h3
{
	margin:0 0 20px 0;
}

#left-large #subscribe h3
{
	margin:0 0 17px 0;
}

#contact-table .white
{
	line-height:2.1em;
}