/* GLOBAL STYLE */

html {
	margin: 			0px;
}
body {
	font-family:		"Verdana", Verdana, Sans-Serif;
	font-size:			12px;
	background:			#d0c276 url("../images/background.jpg") repeat;
}

/* BUILDING BLOCKS */

#page {
	background:			#f6ecb2 url("../images/backdrop.jpg") bottom left no-repeat;
	border:				1px solid #70580f;
	width:				742px;
	position:			relative;
	left:				50%;
	margin:				0;
	margin-left:		-376px;
	padding:			5px;
}

#header {
	border:				1px solid black;
	background-color:	#ff8888;
}

#content {
	position:			relative;
	left:				132px;
	top:				10px;
	width:				584px;
	padding:			6px;
}
#content .first {
	margin-top:			64px;
}
.leftcol {
	float: 				left; 
	width:				364px;
}
.rightcol {
	margin-top:			64px;
	float:				right;
}
.video {
	margin-top:			64px;
	float:				right;
}

#footer {
	font-size:			10px;
	width:				100%;
	height:				16px;
	text-align:			center;
	vertical-align:		middle;
	padding-top:		24px;
	clear:				both;
}

#footer a {
	border:				0;
}

/* vertical nav */

	#navigation {
		margin:				0px;
		position:			absolute;
		top:				260px;
		left:				26px;
		padding:			2px 0px;
		width:				106px;
		line-height:		1em;
	}
	#navigation li {
		position:			relative;
		list-style:			none;
		list-style-image:	url("../images/bullet.png");
		padding:			4px 3px;
		margin:				2px;
		-moz-border-radius:	4px;
	}
	#navigation li:hover, #navigation .over {
		background-color:	#ff8888;
	}
	#navigation li a {
	}
	#navigation li a:hover {
	}

/* FREQUENTLY USED STYLE'S */

.center {
	text-align:			center;
}
.bold {
	font-weight:		bold;
}
.italic {
	text-decoration:	italic;
}
.photo {
	float:				left;
	margin:				2px;
	padding:			4px;
	border:				1px solid #70580f;
	background-color:	#e8d671;
	-moz-border-radius: 4px;
}
.photo a, .photo a:hover {
	border:				0;
}
.photo a img {
	border:				1px solid #70580f;
	width:				128px;
	height:				96px;
}
.photo a:hover img {
	border:				1px solid white;
}
#largephoto {
	margin:				0;
	width:				640px;
	height:				480px;
}
#largeblock a:hover, #largeblock a {
	border:				0;
}
#largeblock {
	visibility:			hidden;
	position:			absolute;
	top:				-50px;
	left:				50%;
	margin-left:		-376px;
	padding:			8px;
	border:				1px solid #70580f;
	background-color:	#e8d671;
	-moz-border-radius: 4px;
}

.photo2 {
	margin:				10px;
	padding:			4px;
	border:				1px solid #70580f;
	background-color:	#e8d671;
	-moz-border-radius: 3px;
}
.photo2 img {
	border:				1px solid #70580f;
	width:				156px;
	height:				117px;
}
.screenshot {
	margin:				10px;
	padding:			4px;
	border:				1px solid #70580f;
	background-color:	#e8d671;
	-moz-border-radius: 3px;
}
.screenshot img {
	border:				1px solid #70580f;
	width:				106px;
	height:				80px;
}

/* TEXT & PARAGRAPH FORMATTING */

a {
	text-decoration:	none;
	color:				black;
	border-bottom:		1px solid #ff8888;
}
a:hover {
}
a img {
	border:				0;
	margin:				0;
}
a img:hover {
	border:				0px;
	text-decoration:	none;
}
p {
	line-height:		1.5em;
	margin:				5px 0px;
}
h1 {
	position:			absolute;
	margin:				0px;
	right:				-6px;
	top:				-8px;
	color:				#e8d671;
	font-family:		"Trebuchet MS", Trebuchet, Verdana, Sans-Serif;
	font-size:			48px;
}
h2 {
	font-family:		"Trebuchet MS", Trebuchet, Verdana, Sans-Serif;
	font-size:			14px;
	margin:				12px 0px 8px;
}
h3 {
}
ul {
	line-height:		1.5em;
	margin-top:			4px;
	margin-bottom:		2px;
}
/* FORM FORMATTING */

form {
	margin:				0px 0px 6px 0px;
}
input, textarea {
	border:				1px solid black;
	font-family:		"Verdana", Verdana, Sans-Serif;
	font-size:			12px;
	background-color:	#ffdddd;
}
select {
	background-color:	#ffdddd;
	height:				18px;
	font-size:			12px;
}