@charset "UTF-8";
/* CSS Document */

/*
Basic Body
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/

body {
	padding: 0px;
	margin: 0px;
	background: #333 url('../images/bg_tile.gif') repeat-y fixed;
	font-family: Georgia, "Times New Roman", Times, serif;
	}

/*
Basic Headers / Text
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/

h1, h2 {
	color: #fff;
	font-size: 14px;
	line-height: 22px;
	margin: 0px 0px 9px 0px;
	text-transform: uppercase;
	}
h2.secondary {
	margin-top: 29px;
	}
h3 {
	color: #fff;
	font-size: 10px;
	line-height: 15px;
	margin-bottom: 0px;
	}
p {
	color: #999;
	font-size: 10px;  
	line-height: 15px;
	margin-top: 0px;
	}
p em {
	color: #fff;
	font-style: normal;
	}
p.copyright {
	font-size: 9px;
	margin-top: 29px;
	}
p a:link, p a:visited {
	color: #099;
	text-decoration: underline;
	}
p a:hover, p a:active {
	color: #0CC;
	text-decoration: underline;
	}
	
/*
Left Container / Navigation
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/

#leftContainer {
	width: 180px;
	margin: 0px;
	padding: 35px 35px 0px 35px;
	text-align: right;
	position: absolute;
	left: 0px;
	top: 0px;
	}

/* Logo Rollover */
#logo a {
	display: block;
	width: 180px;
	height: 180px;
	margin-bottom: 35px;
	background: url("../images/gpstudios_logo.gif") 0px 0px no-repeat;
	text-decoration: none;
	}
#logo a:hover, #logo a:active { 
	background-position: -180px 0px;
	}

/* Nav Link List */
#leftContainer ul {
	margin: 0px;
	padding: 0px;
	}
#leftContainer li {
	list-style-type: none;
	font-size: 10px;  
	line-height: 15px;
	text-transform: uppercase;
	}
#leftContainer li a:link, #leftContainer li a:visited {
	color: #999;
	text-decoration: none;
	}
#leftContainer li a:hover, #leftContainer li a:active {
	color: #fff;
	text-decoration: none;
	}

/* Blog Rollover */
#blog a {
	display: block;
	width: 180px;
	height: 39px;
	margin-top: 10px;
	background: url("../images/blog_logo.gif") 0px 0px no-repeat;
	text-decoration: none;
	}
#blog a:hover, #blog a:active { 
	background-position: -180px 0px;
	}

/*
Right Container / Content
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/

#rightContainer {
	width: 865px;
	margin: 0px;
	padding: 35px;
	position: absolute;
	left: 250px;
	top: 0px;
	}

/* Project Images / Text */
.content {
	width: 650px;
	margin-bottom: 20px;
	overflow: auto;
	}
.contentColumnA {
	width: 315px;
	}
.contentColumnB {
	float: right;
	width: 315px;
	}

/* Project Description / News */
#description , #news, #contact {
	width: 180px;
	float: right;
	}

/* Link Lists */
#rightContainer ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
#rightContainer li {
	font-size: 10px;  
	line-height: 15px;
	color: #999;
	}
#rightContainer li a:link, #rightContainer li a:visited {
	color: #099;
	text-decoration: underline;
	}
#rightContainer li a:hover, #rightContainer li a:active {
	color: #fff;
	text-decoration: underline;
	}