html {
	/* background:url(../img/site/body-bg.jpg) top left repeat; */
	background:url(../img/site/repeat/pattern_124.gif) top left repeat;
}
#wrapper {
	background:url(../img/site/wrapper.png) top left no-repeat;
	margin:50px auto;
	padding:50px;
	width:640px;
}
#header {
	float:left;
	height:360px;
	width:90px;
}
#container {
	background:url(../img/site/spotlight.jpg) top left no-repeat;
	height:320px;
	overflow:hidden;
	padding:10px 30px 30px 30px;
	position:relative;
	width:490px;
}
#content {
	float:left;
	padding-top:5px;
	height:330px;
	overflow:hidden;
	width:490px;
}
#about, #social, #portfolio, #contact {
	padding:0 0 300px 0;
}
.column-left {
	float:left;
	padding:0 15px 0 0;
	width:230px;
}
.column-right {
	float:left;
	width:245px;
}

.home_logo {
	margin:125px 0 0 0;
}

/* ---------------------------------------------------------------------------
NAVIGATION STYLES
*/

#nav {
	height:360px;
	width:90px;
}
#nav li {
	float:left;
	position:relative;
}
#nav li a {
	cursor:pointer;
	display:block;
	height:90px;
	text-indent:-9999px;
	width:90px;
}
#nav .about a {
	background:url(../img/site/nav2.png) 0 0 no-repeat;
}
#nav .social a {
	background:url(../img/site/nav2.png) 0 -90px no-repeat;
}
#nav .portfolio a {
	background:url(../img/site/nav2.png) 0 -180px no-repeat;
}
#nav .contact a {
	background:url(../img/site/nav2.png) 0 -270px no-repeat;
}
#nav li a span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:100;
}
#nav .about a span {
	background:url(../img/site/nav2.png) -90px 0 no-repeat;
}
#nav .social a span {
	background:url(../img/site/nav2.png) -90px -90px no-repeat;
}
#nav .portfolio a span {
	background:url(../img/site/nav2.png) -90px -180px no-repeat;
}
#nav .contact a span {
	background:url(../img/site/nav2.png) -90px -270px no-repeat;
}


/* ---------------------------------------------------------------------------
TYPOGRAPHY STYLES
*/

body {
	color:#999;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	letter-spacing:0.2px;
}
h1 {
	background:url(../img/site/logo.png) top left no-repeat;
	padding:0 0 5px 0;
	height:60px;
	position:relative;
	text-indent:-9999px;
	width:490px;
}
h2 {
	color:#555;
	font-family:"Myriad Pro", Tahoma, Arial, sans-serif;
	font-size:24px;
	font-weight:bold;
	line-height:24px;
	margin-bottom:20px;
}
p {
	margin-bottom:10px;
}
a {
	color:#1fdbdb;
}
a:link, a:visited, a:hover, a:active {
	text-decoration:none;
}
a:hover, a:active {
	color:#43b5b5;
}
a:focus {
	outline:none;
}
#social a:hover, #social a:active {
	text-decoration:none;
}
b, strong {
	font-weight:bold;
}
i, em {
	font-style:italic;
}
address {
	line-height:16px;
	margin-bottom:20px;
}

/* ---------------------------------------------------------------------------
LISTS STYLES
*/

#about {
	text-align:justify;
}

#about ul {
	margin:0 0 10px 0;
	padding:0;
}
#about ul li {
	background:url(../img/site/bullet.jpg) 10px 6px no-repeat;
	padding:0 0 0 25px;
}

#social ul li {
	background:url(../img/site/social-bg.jpg) top left no-repeat;
	cursor:default;
	float:left;
	height:50px;
	margin-bottom:10px;
	width:230px;
	cursor:pointer;
}
#social ul li img {
	float:left;
	margin:9px 16px 0 10px;
}
#social ul li.left {
	margin-right:30px;
}
big {
	color:#ddd;
	display:block;
	font-size:16px;
	margin:6px 0 -2px 0;
}
small {
	color:#999;
	font-size:11px;
}
small:hover {
	color:#bbb;
}

#portfolio ul li {
	background:url(../img/site/portfolio-bg.jpg) top left no-repeat;
	float:left;
	height:60px;
	margin:0 14px 14px 0;
	padding:5px;
	width:60px;
}
#portfolio ul li.right {
	margin-right:0;
}

#contact p {
	line-height:16px;
	margin-bottom:0px;
}

/* ---------------------------------------------------------------------------
FORMS STYLES
*/

input  {
	background:url(../img/site/input-bg.jpg) top left no-repeat;
	color:#ddd;
	font-size:11px;
	height:14px;
	margin:0 0 10px 0;
	padding:3px 10px;
	width:225px;
}
#message {
	background:url(../img/site/message-bg.jpg) top left no-repeat;
	height:65px;
	color:#ddd;
	font-size:11px;
	margin:0 0 10px 0;
	padding:3px 10px;
	width:225px;
}
#submit {
	background:url(../img/site/submit-bg.jpg) top left no-repeat;
	color:#222;
	cursor:pointer;
	height:20px;
	width:70px;
}
.notification_error, .notification_ok {
	background:url(../img/site/error-bg.jpg) top left no-repeat;
	color:#222;
	float:right;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:12px;
	height:36px;
	padding:2px;
	width:241px;
}

/* ---------------------------------------------------------------------------
OTHER STYLES
*/

.download {
	background:url(../img/site/download.jpg) top left no-repeat;
	display:block;
	height:30px;
	margin:22px 0 0 0;
	text-indent:-9999px;
	width:230px;
}
.hide {
	display:none;
	visibility:hidden;
}