/*** COLORS ***

sec1  #F90
sec2  #9C9
sec3  #99C
sec4  #999

*** END ***/



/* CSS Document */

a.left {
	float: left;
	margin-left: 5px;
}

a.right {
	float: right;
	margin-right: 5px;
}

body {
	border: 0px solid red;
	margin:20px 20px 20px 20px;
	background-color:#666;
	min-width: 955px;
	/* font: normal 10px/16px Verdana, Arial, Helvetica, sans-serif; */
	font: normal 62.5%/1.6em Verdana, Arial, Helvetica, sans-serif;
}

#container {
	border: 0px solid red;
	background-color:#FFF;
}


#footer {
	border: 0px solid blue;
	background-color:#666;
	color: #FFF;
	font-weight:bold;
	text-align: center;
	padding: 20px 20px 0 20px;
}


html {
}

#icons {
	padding: 5px 0 0 0;
}

#project_name, #project_nameOFF {
	border: 0px solid blue;
	color:#BBB;
	margin: 0 10px 10px 10px;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 1px;

}

a img {
border: none;
}

a:link, a:visited {
	text-decoration: none;
	color: green;
}

a:hover {
	text-decoration: underline;
	color: orange;
}

a:active {
	color: purple;
}

/* header styles */

h1, h2 {
	color: #666;
	display: none;
	font-size: 1.6em;
	margin: 0 0 15px 0;
}

#header {
	border: 0px solid red;
	background-color:#FFF;
	padding: 20px;
}

#logo {
	float: left;
}

#logo a {
	border: 0px solid blue;
}

#main {
	clear:left;
	border: 0px solid green;
	background-color:#FFF;
	text-align: center;
	width: 760px;
	margin-right: auto;
	margin-left: auto; 
}
#nav {
	float:right;
	border: 0px solid red;
}

#nav a {
	text-decoration: none;
	border: 1px solid #999;
	color: #999;
	padding: 5px;
}

#nav a:hover, #nav a:active {
	background-color: #999;
	color:#fff;
}

p {
	margin: 0 0 15px 0;
}

a:hover#sec1 {
	background-color: #F90;
}

a:hover#sec2 {
	background-color: #9C9;
}

a:hover#sec3 {
	background-color: #99C;
}

a:hover#sec4 {
	background-color: #999;
}

/* e_of header styles */

/* main content styles */


/*** THUMBNAIL STYLES ***/

#wrapper { /* Mac IE fix so float left/right work */
	clear:none;
}

#thumbs {
	border: 0px solid #000;
	width: 480px; /* centers index.php thumbs */
	margin-left: auto; /* centers index.php thumbs */
	margin-right: auto; /* centers index.php thumbs */
	/* width:170px; */
}

.thumb, .thmub_placeholder {
	border: 5px solid #DDD;
	margin: 5px;
	height: 60px;
	width: 60px;
	float: left;
}

.thmub_placeholder {
	background-color: #ccc;
}

a:hover img.sec1 {
	border-color: #F90;
}

a:hover img.sec2 {
	border-color: #9C9;
}

a:hover img.sec3 {
	border-color: #99C;
}

/*** e_of THUMBNAIL STYLES ***/

#tagline {
	border: 0px solid red;
	clear: both;
	margin-bottom: 35px;
}

/* e_of main content styles */

/* FOOTER STYLES */


/* e_of FOOTER STYLES */

ul {
	margin: 10px 0;
	padding: 0 0 0  40px;
}