/* 
-------------------------------------------------------
                                                   
      squarehead design studio                      
      845.331.1953                                   
      www.squarehead.com                             
      sbliss@squarehead.com                          
                                                                                                          
-------------------------------------------------------
*/

/* -------------------------> reset */

* {
	margin: 0;
	padding: 0;
}
body {
	background: #424242;
}
a img {
	border: none;
}
a {
	text-decoration: none;
	color: #979BA0;
}
a:hover {
	color: #FFFFFF;
}

/* -------------------------> type */

body {
	font: 62.5% Lucida Sans Unicode, Lucida Grande, sans-serif;
	color: #AAAAAA;
}
p, ul, dl {
	font-size: 1.5em;
	line-height: 1.8em;
}
label, input, select, option, td, th, textarea {
	font-size: 1.1em;
}
p {
	margin-bottom: 20px;
}
h1 {
	font-size: 1.8em;
	margin-bottom: 10px;
}
h2 {
	font-size: 1.6em;
	margin-bottom: 10px;
}
#column_left {
	font-size: .9em;
}
.footer {
	font-size: .8em;
	margin-top: 30px;
}

/* -------------------------> page container */

#container {
	width: 950px;
	margin: 0 auto;
}

/* -------------------------> navigation */

#navigation {
	float: left;
	width: 950px;
	list-style: none;
	border-bottom: 1px dotted #00FF00;
	padding: 20px 0 10px;
}
#navigation li {
	float: left;
	display: block;
	padding: 15px 5px 5px 0;
	cursor: pointer;
}
#navigation li:hover {
	color: #FFFFFF;
	cursor: pointer;
}
#navigation li.title { width: 335px; }
#navigation li.title strong { color: #FFFFFF; }
#navigation h2 {
	font-weight: normal;
	color: #00FF00;
	font-size: 1.1em;
	padding: 0;
	width: 335px;
}

/* -------------------------> left column */

#column_left {
	float: left;
	width: 290px;
	padding: 25px 0 0;
}
.wallpaper { width: 90px; float: left; margin-right: 15px;}
.wallpaper p { margin-bottom: 8px;}
.wallpaper img { border: 2px solid #979BA0;}

#column_left img {
	margin-bottom: 20px;
}

.divider { height: 1px; width: 100%; clear: both; margin: 15px 0; border-bottom: 1px dotted #979BA0;}

/* -------------------------> right column */

#column_right {
	float: right;
	width: 608px;
	padding-top: 25px;
}
#column_right p {
	margin: 0 0 20px;
}
#column_right h1 {
	color: #FFFFFF;
	margin: 0 0 40px;
}
#column_right h2 {
	color: #FFFFFF;
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0 0 5px;
}
#thumbs {
	list-style: none;
	float: left;
	width: 600px;
	margin: 0 0 30px;
}
#thumbs li {
	float: left;
	padding: 0 5px 0 0;
}
#thumbs img {
	border: 1px solid #979BA0;
}
#thumbs img:hover {
	border: 1px solid #FFFFFF;
}
#column_right #caption {
	float: left;
	width: 608px;
	font-size: 1.4em;
	margin: 5px 0 10px;
}
#column_right #caption strong {
	color: #FFFFFF;	
}
#column_right #main_image img {
	border: 4px solid #000000;
}
#column_right #main_image {
	width: 600px;
}