/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

body {
	text-shadow: 0px 0px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	background-repeat: no-repeat;
	font-color: 15a5a5;
	font-size: 10.5px;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { color: #4c4c4c;; background-color: none; text-decoration: none; }
a:active { text-decoration: none; #00deff; }
a:visited { color: #292929; text-decoration: none; }
a:hover { text-decoration: none; color:#00deff; }

a.hello:link { color: #919191;; background-color: none; text-decoration: none; }
a.hello:active { text-decoration: none; #00deff; }
a.hello:visited { color: #919191; text-decoration: none; }
a.hello:hover { text-decoration: none; color:#00deff; }

a img { background-color: white; border: none; }

hr { margin: 0; }

#menu {
    right: 0px;
    z-index: auto;
    position: fixed;
    background-color: white;
    width: 215px;
    overflow: hidden;
    top: 0px;
    bottom: 0px;
	left: 0px;
    height: 100%;
    background-image: url(http://piepergraphics.com/wood_strip.jpg);
    background-repeat: repeat-y;
}

#menu ul {
	margin-left: 0;
	margin-bottom: 8px;
	margin-right: 0;
	margin-top: 0;
	list-style: none;
}

#menu ul li.section-title { letter-spacing: normal; word-spacing: 0px; font-size: 11px; font-weight:bold; color:#919191; }

#menu ul li.section-title:hover { letter-spacing: normal; word-spacing: 0px; font-size: 11px; font-weight:bold; color:#00deff; }

#content {
    margin-left: 200px;
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 0;
    height: 100%;
    top: 0;
}

.containerColor {
    padding-left: 22px;
    padding-top: 7px;
    background-color: #191919;
    height: 100%;
    width: 200px;
	background-image: url(http://piepergraphics.com/wood_strip.jpg);
}


.container {
   margin-left: 44px;
   margin-top: 19px;
   margin-right: 25px;
   margin-bottom: 25px;
   width: 800px;
   color: #191919;
   text-align: left;
}


#content p { width: 650px; margin-bottom: 9px; }

p {
    margin: 0 0 9px 0;
}

/* IE 7 */
hr { *margin: -25px 0 0 0;}
p.nav { *margin: -21px 0 0 0 !important;}

/* Firefox */
@-moz-document url-prefix() { p.nav { padding: 9px 0 !important; } }


h1 { font-style: normal; text-transform: uppercase; font-variant: small-caps; font-weight: normal; font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{ margin: 0; padding: 0;}
#img-container p { width: 650px; margin: 0; padding: 0 0 12px 0; }

#img-container a.thickbox img {
	border: none !important;
	margin: 0px !important;
}
#img-container a.thickbox:link { 
	display: block; 
	height: 105px; 
	width: 100px; 
	float: left;
	margin: 0 15px 8px 0;
	padding: 0px; 
}
#img-container a.thickbox:hover { background-color: #00deff; }


.name { color: white;}

#once { clear: left; }

#header-logo {
	background: url(http://www.piepergraphics.com/files/pieperlogo_splatter_sprite.jpg) no-repeat;
	display:block;
	height:70px;
	width: 172px;
	text-indent:-9999em; 
}
#header-logo:hover {
	background-position: left bottom;
}