/* -------------------------------- 
	Main
-------------------------------- */

div#wrapper {
	margin: 0 auto;
	width: 966px;
}
div#header {
	float: left;
	width: 966px;
	height: 54px;
	margin: 30px 0 0 10px; 
}
div#logo a {
	margin: 20px 0;
	float: left;
	width: 191px;
	height: 35px;
	background-image: url(../images/layout/logo.jpg);
	background-position: 0 35px;
}
div#logo a:hover {
	background-position: 0 0px;	
}
div#web-graphic-motion {
	float: left;
	margin: 7px 0 7px 9px;
	height: 16px;
	width: 800px;
	background: no-repeat url(../images/layout/web-graphic-motion.jpg);
}
div#next-previous {
	float: right;
	margin: 5px 10px 7px 0;
	height: 14px;
	width: 945px;
}
div#page-numbers {
	float: left;
	margin: 4px 0 0 0;
	height: 14px;
	width: 146px;
}
.pagenumbers {
	color: white;
	font-size: 12px;
	letter-spacing: 0.5px;	
}
div#divider {
	float: left;
	width: 966px;
	height: 3px;
	margin: 10px 0 10px 0;
	background-image: url(../images/layout/divider.jpg);
	background-repeat: no-repeat;
}
div#divider-bottom{	
	float: left;
	width: 966px;
	height: 3px;
	margin: 25px 0 10px 0;
	background-image: url(../images/layout/divider.jpg);
	background-repeat: no-repeat;
}
div#left-column-contact {
	float: left;
	background-color: #222;
	width: 624px;
	height: 381px;
	margin: 10px 10px 0 10px;
}
div#right-column-contact {
	float: left;
	background-color: #222;
	width: 302px;
	height: auto;
	margin: 10px;
}
div#left-column {
	float: left;
	width: 624px;
	height: auto;
	margin: 10px 10px 0 10px;
}
div#left-content {
	background-color: #222;
	padding: 2px 0 2px 0;
	margin-bottom: 20px;
}
div#right-column {
	float: left;
	width: 302px;
	height: auto;
	margin: 10px;	
}
div#right-content{
	background-color: #222;
	padding: 2px 0 2px 0;
	margin-bottom: 20px;

	}
div#one-column {
	float: left;
	background-color: #222;
	width: 956px;
	height: auto;
	margin: 15px 0 0 10px;
	padding: 10px 0 10px 0;
}
div#twitter {
	float: left;
	margin: 0 0 0 5px;

}
div#footer {
	float: left;
	width: 956px;
	height: 40px;
	margin: 13px 0px 60px 10px;

}
div#copyright {
	float: left;
	width: 200px;
	height: 12px;
}
div#sneaky {
	float: right;
	width: 25px;
	height: 22px;
	margin-right: 10px;
}
div#contact {
	float: left;
	width:268px;
	margin: 0 0 0 2px;
}
div#contact-icons{
	float:left; 
	margin: 0 0 0 19px; 
	width: 40px; 
	height: 230px;
	background-image: url(../images/layout/contact-icons-short.jpg);
	background-repeat: no-repeat;
}
 div#contact-text{
	 float:left;
	 width: 400px;
	 line-height: 44px;
	font: Arial;
	font-size:12px;
	font-style: normal;
	color: #f7f7f7;
	letter-spacing: 0.5px;
	
 }
 div#secure-login{
	 width: 300px;
	 padding: 15px 0 0 100px;
	font: Arial;
	font-size:12px;
	font-style: normal;
	color: #f7f7f7;
	letter-spacing: 0.2px;
	line-height: 14px;
	background-color: #222;
 }
  .heading-black{
	font: Arial;
	font-size:14px;
	font-style: normal;
	color: #f7f7f7;
	letter-spacing: 0.5px;
 }
/* -------------------------------- 
	Nav text
-------------------------------- */
 
#nav-menu {
	width: 272px;
	height: 23px;
	margin: 18px 12px 0 0;
	float: right;
	
}
#nav li {
	display:block;
	float:left;
	list-style-type:none;
}
#nav li a {
	height: 23px;
	display:block;
	text-indent:-9009px;
}

#nav li#design a {
	width:56px;
	background: url(../images/layout/design.jpg) no-repeat 0 0px;
	}
	#nav li#design a:hover {
		background-position: 0 -23px;
	}
	#nav li#design-page a {
		width:56px;
		background: url(../images/layout/design.jpg) no-repeat 0 -46px;
	}
	#nav li#design-page a:hover {
		background-position: 0 -46px;	
}
#nav li#blog a {
	width:47px;
	background: url(../images/layout/blog.jpg) no-repeat 0 0px;
	}
	#nav li#blog a:hover {
		background-position: 0 -23px;
	}
	#nav li#blog-page a {
		width:47px;
		background: url(../images/layout/blog.jpg) no-repeat 0 -46px;
	}
	#nav li#blog-page a:hover {
		background-position: 0 -46px;	
}
#nav li#about a {
	width:60px;
	background: url(../images/layout/about.jpg) no-repeat 0 0px;
	} 
	#nav li#about a:hover {
		background-position: 0 -23px;
	} 
	#nav li#about-page a {
		width:60px;
		background: url(../images/layout/about.jpg) no-repeat 0 -46px;
	}
	#nav li#about-page a:hover {
		background-position: 0 -46px;	
}
#nav li#contact a {
	width:67px;
	background: url(../images/layout/contact.jpg) no-repeat 0 0px;
	} 
	#nav li#contact a:hover {
		background-position: 0 -23px;
	} 
	#nav li#contact-page a {
		width:67px;
		background: url(../images/layout/contact.jpg) no-repeat 0 -46px;
	}
	#nav li#contact-page a:hover {
		background-position: 0 -46px;	
}
/*--------------------------------------------------------------------------------------------
	Forms - form, input, label etc
  --------------------------------------------------------------------------------------------*/
form {
	padding:0;
	margin:0;
}
input	{
	padding:2px 0 2px 0;
}	
input, textarea	{
	border:1px solid #d3d3d3;
	width:268px;
	margin-bottom:18px;
	color:#333333;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
}
textarea	{
	height:100px;
}

label	{
	display:block;
	width:100%;
	font-size:1em;
	font-weight:normal;
	color:#fff;
	
	margin:0 0 0 0;
	padding:0 0 5px 0;
} 

input#send	{
	cursor:pointer;
	float:left;
	border-top: 1px #CCC solid;
	border-bottom: 1px #000 solid;
	border-left: 1px #000 solid;
	border-right: 1px #000 solid;
	font-size:12px;
	font-weight:bold;
	background-color:#a78b4c;
	color:#fff;
	width:48px;
	height:23px;
	/*background: url(../images/layout/send.jpg) left top no-repeat;*/
}
input#email	{
	background:#fbfbfb;
} 
textarea#message	{
	background:#f9f9f9;
	overflow:hidden;
}

div#projectThumbs img	{
	margin-right:5px;
	cursor:pointer;
} 

div#projectThumbs img.sel	{
	border:1px solid #000;
}