html {
font-size:62.5%;
}

img {
display:block;
border:none;
}

#pagewidth {
width:900px;
overflow:hidden;
margin:0 auto;

padding: 20px;
}

body {
background:#eff0f2 url(../images/bg.jpg) repeat-x;
color:#666;
font:10px Georgia, "Times New Roman", Times, serif;
margin:0;
padding:0;
}

.intro {
width:880px;
height:50px;
overflow:hidden;
margin-top:40px;
}

#header {
height:220px;
width:900px;
overflow:hidden;
position:relative;
border-bottom: 1px dotted #c7c5c5;
margin-bottom:40px;
}


#header h1 {
position:absolute;
margin:0;
}


#nav1 {
margin-top: 162px;
}

ul.nav1 {
list-style:none;
}

#nav1 li {
float:left;

	display:block;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color:#ccc;
	font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
	
}

#nav1 li a {
font-size:12px;
	outline:none;
	color:#444;
	text-decoration:none;
	display:block;
	width:103px;
	text-transform:uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 12px;
	padding-left: 10px;
}
.nav1 li a span {
	font-size:9px;
	color:#666;
	text-transform:lowercase;
	font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
	font-weight: normal;
}
.nav1 li a:hover {
	width:97px;
	background-color: #ccc;
}

.nav1select {
background: #eff0f2;
}
.section {
width:900px;
overflow:hidden;
padding:0;
}

.section .content {
float:left;
width:900px;
overflow:hidden;
padding:0;
}

#about{
float: left;
width: 400px;
overflow: hidden;
}

#about h1{
padding-bottom: 3px;
margin-bottom: 20px;
font-size:18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	color: #666666;
	border-bottom: 1px dotted #c7c5c5;
	clear: left;
}

#about p{
font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
font-size: 11px;
line-height: 16.8px;
color: #2b2b29;
}

#about a{
font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
font-size: 11px;
line-height: 16.8px;
color: #2b2b29;
text-decoration: none;
font-weight: bold;
}

#about a:hover{
color: #00b7f1;
}

ul.about {
margin: 0;
padding: 0 0 20px 20px;
list-style-image:url(../images/12-em-check.png);
width: 370px;
}

ul.about li{
font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
font-size: 12px;
line-height: 16.8px;
color: #555;
font-weight: bold;
font-style:italic;
margin-top: 5px;
}

ul.about li span{
font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
font-size: 11px;
line-height: 12px;
color: #333;
font-weight: normal;
font-style: normal;
}

#about p span{
font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight:bold;
	font-size: 14px;
line-height: 15px;
	color: #00b7f1;
	
	}


#recentwork {
float: right;
width: 450px;
}

#recentwork h1{
width: 447px;
padding-bottom: 5px;
margin-bottom: 20px;
font-size:16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	color: #666666;
	border-bottom: 1px dotted #c7c5c5;
}

#smalltags {
height: 20px;
}
#smalltags h2{
float: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-style: italic;
font-size: 12px;
color: #000;
margin-right: 7px;
}

#smalltags h3{
float: left;
color:#00b7f1;
font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
font-size: 10px;
font-weight: normal;
margin-right: 5px;
line-height: 12px;
padding-top: 1px;
}

#recentwork p{
font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
font-size: 11px;
line-height: 15px;
color: 777px;
clear:left;
padding: 10px 0 24px 0;
}

#recentwork img{
padding:3px;
border: 1px solid #c7c5c5;
margin-bottom: 12px;
background: #fff;
}


#recentwork img:hover{
background: #ccc;
}

#projectimg {
float:left;
width:900px;
height:377px;
padding:10px;
}

#projectinfo {
float:left;
width:900px;
height:40px;
background:red;
}

ul.navigation {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
height:50px;
}

ul.navigation li {
float:left;
list-style:none;
margin-right:6px;
}

ul.navigation li img{
padding: 2px;
border: 1px solid #ccc;
}

ul.navigation li img:hover{
background: #ccc;
}

ul.navigation li a {
outline:none;
color:#ccc;
background-color:#2c2c2c;
text-align:center;
text-decoration:none;
}

ul.navigation li#last-child {
margin-right:0;
}

ul.navigation li a:hover {
background:#000;
}

#slider {
width:900px;
position:relative;
}

.scroll {
width:900px;
height:555px;
overflow:auto;
position:relative;
clear:left;
}

div.panel {
height:555px;
width:900px;
background:transparent;
overflow:hidden;
}

div.work {
position:absolute;
background:transparent;
width:900px;
}

div.workImage {
float:left;
position:relative;
top:13px;
left:13px;
background:#eee;
margin:0 13px 13px 0;
}

div.workImage a {
display:block;
position:relative;
overflow:hidden;
height:107px;
width:191px;
border:4px solid #ddd;
color:#000;
font:10px Arial, Helvetica, sans-serif;
text-decoration:none;
padding:5px;
}

div.workImage a img {
position:absolute;
top:0;
left:0;
border:0;
}

div.recent {
float:left;
position:relative;
}

div.recent a {
float:left;
height:377px;
border: 1px solid #ccc;
background-color: #fff;
text-decoration:none;
padding:10px;
}

#information {
float:left;
position:relative;
height:150px;
width:900px;

border-top: 1px solid #fff;
}

#tags {
width:900px;
height:50px;
border-bottom:1px solid #FBFBFB;
}

.tagline {
float:left;
font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
color:#00b7f1;
font-size:10px;
margin:18px 10px 0 0;
padding:2px;
}

.name {
color:#000;
font-style: italic;
float:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:22px;
letter-spacing:-1px;
margin:10px 20px 0 0;
}

#description {
width:900px;
height:100px;
border-top:1px solid #ccc;
}

.tagline2 {
float:left;
font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
color:#00b7f1;
font-size:10px;
margin:20px 16px 0 0;
padding:2px;
}

.about {
	color:#000;
	float:left;
	width:740px;
	font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
	font-size:12px;
	line-height:20px;
	margin:18px 0 0;
}

#footer {
border-top: 1px dotted #ccc;
margin-top:40px;
padding-top: 6px;
}

#footer p {
text-align:left;
color:#666;
font:10px Georgia, "Times New Roman", Times, serif;
}

.client,.catagory {
float:left;
color:#000;
font-style: italic;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
letter-spacing:-1px;
margin:15px 20px 0 0;
}