@charset "UTF-8";
/* CSS Document */

/* Reserved */

html * {
	margin: 0; padding: 0;
	}
	
body {
	background: #e0efd8 url(../images/wrapperbg.jpg) repeat-x top left;
	color: #063841;
	font: 12px/20px "Lucida Grande", "Helvetica Neue", Helvetica, Arial;	
	}
	
p { margin: 8px 0 10px 0; }

h2 { margin: 8px 0 10px 0; }
h3 { margin: 8px 0 10px 0; }

ul {
	list-style: none;	
	}
	
li {}

img {
	border: none;
	outline: none;
	}
a {	
	border: none;
	outline: none;
	color: #a81b1c;
	}


/* Specific */

#wrapper {
	margin: 0 auto 25px auto;
	width: 750px;
	padding: 0 25px;
	}

/* header */	
#header {
	width: 750px;
	height: 186px;
	margin-top: 55px;
	}
	#logo a{
		background: url(../images/logo.png) no-repeat top left;
		width: 270px;
		height: 118px;
		text-indent: -9999px;
		float: left;
		}
	#horiznav {
		float: right;
		margin-top: 132px;
		}
		#horiznav li {
			height: 54px;
			text-align: center;
			display: block;
			float: left;
			}
			.home {background: url(../images/homesprite.png) top left no-repeat; width: 94px;}
			.projects {background: url(../images/projectssprite.png) no-repeat; width: 136px;}
			.contacts {background: url(../images/contactussprite.png) no-repeat; width: 154px;}
			
			.active {
				background-position: 0 -54px;
				}
		#horiznav li a {
			background: url(../images/linksprite.png) no-repeat; text-indent: -9999px;
			display: block;
			height: 15px;
			text-indent: -9999px;
			}
			#horiznav .home a { width: 50px; margin: 10px 0 0 22px;}
			#horiznav .projects a { background-position: -229px 0; width: 90px; margin: 10px 0 0 25px;}
			#horiznav .contacts a { background-position: -86px 0; width: 105px; margin: 10px 0 0 24px;}
			
			#horiznav .home a:hover { background-position: 0 -15px; width: 50px; margin: 10px 0 0 22px;}
			#horiznav .projects a:hover { background-position: -229px -15px; width: 90px; margin: 10px 0 0 25px;}
			#horiznav .contacts a:hover { background-position: -86px -15px; width: 105px; margin: 10px 0 0 24px;}
			
#maincontent {
	width: 475px;
	float: left;
	padding-right: 25px;
	}
	.list {
		padding: 20px 0;
		margin: 0 70px 0 60px;
		}
		.list li {
			background: url(../images/dot.gif) no-repeat 0 6px;
			font: 15px/17px "Lucida Grande", "Helvetica Neue", Helvetica, Arial;
			font-weight: bold; 
			padding-left: 15px;
			margin: 10px 0;
			}

#contactform {
width: 450px;

}

#sidebar {
	width: 250px;
	float: left;
	}
	#callout {
		background: url(../images/calloutbg.gif) no-repeat top left;
		width: 200px;
		height: 220px;
		padding: 25px;
		}

#footer {
	clear: both;
	margin: 20px 0 0 0;
	}