body{
font-family: Helvetica, sans-serif;
margin : 0 auto;
background-image : url(img/gray.jpg);background-repeat: repeat-x;
}

#wrapper {margin : 0 auto;
width: 960px;
height: 650px;
margin-top: 20px;
padding: 3px;
}

#top {margin : 0 auto;
width: 960px;
height: 50px;
margin-top: 20px;
background-color: transparent;
}

h1 {font-family:Helvetica, sans-serif;
font-size: 40px;
font-weight: 100;
width: 426px;
background-image : url(img/dark1.jpg);background-repeat: repeat-x;-moz-border-radius: 5px; -webkit-border-radius: 5px; 
padding: 5px;
border-style: solid; border-color: #cccc99;border-width: 3px;
color: #fff;
}

h2 {font-family:Helvetica, sans-serif;
font-size: 20px;
font-weight: 100;
background-color: transparent;
color:#336699;
}

#box-left { 
        float: left;
        width: 200px;
        height:100px;
        color: #585858;
        margin-right:37px;
        margin-bottom:15px;
        font-family: Helvetica, sans-serif;
}


#box-right { 
        float: left;
        width: 200px;
        height:100px;
        color: #484848;
        margin-right:37px;
        margin-top:55px;
        font-family: Helvetica, sans-serif;

}

#box-middleright { 
        float: left;
        width: 200px;
        height:100px;
        color: #383838;
        margin-top:55px;
        margin-right:7px;
        font-family: Helvetica, sans-serif;

}

#box-middleleft { 
        float: left;
        width: 200px;
        height:100px;
        color: #686868;
        margin-right:35px;
                font-family: Helvetica, sans-serif;

}

#email-box { 
        float: left;
        width: 900px;
        color: #585858;
        margin-bottom:15px;
        margin-top:150px
        }


#page-wrap {
	width: 930px; /*creates margin for contact-right contact form*/
	background: transparent;
	margin: 5px auto;
	min-height: 200px;
	height: auto !important;
	height: 200px;
}

#contact-area {
	width: 400px;
}

#contact-area input, #contact-area textarea {
	padding: 1px;
	width: 400px;
	font-weight:100;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 6px 0px;
	border: 1px solid #a8a8a8;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; 
	
}

#contact-area textarea {
	height: 60px; width: 924px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #cc9900;
}

#contact-area input.submit-button {
	width: 100px;
	float: left;
}

label {
	float: left;
	text-align: left;
	width: 150px;
	padding: 0 5px 5px 0
	font-size: 12px;
}
#contact-left {float: left; width: 936px; height:380px; margin-right: 10px; margin-top:10px; font-size: 14px; color: #202020; font-weight: 100; background-image : url(img/light.jpg);background-repeat: repeat-x;-moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px;
background-repeat : repeat-x; border-style: solid; border-color: #b8b8b8;border-width: 1px;
}

#contact-left a {
list-style : none;
font-family : Helvetica, sans-serif;
font-size : 14px;
color : #202020;
text-decoration :none;
background-color : transparent;
font-weight:100;
}

#contact-left img {border-width:1px; border-color:#000;}

#contact-left a:hover {
list-style : none;
font-family : Helvetica, sans-serif;
font-size : 14px;
color : #663300;
text-decoration : none;
background-color : transparent;
font-weight : 100;
}
#contact-right {float: left; width: 956px; margin-top:14px;font-size: 14px; color: #202020; font-weight: 100; background-image : url(img/light.jpg);background-repeat: repeat-x;-moz-border-radius: 5px; -webkit-border-radius: 5px; background-repeat : repeat-x; border-style: solid; border-color: #b8b8b8;border-width: 1px; padding-bottom:1px;}

#contact-right p {font-family: Helvetica, sans-serif;
}

.urbangreymenu{
width: 100px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: 14px Helvetica, sans-serif;
font-weight: 100;
color: #fff;
background: #cc9900 url(arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
padding: 2px 0 2px 5px; /*31px is left indentation of header text*/
-moz-border-radius: 5px; -webkit-border-radius: 5px; 
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: white;
display: block;

}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Helvetica, sans-serif;
color: black;
background: #e9e9e9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
-moz-border-radius: 5px; -webkit-border-radius: 5px; 
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: #c8c8c8;
}

#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:20px; 
float: right;
background-color: transparent;

}

#nav a{
display:block;
padding: 30px 4px 5px 4px;
color:#660066;
text-decoration:none;
background-color: #fff;
font-size:16px;
margin:1px 0 6px 2px;
-moz-border-radius: 5px; -webkit-border-radius: 5px; 
border-style: solid; border-color: #cccc99;border-width: 3px;

}

#nav a:hover{
background-color: orange;
color:#fff;
-moz-border-radius: 5px; -webkit-border-radius: 5px; 
}

#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:150px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

#footer {width: 938px; margin:1px; float: left; font-size: 12px; color: #cc0033; background-color: transparent;}