/*
-----------------------------------------------
Style Sheet

Site: designedbyevan.com
Author:   Evan Scheingross
Version:  2006.11
----------------------------------------------- */


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }




/* reset margin and padding for all elements to 0 */
* { margin:0; padding:0; }



/* global elements
 * ------------------------------------------------------------------------- */

/* Default font size in IE and FireFox is 16px. Default for Safari is 14px. */
html {
	font-size:100% /* IE has problems scaling text in ems. Using a percentage makes for better text rendering when scaled. */
	}

body {
	background:#000;
	font-size:.75em; /* Read by IE only. - 75% of 16px = 12px */
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:#ccc;
	}

html>body {
	font-size:12px; /* overrides the font-size above in all browsers except IE. These browsers can resize text that is specified in px so this is ok. */
	}

a:link, a:visited {
	color:#DD127B;
	}
	
a:hover, a:active {
	color:#FFF200;
	}
	
hr {
	width:100%;
	height:1px;
	overflow:hidden;
	padding:0;
	margin:10px 0 30px 0px;
	border:0;
	background:#444;
	color:#444;
	}

/* Classes
 * ------------------------------------------------------------------------- */

.clear {
	clear:both;
	height:.01em;
	overflow:hidden;
	}

.hr {
	width:710px;
	height:1px;
	overflow:hidden;
	background:#444;
	border:none;
	margin:5px 0 30px 0;
	}
	
.pic_border_no_link {
	border:4px solid #444;
	margin:0 51px;
	}
	
.pic_border {
	margin:0 51px;
	}
	
.pic_border img {
	border:4px solid #444;
	}
	
.pic_border:hover img{
	border:4px solid #444;
	}

.pic_border:hover{
color: red; /* irrelevant definition to overcome IE bug */
}


.two_up_left {
	border:4px solid #444;
	margin:0px 12px 12px 51px;
	float:left;
	}

.two_up_right{
	border:4px solid #444;
	margin:0px 0px 12px 0px;
	float:left;
	}

.gray_text {
	color:#888;
	font-weight:bold;
	}

.view_site {
	margin-left:51px;
	background:url(../images/site_launch_arrow.gif) no-repeat right 4px;
	padding-right:15px;
	display:inline;
	}
	
	

/* Layout
 * ------------------------------------------------------------------------- */
 
#container {
	background: #222;
	width:710px;
	text-align:left;
	margin:0 auto;
	font-size:.92em;
	color:#ccc;
	padding:15px 20px 10px 20px;
	}

	#container h1 {
		display:none;
		}
	
	#container h2 {
		font-size:1.6em;
		font-weight:bold;
		}
		
		#container img {
			text-align:center;
			}
	
	#container ul {
		margin:5px 51px;
		}
	
		#container li {
			margin: 0;
			padding: 0 7px 0 10px;
			display: inline;
			border-left: 1px solid #444;
			background: none;
			color:#ccc;
			}
			
			
			#container li.first { 
    			border: none;
				padding-left:0;
			    }

			#container li a:link, #container li a:visited{
				color:#ccc;
				text-decoration:underline;
				}

	

	 #container li a:hover, #container li a:active {

	 	color:#DD127B;

		text-decoration:underline;

		}
	
#contact_info {
	float:right;
	}

#intro_text {
	background:url(../images/arrow.gif) no-repeat 0px 28px;
	padding:25px 0 0 15px;
	margin-bottom:25px;
	}
	

#thank_you {
	margin:100px auto;
	}

/* --------------------------- Form --------------------------------- */
#contact_header {
	margin-top:20px;
	}

form {
	margin: 20px 0 0 00px;
	width:500px;
	
	}

fieldset {
	border:none;
	}


label {
	float:left;
	width:105px;
	text-align:right;
	margin-right:10px;
	margin-top:-1px; /* to align label with the top of input area */
	}
	
input, textarea {
	width:200px;
	border:1px solid #404040;
	float:left;
	margin-bottom:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	}

textarea {
	width:300px;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	}

	form br {
		line-height:0.0;  /* defaults vertical spacing between fields */
		clear:left;
		}

#submit {
	width:60px;
	border:1px solid #404040;
	margin-left:115px;
	height:20px;
	background-color:#fff;
	float:none;
	}