@charset "UTF-8";
/* CSS Document */


* {
	padding: 0;
	margin: 0;
}

html { height: 100%; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	min-height: 100%; height: 100%;
}


#wrap-main {
	margin: 0 auto;
	width: 705px;
	border: 1px solid #CCCCCC;
}


.logo {
	float: left;
	display: inline;
	width: 223px;
	height: 216px;
	background: #FFF url(../images/client_login_with_logo.jpg) no-repeat;
}

#wrap-header .headerImage {
	float: left;
	display: inline;
	margin: 5px 5px 0;
	width: 482px;
	height: 216px;
}

#wrap-header .flashHeader {
	float: left;
	display: inline;
	margin: 0 0 0 5px;
	width: 482px;
	height: 216px;
}

#wrap-content {
	width: 705px;
	background: url(http://www.envisionyourwebsite.com/images/wrap-right-content-bg.gif) repeat-y;
}

#wrap-left {
	float:left;
	display: inline;
/*	margin: 0 0 0 5px;*/
	width: 223px;
	background: #fff url(../images/eyw_E.gif) no-repeat bottom center;
}

#wrap-left .contact-box	{
	width: 223px;
	height: 200px;
	background-color:#00FF00;
}

#wrap-left .services {
	width: 218px;
	padding: 5px 0px 0 5px;
	background-color:#0E6ACC;
	/*min-height: 100%;
	background: #0E6ACC url(../images/eyw_E.gif) no-repeat bottom center;*/
	font-weight: bold;
}

#wrap-left .services-header {
	background-color: #000000;
	color: #FFF;
	width: 192px;
	padding: 10px;
}

/*#wrap-left .quote {
	width: 228px;
	background-color:#00CC33;
}*/




#wrap-right {
	float: left;
	display: inline;
	margin: 0 0 0 5px;
	width: 475px;
/*	height: 400px;*/
	background-color:#FFCCCC;
}
/*
#wrap-right .header {
	width: 477px;
	height: 102px;
	background-color: #FFF;
	background-repeat: no-repeat;
}

*/
#wrap-right #content {
	padding: 10px;
	background-color:#f3f3f3;
	/*height: 100%;*/
}

#wrap-right h1 {
/*	margin: 5px 0 0 0;*/
	padding: 10px;
	background-color:#f3f3f3;

}

#wrap-footer {
	width: 710px;
	height: 59px;
	background: #FF9900 url(../images/eyw_footer.gif)  no-repeat;
	margin: 5px 5px 5px 5px;
	height: 50px;
	background-color:#FF9900;
}
#wrap-footer #email_address {
	display: inline;
	float: left;
	width: 155px;
	margin: 30px 0 0 490px;
}

#wrap-footer #submitImage {
	display: inline;
	float: left;
	width: 51px;
	margin: 30px 0 0 5px;
}
/*

#logo {
	width: 223px;
	height: 101px;
	background: #FFF url(../images/eyw_logo.gif) no-repeat;
}

*/
ul {
	list-style: none;
	list-style-type: none;
}

#nav-services {
	margin: 15px 0 0 5px;
}

#nav-services li {
	color: #FFFFFF;
	background:url(../images/cross-hair.gif) no-repeat left;
	margin: 0 0 10px 0;
}

#nav-services li a {
	margin: 0 0 0 20px;
	color: #FFFFFF;
	text-decoration: none;
}


ul.topnav {
  border-bottom: 1px solid #CCCCCC;
    float: left;
    font-size: 1.2em;
    list-style: none outside none;
    margin: 0;
    margin:5px;
    width: 695px;
}
ul.topnav li:first-child{

border-left:none;
}


ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	position: relative;
	width:100px;
	border-left: 1px solid #CCCCCC;
	text-align:center;
}
ul.topnav li a{
	padding: 10px 5px;
	color: #000;
	display: block;
	text-decoration: none;
	width:100px;
}
ul.topnav li a:hover{
}
ul.topnav li span {
	width: 17px;
	height: 35px;
	float: left;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	 top: 38px;
	background: #fff;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 142px;
	left:-1px;
	border: 1px solid #ccc;

}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;

 border-bottom: 1px solid #CCCCCC;
	clear: both;
	width: 141px;
	border-left:none;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 124px;

}
html ul.topnav li ul.subnav li a:hover {
}
object{border:none;}