/* CSS Document */

/*--------------------------------------------------------------------------------------------
	Global 
  --------------------------------------------------------------------------------------------*/
html, body {
	margin:0;
	padding:0;
	height:100%;
	text-align:center; /* For IE < 6 centring */
}

body {
	behavior:url("/css/csshover.htc");
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	background-color:#FFF;
}

/* Floaters */
.right {
	float:right;
}
.left {
	float:left;
}
.clear {
	clear:both;
	line-height:0px;
	height:0px;
}
/* NB: Must have ie.css if you use this */
.clearfix:after {
    content:"."; 
    display:block;
	height:0;
    clear:both; 
    visibility:hidden;
}

/* Remove outlines in FF */
:focus { -moz-outline-style: none; }

a img {
	border:0;
}


/*--------------------------------------------------------------------------------------------
	Structural 
  --------------------------------------------------------------------------------------------*/
/* REMOVE EITHER OF BELOW */
div#container { /* Static width */
	width:940px;
	margin-left:auto;
	margin-right:auto;
	padding-top:25px;
	text-align:left; /* Revert IE < 6 centring */
}

/* Header */
div#header {
	margin:0px 0 14px 0;
}
div#nav {
	margin:0 0 20px 0;
	padding:0 0 5px 0;
	width:100%;
	float:left;	
	border-bottom:1px solid #ff7800;
}
div#sidebar {
	margin-bottom:20px;
}
div#content {
	
}
/* Footer */
div#footer {
	margin-top:20px;
	border-top:1px solid #ff7800;
	padding-bottom:30px;
    clear: both;
}

div#left	{
	float:left;
	width:465px;
}

div#right	{
	float:right;
	width:445px;
}

div#left, div#right, div#leftContact, div#rightContact, div#middle	{
	margin-top:20px;
}

div#leftContact	{
	float:left;
	width:310px;
}

div#rightContact	{
	float:right;
	width:296px;
}

div#clientList {
	float: left;
	width: 280px;
	height: 195px;
	overflow: hidden;
	white-space: nowrap;
}
			
div#clientListWrapper	{
	margin-top:10px;
	height:195px;
	overflow:hidden;
}

div#clientList ul	{
	padding:0;
	margin:0;
	list-style:none;
}

div#clientList ul li	{
	padding:0;
	margin:0;
	color:#838282;
	line-height:1.3em;
}

div#middle	{
	float:left;
	width:310px;
}

div#scroller	{
	margin-top:52px;
	width:10px;
	float:right;
	height:181px;
	position:relative;
}

div#track	{
	height:195px;	
	width:10px;
}

div#handle	{
	width:10px;
	height:5px;
	background:#ff7800;
	cursor:pointer;
	cursor:hand;	
	position:relative;
	top:0px;
}

img#down	{
	margin-top:1px;
}
img#up	{
	margin-bottom:1px;
}

div.thumb	{
	width:145px;
	float:left;
	margin:0 14px 14px 0;
	padding:0;	
}

div.thumb a img	{
	margin:0;
	padding:0;
	border:0;
}

div.thumb	a:hover span{
	text-decoration:underline;
}

div.thumb	a span{
	padding:7px 0 7px 7px;
	display:block;
	background:#ff7800;
	color:#fff;
}

div#lastThumb{
	margin:0 0 0 0;
}

div#projectInfo	{
	margin-left:20px;
	float:right;
	width:264px;
}

div#thumbHolder	{
	margin-top:60px;
}

div#thumbHolder	img{
	margin:0 1px 1px 0;
	float:left;
}

div.hiddenProjectImage	{
	display:none;
}

div#projectImageHolder	{
	width:656px;
	float:left;
}

div#projectImageHolder img	{
	float:left;
}

/*--------------------------------------------------------------------------------------------
	Navigation 
  --------------------------------------------------------------------------------------------*/  
/* Main nav */
ul#navbar {
	list-style:none;
	padding:0;
	margin:0 0 0px 0;
}  
ul#navbar li {
	float:left;	
	margin-right:20px;
	font-size:14px;
	padding:0;
} 
ul#navbar a {
	text-decoration:none;
	color:#838282;	
} 
ul#navbar a:hover {
	color:#ff7800;
} 
ul#navbar li#selected a {
	/* Selected menu item */
	color:#ff7800;
	
}  

  
/*--------------------------------------------------------------------------------------------
	Typography
  --------------------------------------------------------------------------------------------*/
/* Headings */
h1 {
	color:#838282;	
	font-weight:normal;
	padding:0;
	margin:0;	
}
div#sidebar h1.heading	{
	font-size:1.45em;
	font-weight:normal;
}
div#header h1 {
	font-size:1.7em;
}

div#header h1 span.name	{
	color:#666;		
}

div#header h1 span.title	{
	color:#838282;
}

span.highlight, a.highlight	{
	color:#ff7800;	
}

h2 {
	color:#ff7800;	
	font-weight:normal;
	font-size:1.45em;
	margin:0;
	padding:0;
}
h3 {
	font-size:1em;
	font-weight:normal;
	margin:0;
	padding:0;
	color:#8f8f8f;
}
h4 {
}
/* Type */


p {	
	font-size:0.95em;
	color:#838282;
	margin:0;
	padding:4px 0;
}

.storycontent p {
    margin: 1em 0;
    padding: 0px;
}

p.contactDetails	{
	line-height:1.6em;
}

p#sbmtMessage	{
	float:left;
	padding:5px;
	margin:0 0 0 90px;
}

a	{
	color:#8f8f8f;
	text-decoration:none;
}

a:hover	{
	text-decoration:underline;
}

div#projectInfo a	{
	color:#ff7800;
}

div#header h1 a:hover	{
	text-decoration:none;
}

span.sub	{
	color:#666;
	font-size:0.8em;
}


/*--------------------------------------------------------------------------------------------
	Forms - form, input, label etc
  --------------------------------------------------------------------------------------------*/
form {
	padding:0;
	margin:10px 0 0 0;
}
textarea	{
	width:210px;
}
input, textarea	{
	color:#8f8f8f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.95em;
	margin-bottom:5px;
}

label	{
	color:#8f8f8f;
	width:90px;
	display:block;
	float:left;
}
  
/* TEST */

div#headerTest {
	margin:0px 0 18px 0;
}

div#headerTest h1 span.name	{
	color:#666;	
}
div#headerTest h1 span.title	{
	color:#838282;
}
 
div#headerTest h1 a:hover	{
	text-decoration:none;
}

/*--------------------------------------------------------------------------------------------
	Blog - post, comment, links
  --------------------------------------------------------------------------------------------*/

#blog_wrapper {     /* Post container */
    float: left;
    width: 660px;
}

#blog_wrapper a {
    color: #ff7800;
}

#menu {             /* Sidebar */
    float: right;
    width: 270px;
}

#menu li {
    list-style: none;
    padding: 2px 0;
}

#menu label {
    width: 50px;
}

#menu .searchS {
    width: 100px;
    height: 10px;
}

#menu .searchSubmit {

}

li.search {
    margin: 10px 0;
    border-bottom: 1px dotted #ccc;
}

li.categories {
    color: #838282;
}

li.categories ul {
    margin: 0;
    padding: 0;
}

li.categories ul li {
    margin: 5px 0;
}

li.categories ul li a {
    color: #ff7800;
}

.storytitle a {       /* Post title style */
	color: #ff7800;
	font-size: 1.4em;
	margin: 0;
	padding: 0;
}

.meta {             /* Post subtitle style */
    color: #666;
    margin: 10px 0;
    line-height: 16px;
}

.metaCategory a {
    font-size: 0.9em;
}

.storycontent {     /* Post content style */
    margin: 10px 0;
    font-size: 14px;
}

.feedback {         /* Comments style */
	clear: both;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dotted #ccc;
}

#blog_wrapper .feedback a {
    color: #838282;
}

#blog_wrapper ol {
    color: #838282;
}

.storycontent td *:first-child {
    margin-top: 0px;
}