/* Shuman Photography - Started Wednesday, Aug 29, 2007 */
/* Website coded by Darren Wissler - www.darrenwissler.com - darren.wissler@gmail.com */

/* Reset global properties
----------------------- */
* {
	margin: 0px;
	padding: 0px;
 }

html, body, p, form, input, label, 
div, span, h1, h2, h3, h4, h5, h6, h7,
br, a, table, tr, td, ul, ol, li, img {
	padding: 0px;
	margin: 0px;
	border: 0px;
	text-decoration: none;
	list-style-type: none;
 }
 
h1, h2, h3 ,h4 ,h5 ,h6 ,h7 {
	display: inline;
 }
 
/* Basic HTML tags
--------------- */
a {
	color: #747474;
 }

a:hover {
	color: #FFFFFF;
 }	
 
.email {
	vertical-align: text-bottom;
 }
 
h1 {
	color: #FFFFFF;
	font-size: 1.2em;
 }
 
p {
	margin-bottom: 20px;
 }
 
/* Center Vertically and Horizontally */
html, body {
	height: 100%; /* Make sure the document takes up the whole window. */                                                             
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #000000;                               
 }
 
div#shim {
	visibility: hidden;
	width: 100%;
	height: 50%; /* Bump div#blueBox down half the height of the screen. */                                                        
	margin-top: -327.5px; /* Half the height of div#center. */                                                        
	float: left;
 }

div#center {
	margin: auto;
	width: 830px;
	height: 655px;
	clear: both;
	/* Issue: IE4 doesn't allow a negative margin-top. This code positions blueBox relatively and uses the IE4ever hack (<http://exanimo.com/css/ie4ever>) to overwrite the rule for other browsers. The content will be centered but will crop if the window is not small enough to accommodate it. */
	position: relative;
	top: -200px;
	/* IE4ever Hack: Hide from IE4 */
	position: static;
 }

/* Issue: IE5mac interprets negative values as positive. I haven't figured out a workaround for this yet. The content won't be vertically centered but it won't be messed up by the previous code either. */

/* Hide from IE5mac \*//*/
div#shim {
	display: none;
 }
 
html, body {
	height: auto;
 }
/* End Center */

#container {
	width: 830px;
	height: 655px;
	font-size: 62.5%;
 }
 
#logo {
	position: absolute;
	z-index: 90;
 }
 
#logo2 {
	position: absolute;
	margin-left: 290px;
	z-index: 90;
 }
 
#nav {
	position: absolute;
	margin-top: 112px;
	z-index: 90;
	width: 830px;
 }
 
#nav li {
	display: inline;
	margin-right: 65px;
 }
 
#nav li.no_margin {
	margin-right: 0px;
 }
 
#content {
	position: absolute;
	margin-top: 140px;
	width: 830px;
	height: 485px;
	border: 1px solid #FFFFFF;
	overflow: auto;
	color: #CCCCCC;
	line-height: 1.5em;
 }
 
#content_no_scroll {	
	position: absolute;
	margin-top: 140px;
	width: 830px;
	height: 485px;
	border: 1px solid #FFFFFF;
	color: #999999;
	line-height: 1.5em;
 }
 
#left_column {
	float: left;
	padding: 65px 55px 55px 40px;
	width: 280px;
 }
 
#right_column {
	margin-left: 400px;
	padding: 30px 0px 30px 10px;
 	width: 353px;
  }
  
#right_column_testimonials {
	margin-left: 400px;
	padding: 30px 0px 10px 35px;
 	width: 353px;
  }
  
#right_column2_testimonials {
	margin-left: 400px;
	margin-top: -298px;
	padding: 0px 0px 100px 35px;
 	width: 353px;
  }

#copyright {
	position: absolute;
	width: 830px;
	margin-top: 657px;
	text-align: center;
	color: #FFFFFF;
	z-index: 90;
	font-size: .9em;
 }
 
#counter {
	text-align: center;
	margin-top: -15px;
	margin-left: 788px;
	font-size: .6em;
	color: #FFFFFF;
 }
 
#counter .bg {
	background-color: #FFFFFF;
	color: #000000;
}

#html_links {
	position: absolute;
	width: 830px;
	margin-top: 635px;
	text-align: center;
	color: #FFFFFF;
	z-index: 90;
	font-size: .8em;
 }
 
 #html_links a {
	color: #FFFFFF;
 }
 
  #html_links a:hover {
	color: #747474;
 }

 /* Start Form
----------- */
form {
	text-align: right;
	width: 330px;
	margin: auto;
	margin-left: -3px;
 }
 
label {
	margin-right: 5px;
 }

input, textarea {
	background-color: #999999;
	width: 274px;
	height: 20px;
	color: #FFFFFF;
 }

.submit {
	margin-right: 69px;
	width: 70px;
	font-size: .9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #999999;
	color: #000000;
 }

.reset {
	margin-top: 10px;
	margin-right: 10px;
	width: 70px;
	font-size: .9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #999999;
	color: #000000;
 }

/* Universal Classes
----------------- */
.gray {
	color: #747474;
 }
 
.enlarge {
	font-size: 1.3em;
 }
  
.bold {
	font-weight: bold;
 }