/* ------------------------------------------------------------------------------------------
Based on:
YUI Base CSS - http://developer.yahoo.com/yui/base/
YUI Fonts CSS - http://developer.yahoo.com/yui/fonts/
Richard Rutter's: How to Size Text in CSS - http://www.alistapart.com/articles/howtosizetextincss
------------------------------------------------------------------------------------------ */


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal; font-variant:small-caps;}
q:before,q:after {content:'';}

html {
	background:#939597 url("../images/theme/html.jpg") 0 0 repeat-x;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:75%; /* assuming base font size of 16px. 16 * .75 = 12 */
	line-height:1.3em;
	color:#1c3f52;
	padding-top:26px;
}

pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	font-size:108%;
	line-height:99%;
}

a:link,
a:visited {
	text-decoration:underline;
	outline:none;
	color:#1c3f52;
}

a:hover,
a:active {
	text-decoration:none;
	outline:none;
}

#wrapper {
	width:800px;
	text-align:center;
	margin:0 auto;
}

#header {
	width:788px;
	height:auto;
	margin:0 auto;
	padding-bottom:22px;
}

	#header p {
		float:right;
		font-size:2em;
		padding:30px 25px 0 0;
		color:#fff;
	}

	#header h1 {
		font-size:2.5em;
		border:0;
		padding:20px 0 0 25px;
		text-align:left;
	}

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

	#header h2 {
		font-size:2em;
		border:0;
		padding:0 0 0 25px;
		text-align:left;
		margin:0;
		color:#fff;
	}

#masthead {
	width:788px;
	height:255px;
	margin:0 auto;
}

#masthead.static {
	text-align:left;
	font-size:1.6em;
	font-weight:bold;
}

#masthead p {
	padding:80px 0 0 400px;
	width:320px;
	line-height:1.3em;
	font-family:Futura, Arial, Helvetica, sans-serif;
	color:#fff;
}

#navigation-container-lower {
	width:788px;
	padding:0 0 12px;
	margin:0 auto;
	background:#1a3a4c;
}

	#main-navigation {
		padding-top:12px;
	}

	#main-navigation li {
		display:inline;
		font-weight:bold;
		margin-right:20px;
	}
	
	#main-navigation li a {
		color:#fff;
	}
	
	#main-navigation li a:hover {
		text-decoration:none;
	}
	
	#main {
	padding-bottom:68px;
	}
	
	#main h1,
	#main h2,
	#main h3,
	#main h4,
	#main h5,
	#main h6 {
		font-family: Georgia, serif;
	}

	#main h1 {
		font-size:1.8em;
	}
	
	#main h2 {
		font-size:1.5em;
	}
	
	#main h3 {
		font-size:1.3em;
	}

#content {
	padding:30px 10px 0 36px;
	width:490px;
	margin:0;
}

#center {
	text-align:left;
	float:left;
	margin:0;
}

	#center abbr,
	#center acronym {
		border-bottom-style:dotted;
		border-bottom-width:1px;
		cursor:help;
	}

	#center blockquote,
	#center ul,
	#center ol,
	#center dl {
		margin:1em;
	}
	
	#center blockquote {
		background:#ccc;
		padding:7px;
	}

	#center ol,
	#center ul,
	#center dl {
		margin-left:2em;
	}

	#center ol li {
		list-style: decimal outside;
	}

	#center ul li {
		list-style:none;
		padding-left:15px;
		margin:2px 0;
	}
	
	#center ul li ol li {
		list-style: decimal outside;
	}

	#center dl dt {
		font-weight:bold;
	}

	#center dl dd {
		margin-left:1em;
	}

	#center th,
	#center td {
		border-style:solid;
		border-width:1px;
		padding:.5em;
	}

	#center th {
		font-weight:bold;
		text-align:center;
	}

	#center caption {
		margin-bottom:.5em;
		text-align:center;
	}

	#center h1,
	#center h2,
	#center h3,
	#center h4,
	#center h5,
	#center h6,
	#center p,
	#center fieldset,
	#center table {
		margin-bottom:1em;
	}
	
	#center h2 {
		margin-top:1em;
	}
	

#right {
	width:231px;
	text-align:left;
	padding:28px 0 100px 33px;
	float:right;
}

#right p {
	margin:5px 0 0 21px;
}

#right h2 {
	font-size:2em;
	margin:0 0 20px 21px;
}

#right h3 {
	margin:10px 0 10px 21px;
}

#right ul {
	margin:15px 0 0 21px;
	border:2px solid black;
	padding:10px;
	width:140px;
}

	#quick-contact input,
	#quick-contact textarea {
		border-width:0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1em;
		line-height:1em;
		margin-bottom:.25em;
		padding:.2em;
		width:75%;
		height:auto;
		vertical-align: middle;
	}
	
	#quick-contact textarea {
		height:66px;
	}
	
	#quick-contact input.button {
		width: auto;
		height:auto;
		background:#fff;
	}
	
	
#footer {
	width:800px;
	margin:0 auto;
	padding:10px 0;
	background:#939597;
	clear:both;
}

	#footer-navigation li {
		display:inline;
		line-height:15px;
		margin-right:20px; 
	}
	
	#footer p.copyright {
	margin-top:10px;
	}
	


/* setting line height for every element we set a font size on */
#header p,
#header h1,
#header h2,
#main h1,
#main h2,
#main h3 {
	line-height:1.125em;
}

/* unused elements */
#left,
#navigation-container-upper {
	display:none;
}

/* optional containers */
#optional-header-container-1,
#optional-header-container-2,
#optional-left-container-1,
#optional-left-container-2,
#optional-center-container-1,
#optional-center-container-2,
#optional-right-container-1,
#optional-right-contrainer-2,
#optional-footer-container-2,
#optional-body-container-1,
#optional-body-container-2 {
	display:none;
}
form{width:150px;}

#quick-contact input, #quick-contact textarea {width:195px;}