﻿body {
    font-family:Arial;
    font-size:13px;
    color:gray;
    background-color:#000;
    padding:20px 0 10px 0;
    margin:0;
    height:100%;
}

img {
    border:0;
}

h1 {
    color:#000;
    margin:0;
    font-size:12px;
    font-weight:bold;
}

h3 {
	color:#000;
    font-size:12px;
    font-weight:bold;
    margin:0;
	padding:0;
}

a , a:hover {
    color:black;        
    text-decoration:underline;
}

p {
	margin:5px 0 15px 0;	
}

p.nopadding {
	margin:0;
	padding:0;
}

p.col2 {
	width:45%;
	float:left;	
}

.padding {
	padding-left: 10px;
}

span.red {
	color:#c31f29;
}

.outerwrap {
	height:100%;
	margin:0 auto;
}

#wrapper {
    width:100%;
    margin:0 auto;
}

.photo_description {
	width:1000px;
	margin:0 auto;
	font-size:9px;
	color:#fff;
	padding:5px 0 0 0;
}

.client {
	width:148px;
	float:left;
	padding:0;
	text-align:center;
}

.clientsingle {
	width:290px;
	float:left;
	padding:0;
	text-align:center;
}

.clear {
	clear:left;
}

#home {
	background:#000 url(../images/home.jpg) top center no-repeat;
	width:1000px;	
	min-height:667px;
	margin:0 auto;
	text-align:center;
}

#who {
	background:#000 url(../images/who.jpg) top center no-repeat;
	width:1000px;	
	min-height:667px;
	margin:0 auto;
	text-align:center;
}

#services {
	background:#000 url(../images/services.jpg) top center no-repeat;
	width:1000px;	
	min-height:667px;
	margin:0 auto;
	text-align:center;
}

#folio {
	background:#000 url(../images/folio.jpg) top center no-repeat;
	width:1000px;	
	min-height:667px;
	margin:0 auto;
	text-align:center;
}

#news {
	background:#000 url(../images/news.jpg) top center no-repeat;
	width:1000px;	
	min-height:667px;
	margin:0 auto;
	text-align:center;
}

#contact {
	background:#000 url(../images/contact.jpg) top center no-repeat;
	width:1000px;	
	min-height:667px;
	margin:0 auto;
	text-align:center;
}

#home_text {
	float:left;
	padding-top:160px;
    margin-left:60px;
    font-size: 24px;
    color:#fff;
    font-weight:bold;
    text-align:left;
}

#content_wrapper {
	font-size:12px;
	width:382px;	
	height:284px;
	margin-left:60px;
	background-image:url(../images/content_bg.png);
}


#content_wrapper_solid {
	font-size:12px;
	width:382px;	
	height:284px;
	margin-left:60px;
	background-image:url(../images/content_solid_bg.png);
}

#content {
	width:80%;
	padding:30px 0;
	margin:0 auto;
	color:black;
	font-weight:normal;
}

#logo {
    float:left;
    padding-bottom:15px;
}

#menu {

	width:150px;
	float:left;
	color:#fff;
	padding-top:40px;
    margin-left:35px;
}

#menu ul {
    list-style:none;
    font-size:11px;
    text-align:left;
    margin:0;
    padding:0;
 }

#menu li {
	float:left;
    display:block;
    color:#fff;
    font-family:Arial narrow, Arial;
    font-weight:bold;
    margin:0;
    padding: 2px 0 2px 20px;
    text-align:left;
    width:120px;
    font-size:12px;
}

#menu li.selected {
    margin:0;
	background-color:#fff;
	background:#fff url(../images/bullet.gif) center left no-repeat ;
}

#menu li a , #menu li a:hover {
	float:left;
    color:#e8a784;        
    text-decoration:none;
    color:#fff;
    margin:0;
    padding: 0;
}

#menu li.selected a {
	float:left;
	padding:0;
	color:#c31f29;
}
/* scroller */
.Container {
  	position: absolute;
	top: 50px; left: 100px;
	width: 200px;
	height: 200px;
	background-color: #EEE;
}
#Scroller-1 { 
  	position: absolute; 
  	overflow: hidden;
  	width: 300px;
  	height: 200px;
}
.Scroller-Container {
	float:left;
  	position: absolute;
  	top: 0px; left: 0px;
}
.Scrollbar-Track {
	float:right;
  	width: 10px; height: 200px;
  	position: relative;
  	top: 0; 
  	left:10px;
  	background-color: #EEE;
}
.Scrollbar-Handle {
  	position: absolute;
  	top: 0px; left: 0px;
  	width: 10px; height: 30px;
  	background-color: #c31f29;
}

