/*

This is the CSS stylesheet that is used for the main content and floats in the generic website pages.

*/

html {
	height: 100%;

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

body {
	height: 100%;

	position: relative;

	text-align: center;

	background: #cccccc url(images/blue/brick.jpg) center top;

	font-family: Verdana, Tahoma, Sans-Serif;
	font-style : normal;
	font-weight : normal;
	font-size: 10pt;

	color: #333333;

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#sidebar {
	width: 160px;
	min-height: 100%;
	height: auto ! important;
	height: 100%;

	position: absolute;
	right: 50%;
	top: 0px;

	text-align: left;

	background: transparent;

	margin: 0px -490px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#sidebar #ad {
	position: absolute;
	top: 50%;
	margin-top: -330px;
}

#page {
	width: 660px;
	min-height: 100%;
	height: auto ! important;
	height: 100%;

	position: relative;

	text-align: center;

	background: #e5e5de url(images/blue/pagemiddle.jpg) repeat-y 0px 119px;

	margin: 0px auto 0px auto;
	padding: 0px 0px 0.05px 0px;
}

.pagetop {
	width: 660px;
	height: 120px;

	position: absolute;
	top: 0px;
	left: 0px;

	background: transparent url(images/blue/pagetop.jpg) no-repeat top center;

	margin: 0px auto 0px auto;
	padding: 0px;
}

body.about {
	background: #666633 url(images/blue/brick.jpg) top center;
}
body.about #page {
	background: #e5e5de url(images/blue/pagemiddle.jpg) repeat-y 0px 119px;
}
body.about #page .pagetop {
	background: transparent url(images/blue/pagetop.jpg) no-repeat top center;
}
body.portfolio {
	background: #660000 url(images/red/brick.jpg) top center;
}
body.portfolio #page {
	background: #e5e5de url(images/red/pagemiddle.jpg) repeat-y 0px 119px;
}
body.portfolio #page .pagetop {
	background: transparent url(images/red/pagetop.jpg) no-repeat top center;
}
body.pricing {
	background: #999933 url(images/yellow/brick.jpg) top center;
}
body.pricing #page {
	background: #e5e5de url(images/yellow/pagemiddle.jpg) repeat-y 0px 119px;
}
body.pricing #page .pagetop {
	background: transparent url(images/yellow/pagetop.jpg) no-repeat top center;
}
body.contact {
	background: #336633 url(images/green/brick.jpg) top center;
}
body.contact #page {
	background: #e5e5de url(images/green/pagemiddle.jpg) repeat-y 0px 119px;
}
body.contact #page .pagetop {
	background: transparent url(images/green/pagetop.jpg) no-repeat top center;
}

#logo {
	width: 640px;

	position: relative;
	top: 80px;

	background: transparent;

	text-align: left;

	font-style : normal;
	font-weight : bold;

	margin: 0px auto 90px auto;
	padding: 0px;
}

#logo img{
	text-align: center;

	margin: 0px;
	padding: 0px;
}

#logo #address{
	position: absolute;

	top: 115px;
	left: 60px;

	color: #000000;

	font-size : 10pt;
}

#logo #design{
	position: absolute;

	top: 115px;
	left: 320px;

	color: #000000;

	font-size : 10pt;
}

#navigation {
	width: 600px;

	font-family: Courier New, Courier, Serif;
	font-size: 12pt;

	text-align:left;

	background: #cccccc;
	color: #000000;

	margin: 20px auto 20px auto;
	padding: 0px;
}

#navigation .outer {
	z-index: 100;
}

#content {
	width: 600px;
	height: auto;

	font-size:12pt;

	text-align:left;

	background: #ffffff url(images/watermark.jpg) no-repeat top center;
	color: #333333;

	margin: 20px auto 20px auto;
	padding: 0px 0px 0px 0px;
}

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

#w3clogos {
	text-align: right;

	margin: 10px 10px 10px 0px;
}

#stats {
	color: #000000;

	text-align: center;

	font-size : 8pt;

	margin: 10px 0px 0px 0px;
}


div#motto {
	clear: both;
	color: #660000;
	font-size: 12pt;
	font-style: italic;
	font-weight: bold;

	margin: 2px auto 2px 5px;
	padding: 10px;
}