@import url('reset.css');

body {
background: url(../img/bg_main.jpg) top center #eae8e5 no-repeat;
color: #757472;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 23px;
}

#wrapper {
height: 100%;
margin: 0 auto;
width: 960px;
}

#nav {
float: left;
margin: 143px 0 0 0;
width: 960px;
}

	#nav li {
	display: inline;
	}
	
	#nav li a {
	float: left;
	height: 104px;
	}
	
	#nav li#navPrint a		{ background: url(../img/sprite_nav.jpg) 0 0 no-repeat; width: 200px; }
	#nav li#navWeb a		{ background: url(../img/sprite_nav.jpg) -200px 0 no-repeat; width: 167px; }
	#nav li#navIdentity a	{ background: url(../img/sprite_nav.jpg) -367px 0 no-repeat; width: 289px; }
	#nav li#navContact a	{ background: url(../img/sprite_nav.jpg) -656px	 0 no-repeat; width: 304px; }
	
	#nav li#navPrint a:hover	{ background: url(../img/sprite_nav.jpg) 0 -104px no-repeat; }
	#nav li#navWeb a:hover		{ background: url(../img/sprite_nav.jpg) -200px -104px no-repeat; width: 167px; }
	#nav li#navIdentity a:hover	{ background: url(../img/sprite_nav.jpg) -367px -104px no-repeat; width: 289px; }
	#nav li#navContact a:hover	{ background: url(../img/sprite_nav.jpg) -656px	 -104px no-repeat; width: 304px; }
	
#header, #content {
float: left;
margin: 20px 0 0 0;
width: 960px;
}

#content ul li li {
background: url(/img/bullet_blue-circle.png) 0 6px no-repeat;
line-height: 18px;
margin: 5px 0 0 0;
padding: 0 0 0 10px;
width: 500px;
}

#sidebar {
float: left;
margin: 0 30px 0 0;
width: 310px;
}

#twitter_div {
background: url(/img/bg_twitter.jpg) 0 0 no-repeat;
padding: 42px 0 0 0;
}

#twitter_div li {
border-bottom: 1px solid #d2d0ce;
line-height: 18px;
margin: 10px 0 0 0;
padding: 0 0 10px 0;
}

#home {
float: left;
width: 620px;
}

#home ul {
float: left;
margin: 1em 0 1em 0;
width: 295px;
}

#home ul.first {
margin: 1em 30px 1em 0;
}

#home ul li {
background: url(/img/bullet_blue-circle.png) 0 6px no-repeat;
line-height: 18px;
margin: 5px 0 0 20px;
padding: 0 0 0 10px;
}

#home h2.margin {
margin: 15px 0 0 0;
}

.identity li {
float: left;
margin: 20px 60px 0 0;
width: 420px;
}

.web li {
float: left;
margin: 20px 0 0 0;
width: 960px;
}

.border {
background: url(../img/bg_portfolio-image.jpg) 0 0 no-repeat;
float: left;
height: 174px;
position: relative;
width: 420px;
}

li.top {
margin: 0 60px 0 0;
}

.border img {
margin: 11px 0 0 10px;
}

.border .enlarge {
background: url(../img/icon_enlarge.png) no-repeat 0 0;
display: none;
height: 29px;
left: -7px;
position: absolute;
top: -7px;
width: 29px;
}

.border:hover .enlarge {
display: block;
}

.identity p {
float: left;
line-height: 17px;
margin: 8px 0 0 20px;
}

.web p {
margin: 15px 0 0 440px;
}

.web ul ul {
margin: 0 0 0 460px;
}

.web h3 {
color:#297eb8;
margin: 0 0 0 440px;
}

#contact {
background: #ffffff;
bottom: 0;
position: fixed;
width: 960px;
}

#contact #padding {
margin: 0 0 30px 0;
padding: 30px;
position: relative;
}

#contact #close {
position: absolute;
right: 0;
top: 0;
}

#contact .halfLeft, #contact .halfRight {
float: left;
margin: 0 30px 0 0;
width: 435px;
}

#contact .halfRight {
margin: 0;
}

#contact input, #contact textarea {
border: 1px solid #d2d0ce;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 5px;
width: 423px;
}

#contact textarea {
height: 200px;
}

#contact .reset {
width: auto;
}

#contact .reset:hover {
background: #297eb8;
color: #ffffff;
cursor: pointer;
}

#footer {
border-top: 1px solid #d2d0ce;
float: left;
font-size: 10px;
margin: 20px 0 0 0;
padding: 5px 0 15px 0;
text-align: right;
width: 960px;
}

a:link, a:visited { color: #297eb8; }
a:hover { color: #757472; }

.error {color: #297eb8; font-size: 10px; }
.callout {color: #297eb8; }
.small { font-size: 10px; }