/*
Name: 	CUBE DESIGN
URL: http://www.cube-design.co.uk
Description: 
Version: 1
Author: Toby Powell
Author URL: http://www.toby-powell.co.uk
*/

* {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, ul, ol, li, blockquote, fieldset, address,table { margin:5px 0; }	

fieldset { padding:10px 0; }

body{
	font-family:Helvetica, Arial, sans-serif, Verdana;
	font-size:10px;
	color:#A1A1A1;
}


h1{
 font-size:1.7em;
}
h2{
 font-size:1.5em;
}
h3{
 font-size:1.1em;

}
h4{
font-size:0.9em;
}

p, address{
	font-size:1.1em;
	line-height:1.4em;
	margin:20px 0;
}

ul, ol{
	font-size:1.2em;
	line-height:1.4em;
	margin-bottom:20px;
}

address{
	margin:0;
	padding:0;
	font-size:1.1em;
	line-height:1.4em;
	color:#555;
	font-style:normal;
	position:relative;
	bottom:115px;
	left:40px;
	width:300px;
}

a img{
	border:none;
}

a{
	outline:none;
}

#main_navigation{
	position:relative;
}

#main_navigation .page_content {
	list-style-type:none;
	position:absolute;
	width:300px;
	top:120px;
	left:0px;
	display:none;
}

#main_navigation li .page_content p{
	font-size:12px;
	line-height:1.4em;
	font-weight:normal;
	
}

#main_navigation li .active{
	display:inline;
 }




#shadow{
	background:url(imgs/bg.jpg) no-repeat;
	width:960px;
	margin:20px auto;

}



#wrapper{
	width:900px;
	padding:20px 30px;
	padding-bottom:0;
	height:560px;
	position:relative;
}


#header{
	padding: 5px;
/* 	background-color:#fff; */
	z-index:20;
	position:relative;
}

#header h1 a{
	display:block;
	width:100px;
	height:40px;
	background:url(imgs/logo.gif) no-repeat;
	text-indent:-9999px;
}

#header p{
	float:right;
	margin-top:15px;
}

ul#main_navigation {
	font-size:1.7em;
	font-weight:bold;
	list-style-type:none;
}

ul#main_navigation li{
	margin:0;
	line-height:1.2em;
}

ul#main_navigation a:link, ul#main_navigation a:visited{
	color:#C1C1C1;
	text-decoration:none;
}

ul#main_navigation a:hover{
	color:#e15e29;
}


#left_column{
	padding:10px 0 0 10px;
	width:280px;
	float:left;
	display:none;	
}

#right_column, #right_column_case{
	float:right;
	width:550px;
	margin-top:-0px;
	margin-right:10px;
	display:none;
}

#right_column_case{
	float:right;
	width:580px;
	margin-right:10px;

}

#right_column_case img{
	margin-top:2px;
}

#right_column_case img.small_pic{
	margin-right:2px;
}

#right_column #col1, #right_column #col2, #right_column #col3{
	width:170px;
	margin-top:93px;
	margin-right:20px;
	float:left;
	list-style-type:none;
	font-size:1.1em;
	color:#717171;

}

#right_column #col1 a:link, #right_column #col1 a:visited, #right_column #col2 a:link, #right_column #col2 a:visited, #right_column #col3 a:link, #right_column #col3 a:visited{
	color:#e15e29;
}

#right_column #col1 a:hover, #right_column #col2 a:hover,#right_column #col3 a:hover{
	text-decoration:underline;
}

#right_column #col1 li, #right_column #col2 li, #right_column #col3 li{
	margin:1px 0;
}

#right_column #col3{
	margin-right:0px;
}

#right_column #client_list{
	margin-top:15px;
}

#right_column ul#case_1, #right_column ul#case_2{
	width:210px;
	float:right;
	margin:10px 30px 0 0;
	list-style-type:none;
}

#right_column ul#case_1 li, #right_column ul#case_2 li{
	margin:-10px 0 0 0;
	height:210px;
}


#right_column ul#case_1 li a:link, #right_column ul#case_2 li a:link, #right_column ul#case_1 li a:visited, #right_column ul#case_2 li a:visited{
	color:#fff;
}

#right_column ul#case_1 li a:hover, #right_column ul#case_2 li a:hover{
	color:#e15e29;
}

#right_column ul#case_1 h3 ,#right_column ul#case_1 h4, #right_column ul#case_2 h3, #right_column ul#case_2 h4{
	margin:0;
	line-height:1.2em;
}

#right_column ul#case_1 li.labels, #right_column ul#case_2 li.labels{
	position:relative;
	top:-40px;
	padding:7px 5px 0 5px;
	background:url(imgs/boxAlpha.png) repeat-x;
	color:#fff;
	height:33px;
	margin:0;
}



.clear{
	clear:both;
}

a:link, a:visited{
	color:#A1A1A1;
	text-decoration:none;
}


a:hover{
	color:#e15e29;
}

ul#main_navigation li a.current, ul#case_navigation li a.current, ul.sub_nav li a.current{
	color:#717171;
}






#portfolio #copyright{
	clear:both;

}


p#copyright{
	margin:5px 0 0 15px;
	font-size:1em;
	float:right;
	padding-right:15px;
}

#bookmark{
	float:right;
	margin-right:15px;
}

#right_column ul.slideshow{
	width: 550px; 
	height: 370px;
/* 	margin-top:40px; */
/* 	margin-bottom:20px;  */
	overflow: hidden; 
	position: relative; 
	list-style-type:none;
}

#right_column #map{
	margin-top:60px;

}



#right_column ul.slideshow li{
		float:left;
}

a#back{
	margin-right:60px;
}

p#back_links{
	margin-top:40px;
}

/* =========================================================================== */


body#portfolio #left_column{
	width:280px;
	position:relative;
	display:none;
	z-index:10;
	left:0px;
	top:-10px;
	padding-top:20px;
	padding-right:20px;
	background-color:#fff;
}

body#portfolio #right_column{
	position:absolute;
	right:5px;
	width:900px;
	margin-top:-10px;
	margin-right:20px;
	display:none;
	height:500px;
}


body#portfolio ul#case_navigation {
	font-weight:bold;
	list-style-type:none;
	width:150px;
	position:relative;
	top:315px;
	left:5px;
}


/* ================================== email form ============================== */
#contact_form{
width:320px !important;
padding-right:15px;
padding-left:0px;
}





#contact_form p, #contact_form h2 {
	padding:0 10px;
}


input{
	width:300px;
	background:#ccc;
	margin:0;
	height:14px;
	padding:5px;
	border:none;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	color:#fff;
	font-weight:bold;
}

textarea{
	width:300px;
	background:#ccc;
	padding:5px;
	border:none;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	color:#fff;
font-weight:bold;
}

	
#contact_form .submit_btn {
	width:60px;
	height:25px;
	background:#e15e29;
	border:none;
	padding:5px 5px 10px 5px;
	color:#fff;
	font-weight:bold;
	margin:0;
	cursor:pointer;
	
}




/* ================================== scrolling ============================== */


#main *{
	margin:0;
}


	/* main vertical scroll */
	#main {
		position:relative;
		overflow:hidden;
		height: 475px;
		display:none;
		top:-186px;
		width:730px;
		left:160px;
	}


	/* root element for pages */
	#pages {

		position:absolute;
 		height:20000em;
 		left:10px;
 
	}
	
	/* single page */
	.page {
		padding:0px;
		height: 480px;
		width:725px;
		margin-bottom:20px;
		position:relative;
		left:-10px;
	}
	
	/* root element for horizontal scrollables */
	.scrollable {
		position:relative;
		left:170px;
		overflow:hidden;
		width: 550px;
		height: 480px;
		
	}
	

	/* root element for scrollable items */
	.scrollable .items {
		width:20000em;
		position:absolute;
		clear:both;
	}
	
	/* single scrollable item */
	.item {
		float:left;
		width:550px;
		height:470px;
	}
	
	/* main navigator */
	
	
		
	
	
ul#case_navigation  {
	list-style-type:none;
	margin-top:80px;
}



ul#case_navigation li, ul.sub_nav li{
	font-weight:bold;
	margin:2px 0;
}

/* position and dimensions of the navigator */

ul.sub_nav{
	width:140px;
	position:absolute;
	top:390px;
	left:0px;
	margin:0;
	padding:0;
	list-style-type:none;
}

/*
ul.sub_nav{
	width:140px;
	position:absolute;
	top:385px;
	left:0px;
	margin:0;
	padding:0;
	list-style-type:none;
}
*/

.page ul.sub_nav li{
	padding:0 0 2px 0;

	}
	


/* active state (current page state) */
ul.sub_nav li a.active, ul.sub_nav li a.current {
		color:#717171;

}

/* end position and dimensions of the navigator */




/*====================== HOME PAGE BOX CAPTION ======================*/



.boxgrid{ 
	margin:0px; 
}

.boxgrid h2{
	margin:8px 0 10px 0 !important; 

}

.boxgrid p{
	margin:0;
}