/* TAG RULES
*******************************************************************************/
* {
	margin : 0px;
	padding : 0px;
}
html {
	margin: 0px;
	padding: 0px;
	height: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	color : #595959;
	font-family: Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	width: 100%;
	height: 100%;
}
/* DIV BASED RULES
*******************************************************************************/


/* page wrapper
*******************************************************************************/
#page {
	margin: 0px auto;
	padding: 0px;
	width: 780px;
	min-height:100%;/*for mozilla*/
	height: 100%;
	border-top: 4px solid #3C5B65;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#header {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 120px;
	float: left;
	background: #FFFFFF;
}

#content p {
	font-size: 0.7em;
	line-height: 130%;
	margin: 0px 0px 0px 106px;
	padding: 0px;
	width: 340px;
	text-align: justify;
}

#location .title {
	margin: 4px 0px 4px 16px;
	padding: 0px;
	font-size: 2em;
	font-weight: bold;
	color: #FFFFFF;
}

#location {
	background: #3C5B65;
	border: 1px solid #30919A;
	margin: 0px 0px 4px 20px;
	padding: 0px;
	width: 210px;
	height: 48px;
}

/* top-nav
*******************************************************************************/
#sideNav {
	margin: 0px 0px 24px;
	padding: 0px;
	width: 210px;
	float: left;
	height: 100%;
}
.sideBox {

	background: #CDE583;
	border: 1px solid #99CC00;
	margin: 0px 0px 3px 20px;
	padding: 0px;
	width: 210px;
	height: auto;
}
#sideNav .sideBox a {
	font-size: .7em;
	font-weight: bold;
	color: #3C5B65;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
#sideNav .sideBox a:hover {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 0.7em;
	margin: 0px;
	padding: 0px;
}
#sideNav ul {
	margin: 0px 0px 12px;
	padding: 0px;
}
#sideNav li {
	background: url(../../img/trim/arrow.gif) no-repeat 0px 6px;
	list-style: url(none) none;
	margin: 0px 0px 4px 16px;
	padding: 0px 0px 0px 16px;
}

.sideBox .title {
	margin: 12px 0px 0px 16px;
	padding: 0px;
	}
#sideNav .title {
	margin: 12px 0px 0px 16px;
	padding: 0px;
	}
#sideNav p {
	font-size: 0.7em;
	line-height: 130%;
	text-align: justify;
	margin: .6em 16px 8px;
	padding: 0px;
}
/* homepage
*******************************************************************************/
#content {
	margin: 0px;
	padding: 0px;
	float: right;
	height: auto;
	width: 546px;
}
#nav {
	height: 64px;
	width: 100%;
	float: right;
}
.line {
	margin: 8px 0px;
	padding: 0px;
}

#nav ul {
	float: left;
	margin: 0px;
	padding: 0px;
}
#nav li {
	float: left;
	list-style: url(none) none;
	margin: 0px;
	padding: 0px;
	height: 32px;
}



.sideBoxBottom {
	background: #92B184;
	border: 1px solid #6C8E18;
	min-height: 48px;
	margin: 4px 0px 3px 20px;
	padding: 0px;
	width: 100%;
	height: auto;
}
#content h2 {
	margin: 24px 0px 8px 106px;
	padding: 0px;
	font-size: 1.6em;
	color: #30919A;
}
#content h3 {
	font-size: 0.7em;
	margin: 0px 0px 0px 106px;
	padding: 0px;
}
.thumb {
	background: url(../../img/trim/shadow.gif) no-repeat left top;
	margin: 0px 12px 0px 0px;
	padding: 0px;
	float: left;
	height: 140px;
	width: 108px;
}
.thumbRow {
	height: 140px;
	margin: 0px 0px 20px 104px;
	padding: 0px;
}

#footer {
	background: #B6BFC2;
	height: auto;
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
}
#showcase {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 100%;
	height: auto;
}
#showcase ul {
	margin: 16px 0px 0px 106px;
	padding: 0px;
}
#showcase li {
	background: url(../../img/trim/arrow.gif) no-repeat 0px 6px;
	list-style: url(none) none;
	margin: 0px 0px 16px;
	padding: 0px 0px 0px 16px;
}
#showcase li a {
	font-size: .7em;
}
#showcase a {
	font-weight: bold;
	color: #99CC00;
	text-decoration: none;
}
#showcase a:hover {
	color: #3C5B65;
	text-decoration: underline;
	margin: 0px;
}
.thumb h5 {
	font-size: 11px;
	margin: 12px 0px 0px;
	padding: 0px;
	text-align: center;
	color: #99CC00;
}
.thumb h6 {
	font-size: 9px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 2px 0px 0px;
	padding: 0px;
	text-align: center;
}


#main {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px 0px 32px;
	background: #FFFFFF;
	height: auto;
}
#logo {
	margin: 20px 0px 0px;
	padding: 0px 0px 0px 20px;
	float: left;
}

#nav a {
	width: 104px;
	margin: 0px 1px;
	padding: 0px;
	height: 22px;
	float: left;
}
#nav a:hover {
	background: #99CC00;
	width: 104px;
	color: #FFFFFF;
}
#location img {
	margin: 8px 0px 0px 16px;
	padding: 0px;
	float: left;
}

.sideSub {

	background: #92B184;
	border: 1px solid #6C8E18;
	margin: 4px 0px 4px 20px;
	padding: 8px 0px 0px;
	width: 100%;
	height: 36px;
}
.sideSub a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 0.7em;
	margin: 0px;
	padding: 0px;
}
.sideSub a:hover {
	font-weight: bold;
	color: #3C5B65;
	text-decoration: underline;
	font-size: 0.7em;
	margin: 0px;
	padding: 0px;
}
#contactinfo {
	float: right;
	text-align: right;
	margin: 44px 0px 0px;
	padding: 0px 20px 0px 0px;
	height: 53px;
}
#contactinfo ul {
	margin: 4px 0px 0px;
	padding: 0px;
}
#contactinfo li {
	background: url(../../img/trim/arrow.gif) no-repeat 0px 6px;
	list-style: url(none) none;
	margin: 0px 0px 16px;
	padding: 4px 0px 0px 0px;
}
#contactinfo a {

	font-weight: bold;
	color: #99CC00;
	text-decoration: none;
	font-size: 0.7em;
	margin: 0px;
	padding: 0px;
}
#contactinfo a:hover {

	font-weight: bold;
	color: #3C5B65;
	text-decoration: underline;
	font-size: 0.7em;
}
img {
	border-width: 0px;
	border-style: none;
}
#footcontent {
	margin: 8px 20px 0px;
	padding: 0px 0px 24px;
}
.right {
	float: right;
	font-size: 9px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
	line-height: 16px;
}
.right a {
	color: #FFFFFF;
	text-decoration: none;
}

.right img {
	margin: 8px 0px 0px;
	padding: 0px;
}
.left {
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
.right a:hover {
	color: #CDE583;
	text-decoration: underline;
}
.thumbLong {

	background: url(../../img/trim/shadow.gif) no-repeat left top;
	margin: 0px 32px 0px 0px;
	padding: 0px;
	float: left;
	height: 140px;
	width: 108px;
}
.thumbLong h5 {

	font-size: 11px;
	margin: 12px 0px 0px;
	padding: 0px;
	text-align: center;
	color: #99CC00;
}
.thumbLong h6 {

	color: #999999;
	font-size: 9px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 2px 0px 0px;
	padding: 0px;
	text-align: center;
}
.thumbRowLong {

	height: 140px;
	margin: 0px 0px 20px 74px;
	padding: 0px;
}
.sideBoxLong {
	background: #CDE583;
	border: 1px solid #99CC00;
	margin: 0px 0px 3px 20px;
	padding: 0px;
	width: 210px;
	height: auto;
}
#showcase h4 {
	color: #3C5B65;
	margin: 0px;
	padding: 0px 0px 0px 104px;
	font-size: 1em;
}
.sideBox ul#clear {
	font-size: 0.7em;
	margin: 8px 0px 0px 16px;
	padding: 0px;
}
.sideBox #clear li {
	background: url(../../img/trim/disc.gif) no-repeat 3px center;
	list-style: url(none) none;
	margin: 0px 0px 4px;
	padding: 0px 16px 1px;
	font-weight: bold;
	color: #688B8F;
}
#clear {
}
.sideBox em {
	font-weight: bold;
	color: #000000;
	font-style: normal;
}
.screenshot {
	margin: 16px 0px 20px 74px;
	padding: 0px;
	border: 1px solid #FFFFFF;
}
#horizontal {
	margin: 0px;
	padding: 0px;
}
#previous {
}

#next {
}

.sideSub #horizontal li#previous {
	background: url(../../img/trim/arrow_left.gif) no-repeat 16px 6px;
	list-style: url(none) none;
	margin: 0px 0px 16px;
	padding: 0px 0px 0px 32px;
	float: left;
}
.sideSub #horizontal li#next {
	background: url(../../img/trim/arrow.gif) no-repeat right 6px;
	list-style: url(none) none;
	margin: 0px 0px 16px 16px;
	padding: 0px 16px 0px 0px;
	float: left;
}
.screenshotswf {

	margin: 16px 0px 20px 32px;
	padding: 0px;
	height: auto;
	border: 1px solid #FFFFFF;
}
#sideSub li {

	background: url(../../img/trim/arrow.gif) no-repeat 0px 6px;
	list-style: url(none) none;
	margin: 0px 0px 16px 16px;
	padding: 0px 0px 0px 16px;
}
.sideBoxLong a {
	font-weight: bold;
	text-decoration: none;
	color: #3C5B65;
}
.sideBoxLong a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #FFFFFF;
}
.sideBoxBottom p {
	color: #FFFFFF;
}
.sideBoxBottom a {
	font-weight: bold;
	color: #CDE583;
	text-decoration: none;
}
.sideBoxBottom a:hover {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}
#page #main #sideNav .sideBox p a {
	font-size: 1em;
}
/* REUSEABLE CLASSES
*******************************************************************************/
#poster {
	background-color: #FFFFFF;
	margin: 0px;
	float: left;
	width: 100%;
	padding: 0px;
	height: 202px;
}
#poster img {
	margin-left: 20px;
}
.sideBox h4 {
	color: #3C5B65;
	font-size: 1.2em;
	margin: 0px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 16px;
	padding-left: 16px;
}
.screenshotBorder {
	padding: 2px;
	border: 1px solid #CDE583;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 74px;
}