* html, body {
	background: #FFF;
	color:#222;
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 14px;
}

#wrapper {
  width: 835px;
  margin: 0 auto;
}

 
#nav {
	background-color: #726d6d;
	height:75px;
}

#nav ul {
	float:right;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	top: 30px;
	position: relative;
	width:70%;	
}

#nav li {
  float: left;
  display: block;
  width:110px;
  text-align:center
}

#nav ul li {
	text-transform: uppercase;
	float:left;
	position:relative;
	font-size: 80%;
	font-weight: 600;
	letter-spacing: .15em;
	position:relative;
}

#nav ul li a {
	display:block;
	padding:5px 0.6em;
}

#nav ul li a:link, #nav ul li a:visited, #nav ul li a:active, #nav ul li a:hover {
	color:#FFF;
	text-decoration:none;
}

#nav ul li a:hover {
	color:#e15c24;
}

#nav img {
	left: 50px;
	top: 30px;
	position: relative;
}


#header {
	border-top: 11px solid #e15c24;
}


#content{
	margin:0;
}

#title {
	float:left;
	width:155px;
	padding: 0;
}


#title ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	position: relative;	
}

#title li {
	margin:0 0 15px;
}

#title ul li a {
	background:#f2f3f2;
	display: block;
	color:#000;
	font-size:80%;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	padding:5px 0;
	width:150px;
	 
}

#title ul li a:hover{
	background:#d6a753;	
	color:#FFF;
	font-weight:bold;
}

#title #currentpage a {
	background:#d6a753;	
	color:#FFF;
	font-weight:bold;
}

#sidebar {
	background-color: #f2f3f2;
	float:right;
	width:175px;
	margin: 0
	
}

#sidebar p{
	padding: 10px 0 0 25px;
}

#sidebar ul {
	list-style:disc outside none;
	margin:0 0 0 10px;
	font-size:90%;
	line-height: 1.6em;
}

#sidebar li {
	margin:0 0 5px;
}

/* Page */

#home {
	float:left;
	width:450px;
	padding-top:25px;
}


#home p{
	line-height: 1.8em;
	letter-spacing: .02em;
}


#clients, #about, #contact {
	float:left;
	width:615px;
	padding: 0;
}

#clients p, #about  p, #contact p{
	line-height: 1.8em;
	letter-spacing: .02em;
}

#client1 {
	float:left;
	width:300px;
}

#client2 {
	float:left;
	width:300px;
}

/* Footer */

#footer {
	clear:both;
	font-size: 80%;
	text-align: center;
	padding: 50px 0 0 0;
	letter-spacing: .03em;
}

#footer a:link, #footer a:visited, #footer a:active{
	text-transform: uppercase;
	color: #222;
	text-decoration: none;
}

#footer a:hover  {
	color: #222;
	text-decoration: underline;
}

/* Footer */


h1{
	font-size: 300%;
	color: #e15c24;
	font-weight: 100;
	letter-spacing: .03em;
}

h3 {
	font-size: 200%;
	color: #c27f0b;
	font-weight: 100;
}


.welcome{
	font-size: 43px;
	color: #e15c24;
	font-weight: 100;
	letter-spacing: .03em;

}

.orange-text{
	font-weight: bold;
	color: #e15c24;
}

.address{
	color: #c27f0b;
}

/* portfolio */


#mainpic{
	margin:85px 0 20px 50px;
}

#thumbnails{
	margin:10px 0 10px 50px;
	width:auto;
}

#thumbnails img{
	border:none;
	padding: 0 3px;

}

 #thumbnails.pageNav {
	padding: 0 3px 6px 3px;
}

/* LINK COLORS */

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

a:hover  {
	color: #e15c24;
	text-decoration: underline;
}
.clearfix:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
}

.clearfix {
	display:block;
}

* html .clearfix {
	height:1px;
}