html, body { margin: 0px; padding: 0px; height: 100%; width: 100%; }

body {
	font-family: 'Helvetica','Tahoma',sans-serif;
	font-size: 9pt;
	line-height: 1.6;
	color: #dddddd;
	background: #636d65 url('../images/background_alt.jpg') top center no-repeat fixed;
}

a:link    { color: #b1cbe3; text-decoration: none; }
a:active  { color: #b1cbe3; text-decoration: underline; }
a:visited { color: #b1cbe3; text-decoration: none; }
a:hover   { color: #b1cbe3; text-decoration: underline; }

#navigation { color: #000000; cursor: default; height: 31px; }
#navigation a { color: #000000; cursor: pointer; text-decoration: none; }

#site {
	width: 960px;
	height: 100%;
	margin: auto;
}

#header {
	background-image: url('../images/banner.png');
	width: 960px;
	height: 100px;
}

#header a {
	width: 400px;
	height: 120px;
	display: block;
	text-decoration: none !important;
}

#controlBar {
	text-align: right;
	padding: 3px 8px;
}

#navigation { position: relative; }
#navigation li { display: inline; }
#navigation ul li ul li { display: block; float: none; width: 180px; margin-top: 4px; padding: 3px 14px; }

#navigation ul {
	padding: 0px;
	margin: 8px 0px 0px 0px;
	list-style: none;
	z-index: 1000;
}

#navigation ul li {
	float: left;
	position: relative;
	margin-top: 0px;
	padding: 6px 14px;
	background: url('../images/inactive_tab.jpg') top left repeat-x;
}

#navigation ul li ul {
	margin-top: 0px;
	position: absolute;
	top: 32px;
	background-color: #444444;
	padding: 4px;
}

.brightNav {
	color: #efefff !important;
	background: #676767 url('') top center repeat-x !important;
}

.brightNav a { color: #efefff !important; }

.navLeft, .navRight {
	float: left;
	width: 20px;
	height: 31px;
	overflow: hidden;
}

.navRight {
	float: none;
}

#contentOuter {
	margin: 0px;
	border: 1px solid #000000;
	border: 1px solid #898989;
	width: 960px;
	float: left;
	background: url('../images/bg_content.png') top left;
	font-size: 10pt;
	
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
}

#contentInner {
	padding: 6px 10px;
}

.clear { clear: both; }
.padding { padding: 8px; }
.step { padding-bottom: 40px; }

#footer {
	padding: 5px;
	font-size: 8pt;
	text-align: right;
}

fieldset {
	margin: 0px;
	padding: 0px;
	border-width: 0px;
}

input.styled, textarea.styled {
	background-color: #333333;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #777777;
	border-bottom: 1px solid #777777;
	color: #b1cbe3;
	width: 120px;
	font-size: 9pt;
}

label {
	width: 120px;
	display: inline-block;
	text-align: right;
	padding-right: 4px;
}

.fullRow label { width: 20%; }
.fullRow input.styled { width: 65%; }
.fullRow textarea { width: 65%; height: 250px; font-family: 'Consolas',monospace; }

.hidden { display: none; }

.row, .fullRow {
	margin-bottom: 4px;
	text-align: center;
}

.header {
	border-bottom: 1px dotted #7b8a6b;
	margin-top: 8px;
	margin-bottom: 8px;
	padding-left: 8px;
	padding-bottom: 4px;
	color: #bce493;
	font-family: 'Georgia',serif;
}

.header .title {
	font-size: 12pt;
}

.header .subText {
	float: right;
	padding-right: 8px;
}

.indent { margin-left: 150px; }

.subHeader {
	font-size: 10pt;
	font-weight: bold;
	color: #cae3b1;
	padding-bottom: 8px;
}

.warning  {
	font-size: 20pt;
	background-color: #cc0000;
	border: 0px;
}

.icon {
	float: left;
	margin: 7px;
}

.right { text-align: right; }

.twoColumns .column { width: 50%; float: left; }

.glovepieScripts {
	width: 100%;
	border-collapse: collapse;
}

.glovepieScripts td {
	vertical-align: top;
	border: 1px dotted #889977;
}

tr.script .name {
	background-color: #292e24;
	width: 140px;
}

tr.script td { padding: 12px; }

.description { padding: 12px 24px; }
.center { text-align: center; }
.bold { font-weight: bold; }
.floatR { float: right; }
.code { font-family: 'Consolas',monospace; }

.highlight {
	border: 1px solid #497710;
	background-color: #295700;
	padding: 10px;
}

.ratingBlock {
	padding: 4px 20px;
	text-align: right; font-size: 8pt; font-weight: bold;
}
.ratingText { display: inline; position: relative; top: -5px; left: 5px; }
.ratingBlock a img { border: 0px; }
.rating { display: inline; }

.googleAds {
	text-align: center;
	padding: 16px;
}

#portfolio .cat { float: left; margin-left: 10px; padding: 6px 8px; }
#portfolio .cat a { display: block; }
#portfolio .nav { text-align: center; }
#portfolio .nav a { display: block; float: right; padding: 8px 10px 6px 10px; margin: 0 6px 16px 6px; border: 1px solid #888; border-width: 0px 0px 1px 0px; position: relative; }
#portfolio .nav a:hover { background-color: #000; text-decoration: none; border-color: #bce493;}
#portfolio .image { float: left; margin-left: 30px; position: relative; }
#portfolio .image, #portfolio .image img { width: 400px; height: 250px; }
#portfolio .image img { display: none; position: absolute; z-index: 10; height: 0px; width: 0px; }
#portfolio .description { float: left; width: 420px; }
#portfolio .title { clear: both; font-weight: bold; text-align: center; font-family: 'Georgia',serif; width: 400px; margin-left: 30px; padding-top: 15px; font-size: 12pt; }
#portfolio .year { display: block; position: absolute; font-size: 7pt; top: 0px; right: 0px; color: #888; padding: 0 3px; }

#portfolio .selected { border-color: #bce493 !important; font-weight: bold; }

#facebookComments {
	margin: 20px auto;
	text-align: center;
}

.button {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	font-size: 8pt;
	padding: 4px 6px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	margin: 0 4px;
	font-weight: bold;
	background: #999 url(/images/bg_button.png) repeat-x center center;
	color: #333;
	text-decoration: none;
}

.button:hover {
	color: #000;
}

.button:active {
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	color: #000;
}

.b_green {
	color: #4c8c34;
	background: #afd8a0 url(/img/buttonbg.png) repeat-x center center;
}

.large { font-size: 130%; }