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

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}
body {padding-top:30px;
background:url(img/edgeway-cloud-repeat-bg.jpg) repeat-x #fff;
background-position:top;
font-family: Helvetica, Arial, sans-serif;
}

body > #wrap {height: auto; min-height: 100%;}

h1 {color:#1571AA;
font-size:30px;
font-weight:bold;
letter-spacing:-1px;
}

h2 {color:#333;
font-size:18px;
font-weight:bold;
margin-bottom:10px;
margin-top:10px;
}

h3 {color:#333;
font-size:16px;
font-weight:bold;
margin-bottom:10px;
}

h4 {color:#333;
font-size:15px;
font-weight:normal;
margin-bottom:10px;
}

p.main
{color:#333;
font-size:16px;
font-weight:normal;
margin-bottom:10px;
}

p
{color:#333;
font-size:13px;
font-weight:normal;
margin-bottom:10px;
}

a:link {
	color:#444;
	border-bottom:dotted #444 1px;
	text-decoration:none;
}
a:active {
	color:#333;
	border-bottom:dotted #444 1px;
	text-decoration:none;
}
a:hover {
	color:#000;
	border-bottom:dotted #444 1px;
	text-decoration:none;
}
a:visited {
	color:#444;
	border-bottom:dotted #444 1px;
	text-decoration:none;
}

img {border:none;}

/* img.nav {padding-right:25px; padding-top:60px; border:0;} */

img.nav {margin-right:20px; margin-top:55px; padding-top:5px; border:0;}

img.nav-active {margin-right:20px; margin-top:55px; padding-top:5px; border-top:2px solid #fff; border-left:0; border-right:0; border-bottom:0;}

#header a {border-bottom:none;}

#footer a {color:#000;
border-bottom:none;}

#main {padding-bottom: 256px;
margin: 0 auto;
width:1200px;
background:url(img/edgeway-cloud-bg-smush.png) no-repeat #FDFDFD;}  /* must be same height as the footer */

#container {width:970px;
margin:0 auto;
}

#header {width:970px;
margin:0 auto;
height:90px;
}

#header-left {width:690px;
margin:0 auto;
height:90px;
float:left;
}

#header-right {width:280px;
margin:0 auto;
height:90px;
float:right;
}

#column-container {width:970px;
margin:0 auto;
height:auto;
background: url(img/edgeway-opaque-bg.png) repeat;
float:left;}

#column-left {width: 670px; float:left; padding:20px 0 0 20px; }

#column-right {width: 260px; float:left; padding:20px 0 0 20px; }

#footer {position: relative;
	margin-top: -256px; /* negative value of footer height */
	height: 256px;
	clear:both;
	}
#footer-middle {width: 1200px;
height:256px;
margin: 0 auto;
background:url(img/edgeway-houses-bg-smush.png);
	font-size:10px;
	border:none;
	position:relative;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*Contact Form */
label{
	font-size:12px;
	font-family:helvetica, arial, sans-serif;
}

textarea{
	color:#404040;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
}

td > button{
	text-indent:8px;
}

.error{
	background-color:#AB0000;
	color:white;
	font-size:10px;
	font-weight:bold;
	margin-top:10px;
	padding:10px;
	width:240px;
	font-family:helvetica, arial, sans-serif;
}

#loading{
	position:relative;
	bottom:9px;
	visibility:hidden;
}

#form-container{
	
	padding:15px;
	/*background-color:#f5f5f5;
	-moz-border-radius:12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius:12px;*/
}

td{
	white-space:nowrap;
	padding-bottom:7px;
}

/* Gallery */
#gallery {position:relative; width:630px; margin:10px auto; padding:10px;}
#images {height:225px; background:#eef5f6; margin-bottom:20px}
#image {position:relative; width:600px; height:400px; padding:5px; background:#FFF url(images/loading.gif) center center no-repeat}
#image img {position:absolute; top:5px; left:5px}
#thumbwrapper {margin-top:10px; padding:5px 0; width:610px; height:100px; background:#FFF}
#thumbarea {position:relative; overflow:hidden; height:100px; width:600px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:100px; width:10000px; border-right:5px solid #FFF}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
.imgnav {position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(images/left.gif) left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(images/right.gif) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}

/* Slideshow */
#slideshow {
    position:relative;
    height:400px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 400px;
	width: 660px;
    background-color:#fff;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
	background-color:#FFF;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 400px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}

#slideshow h3 {
	display:block;
	width:660px;
	background:#FFF;
}