@charset "UTF-8";

html  {
	background-color:#000000;
	
	
}

body {
	background-color:#000000;
	height:100%;
	min-height:100%;
	color:#787878;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
}

#page ul, #page ol {
	
	padding: 0 0 0 35px;
	width:425px;
	margin: 0;
	color:#FFF;	
}


a:focus, a:active {
	outline:0
}

h1 {
	font-size: 22px;
	padding-top: 3px;
	padding-bottom: 15px;
	font-weight: bold;
	margin: 0px;
}

h3 { 
	padding:0px;
	margin:0px;
	color:#FFF;
	font-size:12px;
	display:inline;
	font-weight:normal;
}

.grey{
	color:#787878;
}

.white{
	color:#ffffff;
}

#container {
	margin-top:50px;
	width:944px;
	text-align:left;
}

#footer{
	height:70px;
	width: 900px;
	color:#404040;
	font-size: 9px;
	margin-top:50px;
}

.grey-divider{
	width: 110px;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #323232;
	margin-top: 0px;
	margin-bottom: 3px;
}

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

a:Hover{
	color:#ffffff;
	text-decoration: none;
}
/*----------------------------------NAV-------------------------*/

#nav{
	color:#787878;
	margin-top: 39px;
	height: 51px;
	width: 900px;
}

#work-cats{
	color:#787878;
	margin-top: -21px;
	height: 20px;
	width: 720px;
}

#work-projects{
	color:#787878;
	height: 30px;
	width: 720px;
}

#nav a, #work-cats a, #work-projects a{
	color:#787878;
	border: none;
	text-decoration:none;

}

#nav a:hover, #nav a.selected, #work-cats a:hover, #work-cats a.selected, #work-projects a:hover, #work-projects a.selected{
	color:#FFFFFF;
}


#nav ul, #work-cats ul, #work-projects ul{
	color:#787878;
	list-style:none;
	margin: 0px;
	padding: 0px;
}

#nav li, #work-cats li, #work-projects li{
	color:#787878;
	list-style:none;
	padding-left: 3px;
	padding-right:3px;
	margin: 0px;
	display:block;
	float:left;
}

/*----------------------------------CONTENT-------------------------*/


#work-slides {
	height:310px;
	width: 940px;
	display:block;
	overflow:hidden;
	border: 1px solid #323232;		
}

.imagebox {
	height:310px;
	width: 940px;
	display:block;
	position:absolute;
}

.imagecrop {
	height:290px;
	overflow:hidden;
}

.imagebox-description {
	height:20px;
	width: 940px;
	color:#787878;
	font-size:10px;
	
	z-index: 20;
	margin-left:0px;
	background-color:#323232;
	line-height: 20px;
}

.imagebox .left{
	width: 860px!important;
	width: 840px;
	margin-left:10px;
	margin-right: 30px;
	float:left;
}

.imagebox. .right{
	color:#ffffff;
	width: 40px;
	float:left;
}

.box {
	height:125px;
	width: 220px;
	margin-top: 29px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #323232;
	display:block;
	float:left;
	padding-left:10px;
	padding-right:10px;
	word-break: break-word;
}

.bracket {
	white-space:nowrap;
	color:#ffffff;
}

.bracket a{
	color:#ffffff;
	text-decoration: none;
	
}

.bracket a:hover{
	text-decoration: underline;
}

#logo-slides {
	margin-top:30px;
	width:220px;
	padding-left: 10px;
	height:126px;
	display:block;
	float:left;
	
}
.logo-slide{
	position: absolute;
	margin-left: 1px;
}

/*----------------------------------ABOUT US-------------------------*/

#about-img-box {
	height:310px;
	width: 940px;
	display:block;
	overflow:hidden;
	border: 1px solid #323232;	
}

#about-us-para{
	color:#787878;
	margin-top: 20px;
	width: 460px;
	overflow: hidden;
}
/*----------------------------------CLIENT/WHAT-WE-DO/WHAT-OUR-CLIENTS-SAY-------------------------*/

#client-intro{
	height: 15px;
	margin-top: 0px;
}

.client-box {
	color:#787878;
	width: 219px;
	margin-top: 15px;
	display:block;
	float:left;
	padding-left:10px;
	padding-right:10px;
}

.dividing-bar{
	height: 120px;
	margin-top: 29px;
	width: 1px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #323232;
	display:block;
	float:left;
}

p.clients-name{
	text-align: right;
	margin-bottom: 25px;
}

/*----------------------------------WORK-------------------------*/

.small { /*text before pdf and bookmark logos*/
 font-size: 10px;
}

#work-img-box {
	height:310px;
	width: 940px;
	display:block;
	overflow:hidden;
	border: 1px solid #323232;
	position:absolute;
}

#work-content {
	margin-top:310px;	
}

.imagebox img {
	float:left;	
}

/*----------------------------------CONTACT-------------------------*/
#contact-para{
	color:#787878;
	margin-top: 5px;
	width: 460px;
	float:left;
	overflow: hidden;
}

#contact-newsletter{
	height:125px;
	width: 220px;
	margin-top: 12px;
	display:block;
	float:left;
	padding-left:10px;
	padding-right:10px;
	color:#787878;
	margin-left:200px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #323232;
}


#form1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.Label {
	font-size:12px;
	width:100px;
	margin-bottom:5px;
	height:25px;
	line-height:25px;
	display:block;
	
}

#formSubmit {
	width:100px;
	cursor:pointer;
	font-weight: normal;
	overflow:hidden;
	padding: 0px;
	border: none;
	color:#FFFFFF;
	background-color: transparent;
	text-align:left;
}



.input-contact {
	width:216px;
	color:#FFF;
	background-color: transparent;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom:1px solid #787878;
	border-left:none;
	border-top:none;
	border-right:none;
	margin-bottom: 8px;
	margin-top:2px;
	padding:2px;
	
}
	
.input-contact:focus {
	background:#FFF;	
	color:#000;	
}

#bookmark {
	position:absolute;
	padding-top:3px;
}


#error404 {
	color:#787878;
}