/* @override http://www.sonnyv.com/css/style.css */

* {
	margin: 0;
	padding: 0;
}

a {
	outline: none;
}

img {
	border: 0px;
}

html {
	font-size: 100%;
}

body {
	font-size: 62.5%;
	font-family: Georgia, "Times New Roman", Times, serif;
	background: #000 url(../images/body_background.jpg);
	color: #fff;
	line-height: 1;
}

/* structure */

div#santino,
div#wrapper,
div#footer,
div#header {
	width: 970px;
	margin: 0px auto;
	font-size: 1.8em;
	line-height: 1.5em;
}
	div#wrapper {
		background: transparent url(../images/hp-background2.jpg) no-repeat;
		height: 939px;
		margin-top: 10px;
		margin-bottom: 70px;
	}
div#santino h1 {
/*	background: url(../images/santino.png) no-repeat;
	height: 49px;
	width: 376px;
	text-indent: -9999px;
	margin: 40px 0 0 20px;*/
}
	
/*navigation*/
	div#wrapper div#nav {
		height: 56px;
	}
		div#wrapper div#nav ul {
			list-style: none;
		}
			div#wrapper div#nav ul li {
				text-decoration: none;
				color: #4a6b2e;
			}
			div#wrapper div#nav ul li a {
				display: block;
				float: left;
				background: url(../images/navigation.png) no-repeat;
				height: 56px;
				width: 133px;
				text-indent: -9999px;
			}
				div#wrapper div#nav ul li a.home {
					background-position: 0 0;
				}
					div#wrapper div#nav ul li a.home:hover {
						background-position: 0 -56px;
					}
						div#wrapper div#nav ul li a.home:active,
						div#wrapper div#nav ul li a.selected_home {
							background-position: 0 -112px;
						}
				div#wrapper div#nav ul li a.projects {
					background-position: 0 -168px;
					margin: 0 0 0 -10px;
				}
					div#wrapper div#nav ul li a.projects:hover {
						background-position: 0 -224px;
					}
						div#wrapper div#nav ul li a.projects:active {
							background-position: 0 -280px;
						}
				div#wrapper div#nav ul li a.about {
					background-position: 0 -336px;
					margin: 0 0 0 -10px;
				}
					div#wrapper div#nav ul li a.about:hover {
						background-position: 0 -392px;
					}
						div#wrapper div#nav ul li a.about:active {
							background-position: 0 -448px;
						}
				div#wrapper div#nav ul li a.blog {
					background-position: 0 -504px;
					margin: 0 0 0 -25px;
				}
					div#wrapper div#nav ul li a.blog:hover {
						background-position: 0 -560px;
					}
						div#wrapper div#nav ul li a.blog:active {
							background-position: 0 -616px;
						}
				div#wrapper div#nav ul li a.contact {
					background-position: 0 -672px;
					margin: 0 0 0 -15px;
				}
					div#wrapper div#nav ul li a.contact:hover {
						background-position: 0 -728px;
					}
						div#wrapper div#nav ul li a.contact:active,
						div#wrapper div#nav ul li a.selected_contact {
							background-position: 0 -784px;
						}
/*end of navigation*/
/*top content*/
div#wrapper div#content div#top {
	height: 380px;
}
	div#wrapper div#content div#top div.header_shadow {
		background: url(../images/header_background.png) no-repeat;
		height: 327px;
		width: 808px;
		margin: 40px 0px 0px 80px;
	}
/*bottom content*/
div#wrapper div#content div#bottom {
	height: 400px;
}
	div#wrapper div#content div#bottom h3 {
	/*	color: #fff;
		margin: 10px 0 0 30px;
		font-size: 20px;
		/*border-bottom: 1px solid #999292;
		width: 250px;*/
	}
		div#wrapper div#content div#bottom div#recent_projects1,
		div#wrapper div#content div#bottom div#recent_projects2,
		div#wrapper div#content div#bottom div#recent_projects3 {
			margin: 30px 0 0 33px;
			width: 278px;
			display: block;
			float: left;
		}
		div#wrapper div#content div#bottom div#recent_projects1 a.title,
		div#wrapper div#content div#bottom div#recent_projects2 a.title,
		div#wrapper div#content div#bottom div#recent_projects3 a.title {
			color: #fff;
			font-size: .9em;
			font-family: arial;
		}
				div#wrapper div#content div#bottom div#recent_projects1 p.text,
				div#wrapper div#content div#bottom div#recent_projects2 p.text,
				div#wrapper div#content div#bottom div#recent_projects3 p.text {
					margin: 3px 0 0 0;
					font-size: .8em;
					line-height: 1.3em;
					font-family: arial;
				}
					div#wrapper div#content div#bottom div#recent_projects1 a.lform,
					div#wrapper div#content div#bottom div#recent_projects2 a.lform,
					div#wrapper div#content div#bottom div#recent_projects3 a.lform {
						color: #fff;
						font-size: 1.0em;
						font-family: arial;
					}
/*footer*/
div#wrapper div#footer {
	clear: both;
}
	div#wrapper div#footer p.credits {
		color: #4a6b2e;
		font-size: .4em;
		margin: 0px 0 0 30px;
	}
	div#wrapper div#footer a.valid_xhtml,
	div#wrapper div#footer a.valid_css {
		color: #4a6b2e;
	}

/* float-clearing rules */
.separator {
	clear: both;
}

.separatorInvisible {
	clear: both;
	height: 1px;
}

.clearFix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
   	visibility: hidden;
}