/* Main CSS */

body {
	margin: 0px;
	padding: 0px;
	background-color: #333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#page {
	width: 770px;
	margin: auto;
	background-color: #333;
}

#header {
	background-color: #fff;
}

#logo {
	float: left;
	width: 266px;
	height: 170px;
	display: inline;
}

#photomenu {
	float: left;
	width: 504px;
	height: 170px;
	display: inline; /*to avoid ie 3px bug*/
}

#navbar {
	background-color: #9c0;
	margin: 0px;
	padding: 0px;
	clear: both;
}

#navbar ul {
	margin: 0px;
	padding: 5px 30px 5px 30px;
}

* html #navbar ul {
	margin: 0px;
	padding: 2px 30px 5px 30px;
}


#navbar li {
	display: inline;
	list-style: none;
	margin: 0px;
	padding: 0px 25px 0px 0px;
	font-size: 18px;
}

#content {
	background-color: #fff;
}

#footer {clear:both;}

#footer p {
	margin: 0px;
	padding: 0px;
	font-size: 9px;
	color: #fff;
}

/* Links */

#navbar a {
	color: #fff;
	text-decoration: none;
}

/*#navbar a:visited {
	color: #990;
} delete so links reset to fff after visited*/

#navbar a:hover, body.about #navbar a#about, body.portfolio #navbar a#portfolio, body.services #navbar a#services, body.contact #navbar a#contact {
	color: #033;
}

/*#navbar a:active {
	color: #9C3
}
*/
a:link {
	color: #033;
	text-decoration: none;
}

a:visited {
	color: #990;
}

a:hover {
	color: #9C3;
	text-decoration: underline;
}

a:active {
	color: #9C3
}

a img {
	border: none;
	}

h3 {
	font-size: 1.5em;
}

/* Classes */

.left {
	float: left;
}

.right {
	float: right;
}

.clear {clear:both;}

.tagline {
	text-align: right;
	margin: 0px;
	padding: 5px 25px 8px 0px;
}