/* Basic HTML */

html, body {
	margin: 0;
	padding: 0;
	font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: black;
	text-align: center;
	background: white url(../img/bg.jpg) repeat-x top;
}

img { border: none; }

a img {
	text-decoration: none; 
	border: 0 none;
}



/* Headings */

h1 {
	font-size: 18px;
	line-height: 24px;
	color: #bdd73c;	
	text-transform: uppercase;
	padding-bottom: 25px;	
}

h2 {
	color: #00b2d9;
	font-weight: bold;
}


/* Spacing */

ol {
	list-style: decimal;
}
ul {
	list-style: square;
	list-style-position: inside;	
}
li {
	margin-left: 20px;
}
p, dl, dt, hr, ol, ul, pre, table, address, fieldset {
	margin-bottom: 18px;
}

th, tr {
	text-align: left;
}




/* Layout */

#container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}


#header {
	width: auto;
	height: 161px;
}


#navigation {
	width: 672px;
	height: 110px;
	padding-top: 51px;
	padding-left: 288px;	
	float: left;
	background: white url(../img/bgNavigation.jpg) no-repeat;
}
	#navigation a {
		float: left;
	}


#content {
	width: 100%;
	padding-bottom: 30px;	
	float: left;
	background: white url(../img/bgContent.gif) repeat-y top;	
}
	#text, #contact, #photo {
		float: left;
		margin-top: 30px;
	}
	
	#text {
		width: 400px;
		margin-left: 35px;
	}
		#text a, 
		#text a:active, 
		#text a:focus	{ color: #00b2d9; padding: 1px; }
		#text a:visited	{ color: #367a89; }
		#text a:hover 	{ color: white; background-color: #00b2d9; }
		#text a:focus 	{ outline: 1px dotted invert; }	

	#contact {
		width: 375px;
		margin-right: 75px;
		padding-left: 20px;			
		float: right;
		text-align: left;
		border-left: #e0f6fa solid 2px;
		display: inline;
	}
	
		dt { float: left;  }
		dd { float: right; margin-bottom: 10px; }
		dl { clear: both;   }
	
		input, textarea {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			width: 210px;
			padding: 4px 8px 2px 6px;
			background: white url(../img/bgInput.gif) no-repeat top left;
			border: #999 solid 1px;
		}
		
	#photo {
		float: right;
		margin-right: 75px;
	}


table.pricelist {
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.pricelist thead tr th, table.pricelist tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.pricelist thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.pricelist tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.pricelist tbody tr.odd td {
	background-color:#F0F0F6;
}

table.pricelist thead tr .headerSortDown, table.pricelist thead tr .headerSortUp {
background-color: #8dbdd8;
}
	
	
#footer {
	width: inherit;
	height: 55px;
	padding-top: 5px;
	text-align: center;
	background: white url(../img/bgFooter.gif) repeat-y;
	color:#444;
	clear: both;
}
	#footer span {
		color: white;
		padding: 0 15px 0 15px;
		font-weight: normal;
	}
	
	#footer	a, 
	#footer a:active, 
	#footer a:focus		{ color: #444; }
	#footer a:visited	{ color: #444; }
	#footer a:hover 	{ color: white; background-color: #444; }	



/* Helpers */

.clear	{ clear: both; }
.left	{ float: left; }
.right	{ float: right; }
.small 	{ font-size: 10px; }