/*----Global Reset Courtesy of Eric Meyer----*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td {vertical-align:top;}

.hide {display:none;}

a img {border:0;}


 body	{
 	margin: 0; padding:0; text-align:center;
	font:11px/15px verdana, arial, helvetica,  sans-serif;
	color: #221E1F;
	background: #FFF;
	}
/* Centres the design in the middle of the page regardless of screen resolution */	
#wrap  {
position: absolute;
width:800px;
height:616px;
left: 50%;  /*hide from ie-Mac\*/
top: 50%;
margin-top: -308px; /* make this half your image/element height */
margin-left: -400px; /* make this half your image/element width */
/*end hide*/
}
/* Styles for main header with logo */

#header {
	text-align:left; 
	width:800px; height:145px;  
	margin:0; padding:0; 
	border:1px solid #FFF; background:url(../images/logo.gif) no-repeat;
}

#logo a {
	display: block; 
	overflow: hidden; 
	font-size: 1px; height: 0px; 
	margin:70px 0 0 66px; padding:0; 
	width:180px; height:40px;
}


/* Styles for main content areas 
-------------------------------------------*/
#main {
	float:left; 
	width:800px; 
	height:264px; 
	text-align:left; 
	margin:0; padding:0;  
	border:1px solid #6A737B;  
}

#main_left {
	float:left;
	width: 298px; height:244px;
	background:#FFF;
	margin:0px; padding:10px;
}

#main_right {
	float:left;
	background:#6A737B;
	width:481px; height:264px;
	border-left:1px solid #939597;
	margin:0; padding:0;
}

#main_right h2 {
	margin:20px 0 5px 20px; padding:0;
	color:#FFF;
	font-size:1.4em;
	font-family: "proxima-nova-1","proxima-nova-2", arial, helvetica, sans-serif;
	font-weight:normal;
}
#main_right p {color:#FFF; margin:0 20px; padding:0 0 5px 0;}
#main_right a {color:#FFF; text-decoration:underline;}
#main_right a:hover {color:#B0B6BB; text-decoration:underline;}

#press {
	height: 240px;
	width:760px;
	margin:0 0 0 40px; padding:0;
	background: url(../images/press.gif) top right no-repeat;
}
#press li {
	float:left;
	margin: 35px 40px 0 0; padding: 0;
	list-style: none;
}

#press li a {
	display: block;
	text-decoration: none;
	outline: 0;
	}

#navi {
	position:relative;
	width: 200px; height:18px;
}
#navi li {
	position: absolute;
	margin: 0; padding: 0;
	list-style: none;
	top: 0;
}

#navi a {display:block;height:15px;width:15px; text-indent:-9999px; outline:0;}

#previous	{left: 582px;  background:url(../images/previous.gif) top left no-repeat;}
#next	{left: 604px; background:url(../images/next.gif) top left no-repeat;}


/* Styles for sub navigation on featured projects pages 
--------------------------------------------------------*/
#navigation {
	position:absolute;
	top:0; right:0;
	width:160px; height:264px;
}

#navigation  h2 {
	margin:40px 20px 5px 0px; padding:0;
	color:#727b83;
	font-size:1.3em;
	font-family: "proxima-nova-1","proxima-nova-2", arial, helvetica, sans-serif;
	font-weight:normal;
	text-align:right;
}

#navigation ul {
	padding:0; margin-right:20px;
	width: 140px;
	list-style:none;
}

#navigation li {
	margin: 0; padding: 1px 0;
	text-align:right;
}
#navigation li a { 
	font-family: "proxima-nova-1","proxima-nova-2", arial, helvetica, sans-serif;
	font-weight:normal;
	text-decoration: none; 
	color:#B0B6BB; 
	font-size:1.1em;
}
#navigation li a:hover, #navigation li a.here { text-decoration: none; color:#6A737B; }



/* Styles for bottom area 
-----------------------------------------*/
#bottom {
	float:left; 
	margin:0; padding:0; 
	width:800px; height:207px; 
	border:1px solid #FFF;  border-top:none; 
	background:#FFF url(../images/bottom_bg.gif) top no-repeat;
}

#left {float:left; margin:10px 0 0 0px; padding-left:42px; width:270px; text-align:right;}
#left p {font-size:1.2em; color:#B0B6BB; font-style:italic; font-family: "proxima-nova-1","proxima-nova-2", arial, helvetica, sans-serif;}

/* Main Navigation
--------------------------------------*/
#nav {
	float:right;
	margin:0; padding:0;
	list-style-type: none;
	width:470px;
}
#nav li {display: inline;}
#nav ul {padding:0; margin:10px 0 0 0px;}
#nav li a, #nav li div {float: left; margin: 0px; padding: 0px; height: 15px;}

#nav .profile {width: 74px; background: url(../images/buttons/profile.gif) no-repeat;}
#nav .projects {width: 132px; background: url(../images/buttons/projects.gif) no-repeat;}
#nav .kudos {width: 58px; background: url(../images/buttons/kudos.gif) no-repeat;}
#nav .press {width: 57px; background: url(../images/buttons/press.gif) no-repeat;}
#nav .blog {width: 52px; background: url(../images/buttons/blog.gif) no-repeat;}
#nav .contact {width: 79px; background: url(../images/buttons/contact.gif) no-repeat;}

#nav .profile:hover {width: 74px; background: url(../images/buttons/profile_over.gif) no-repeat;}
#nav .projects:hover {width: 132px; background: url(../images/buttons/projects_over.gif) no-repeat;}
#nav .kudos:hover {width: 58px; background: url(../images/buttons/kudos_over.gif) no-repeat;}
#nav .press:hover {width: 57px; background: url(../images/buttons/press_over.gif) no-repeat;}
#nav .blog:hover {width: 52px; background: url(../images/buttons/blog_over.gif) no-repeat;}
#nav .contact:hover {width: 79px; background: url(../images/buttons/contact_over.gif) no-repeat;}

/* Styles for titles 
---------------------------------------*/

#title_contact, #title_about, #title_kudos, #title_press, #title_thanks  {width:158px; height:18px; margin:0; padding:0; }
#title_about { background: url(../images/titles/about.gif) top no-repeat;}
#title_kudos { background: url(../images/titles/kudos.gif) top no-repeat;}
#title_press { background: url(../images/titles/press.gif) top no-repeat;}
#title_thanks { background: url(../images/titles/thanks.gif) top no-repeat;}




/* Slideshow on home page
-------------------------------------------*/
#slide-show {
	margin:0; padding:0;
	list-style:none;
}

/* General Styles */
.padLeft {float:right; padding-left:10px;}
.padRight {float:left; padding-right:5px;}
.table_kudos {margin-left:20px; color:#FFF;}
.table_kudos td {padding:0 5px 5px 0px;}