/* ------------------------------------------------------------------------------------------ 
RESETS, BODY, AND TYPOGRAPHY */

body, div, ul, ol {
border:0; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; padding:0; }
li { list-style-type:none; }
a { outline:none; }
a img { border:none; }

body { 
background:#000000 url(../images/bkgBody.jpg) top center no-repeat; color:#f2f2f2;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:100%; margin:0 0 75px 0; text-align:center; }

a:link, a:visited { background-color:transparent; color:#cccccc; text-decoration:none; }
a:hover, a:active { background-color:transparent; color:#ffffff; text-decoration:underline; }

body#resources a:link, body#resources a:visited { color:#cc3300; }
body#resources a:hover, body#resources a:active { color:#ffffff; }

h1, h2, h3, h4, h5, h6 {
background-color:inherit; clear:both; color:#ffffff; font-size:18px; font-weight:normal; }

/* ------------------------------------------------------------------------------------------ 
PAGE LAYOUT */

div#container { 
margin:0 auto 0 auto; overflow:auto; width:880px; }

div#introduction { 
clear:both; float:left; margin:0 0 65px 75px; text-align:left; width:380px; }

div#sidebar { 
background:transparent; float:right; text-align:center; width:420px; }

div#navwrap { 
background:transparent; clear:both; margin:0 auto 0 auto; text-align:center; width:760px; }

div#footer { 
background:transparent; clear:both; color:#424242; font-size:11px; 
margin:75px auto 25px auto; text-align:center; width:880px; }

div.txtpad { padding:5px 15px 5px 15px; }
div.gallerypad { padding:60px 45px 0 15px; }

/* ------------------------------------------------------------------------------------------
MISC ELEMENTS */

/* styles the textbox on the homepage */
#txtbox { 
background:transparent url(../images/bkgTextBox.png) top left no-repeat; color:#ffffff; font-size:13px; 
height:320px; line-height:1.5em; margin:-25px 0 0 0; position:relative; }	
.txtboxpad { padding:55px 25px 0 95px; }

/* styles the gallery pagination */
ul.gallerymenu { 
margin:0 auto 0 auto; overflow:hidden; padding:5px 0 5px 0; text-align:right; width:240px; }
ul.gallerymenu li { 
display:inline; float:left; font-size:13px; margin:0 15px 0 25px; }

/* styles the border around the gallery images */
#sidebar img { border:1px solid #565455; padding:1px; }

/* sets the background color on interior pages */
body#about, body#resources, body#contact { background:#000000; }

/* styles the wrap around the interior pages and applies a padding */
div.contentwrap { font-size:13px; text-align:left; width:100%; }
div.innerpad { padding:20px; }

/* styles the list of models on resources and favorites */
ul.piclist { margin:25px 0 25px 0; }
ul.piclist li { display:inline; float:left; margin:15px 0 5px 0; padding:2px; text-align:center; width:125px; }
img.modelthumb { border:1px solid #565455; padding:1px; }

/* styles contact page layout */
div.columnleft { 
	float:left; width:25%;
}

div.columnright {
	border-left:1px solid #333333; float:right; padding:0 0 0 25px; width:65%; }

/* styles contact form */
fieldset { border:0; }
legend , label { color:#666666; font-size:13px; padding:5px 0 5px 0; }
input, textarea { 
border:1px solid #333333; color:#454545; font-family:verdana, arial, helvetica, sans-serif; 
font-size:16px; font-weight:bold; padding:5px; }

.button {
	cursor:pointer; display:inline-block; outline:none; padding:.5em 2em .55em; 
	text-align:center; text-decoration:none; text-shadow:0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius:.5em; -moz-border-radius:.5em; border-radius:.5em; 
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,.2); box-shadow:0 1px 2px rgba(0,0,0,.2);
}
.button:hover { text-decoration:none; }
.button:active { position:relative; top:1px; }

/* gray */
.gray {
	color:#e9e9e9; border:solid 1px #555; background:#6e6e6e;
	background:-webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background:-moz-linear-gradient(top,  #888,  #575757);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
	background:#616161; 
	background:-webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background:-moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
	color:#afafaf;
	background:-webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background:-moz-linear-gradient(top,  #575757,  #888);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* red */
.red {
	color:#faddde; border:solid 1px #980c10; background:#d81b21;
	background:-webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background:-moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
	background:#b61318;
	background:-webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background:-moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
	color:#de898c;
	background:-webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background:-moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}