/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,a { 
	margin:0;
	padding:0;
	outline:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	outline:none;
}
fieldset,img { 
	border:0;
	outline:none;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
	outline:none;
}
ol,ul {
	list-style:none;
	outline:none;
}
caption,th {
	text-align:left;
	outline:none;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	outline:none;
}
q:before,q:after {
	content:'';
	outline:none;
}
abbr,acronym { border:0;
	outline:none;
}

/* GLOBAL STRUCTURE
------------------*/
body {
	background:#000000 url(http://www.hydome.com/img/bg2.jpg) repeat-x;
}

#wrapper{
	width:968px;
	margin:50px auto;
}

#top-cap{
	background:url(http://www.hydome.com/img/top-cap-bg.png) no-repeat;
	display:block;
	height:33px;
	width:968px;
	}

#bottom-cap{
	background:url(http://www.hydome.com/img/bottom-cap-bg.png) no-repeat;
	display:block;
	height:34px;
	width:968px;
	}

/* GLOBAL PRESENTATION
-----------------------*/
#stage-right h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#ffffcc;
	font-weight:normal;
	padding:8px 25px 0 25px;
	}

#stage-right h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#ffffcc;
	font-weight:normal;
	padding:8px 25px 14px 25px;
	}
	
#stage-right h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#ffffcc;
	font-weight:normal;
	padding:8px 25px 0 25px;
	text-decoration:underline;
	}
	
#stage-right ul {
	padding:8px 25px 0 25px;
}	

#stage-right ul li{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	}
	
#stage-right ul li strong {
	color:#ffffcc;	
}

#stage-right p{
	font-family:Trebuchet MS, Garamond, serif;
	font-size:12px;
	color:#ffffff;
	line-height:16px;
	padding:8px 25px 0 25px;
	}

.p-yellow{
	font-size:18px;
	color:#ffcc33
	}
	
.p-white{
	font-size:18px;
	color:#FFF;
	}	

/* DOME BANNER
---------------*/
#domeBanner{
	background:#000000 url(http://www.hydome.com/img/stage-bg.jpg) repeat-y;
	height:175px;
	display:block;
	}

#domeBanner-left{
	width:236px;
	float:left;
	margin:10px 0 0 50px;
	}
	
#domeBanner-logo {
	width:236px;
	}

#domeBanner-logo h1 {
	width:236px;
	}

#domeBanner-logo h1 a {
	width:236px;
	height:142px;
	display:block;
	background:transparent url(http://www.hydome.com/img/hydome-logo.png) no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	}
	
#hydomeSlides {
    width:348px;  
    height:130px;
    display:block;
    overflow:hidden;
    float:left;
    margin:15px 0 0 0;
}	

#domeBanner-right{
	float:left;
	height:155px;
	width:288px;
	margin:5px 0 0 0;
	}
	
#domeBanner p {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;
	padding:0 30px;
	line-height:24px;
}

/* FORM BANNER
---------------*/
#formBanner{
	background:#000000 url(http://www.hydome.com/img/stage-bg.jpg) repeat-y;
	height:175px;
	display:block;
	}
	
#formBanner p {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;
	padding:0 30px;
	line-height:24px;
}
	
#formBanner-left{
	float:left;
	height:155px;
	width:288px;
	margin:5px 0 0 30px;
	}

#formBanner-right{
	width:264px;
	float:left;
	margin:10px 0 0 0;
	}
	
#hyformSlides {
    width:348px;  
    height:130px;
    display:block;
    overflow:hidden;
    float:left;
    position:relative;
    z-index:1;
    top:14px;
    left:15px;
    margin:0;
}	
	
#formBanner-logo {
	width:264px;
	}

#formBanner-logo h1 {
	width:264px;
	}

#formBanner-logo h1 a {
	width:264px;
	height:142px;
	display:block;
	background:transparent url(http://www.hydome.com/img/hyform-logo.png) no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	position:relative;
	z-index:5;
	}	

/* HYDOME AND HYFORM
---------------------*/

#stage {
	background:#000000 url(http://www.hydome.com/img/stage-bg.jpg) repeat-y;
	display:block;
	padding:0 0 20px 0;
	}
	
#stage-right{
	float:left;
	width:650px;
	display:block;
	margin:20px 0 30px 20px;
	}	

#stage-right ul{
	margin:15px 0 15px 40px;
	}
	
#doming h3 {
	margin-bottom:10px;
	}
	
#doming p {
	font-size:12px;
	margin-bottom:5px;
	}
	
#forming li {
	margin-top:15px;
	}
	
a.priceQuote:link, a.priceQuote:active, a.priceQuote:visited {
	width:188px;
	height:86px;
	display:block;
	text-indent:-9999px;
	background:transparent url(http://www.hydome.com/img/price-quote.png) 0 0 no-repeat;
	float:left;
	clear:left;
	margin:25px 0 0 55px;	
}

a.priceQuote:hover {
	background:transparent url(http://www.hydome.com/img/price-quote.png) 0 -86px no-repeat;
}

/* HOME
---------*/
#home h3 {
	margin-bottom:10px;
	}

#home p {
	font-size:12px;
	margin-bottom:5px;
	}

/* PRICING 
-----------*/
#pricing form {
	
}

#pricing fieldset {
border:1px solid #cccccc;
width:70%;
margin:0 auto;
padding:0 25px 10px 25px;
}

#pricing legend {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
color:#ffff99;
clear:left;
margin:4px 4px 0 20px;
padding:4px;
}

#pricing h4 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#cc9966;
clear:left;
padding:6px 4px 4px 15px;
}

#pricing label {
	width:130px;
	float:left;
	margin:3px 15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffcc;
	clear:left;
}

#pricing label.radio {
	width:auto;
	display:inline;
	clear:none;
	margin:0;
}

input.radio {
	float:left;
	margin:3px 15px 3px 0;
}

#pricing label.radio:first-child {
	margin-left:15px;	
}

#pricing input.basic {
	width:160px;
	float:left;
	margin:3px 15px 6px 6px;
}

#pricing span.note {
	color:#ffcc66;
	font-size:12px;
	float:left;
	clear:left;
	margin:0 0 0 20px;
	width:280px;
}


#pricing input.button {
	padding:6px;
	float:left;
	clear:left;	
	margin:10px 15px 10px 25px;
}

/* CONTACT
-----------*/

#contact p {
	font-size:12px;
	margin-bottom:5px;
	}

#contact-form {
	width:500px;
	margin:15px auto 0;
	padding:10px;
	}

#contact-form label{
	width:145px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffcc;
	}
	
#contact-form input{
	width:200px;
	}
	
#contact-form textarea{
	height:100px;
	width:200px;
	}

#contact-form p{
	color:#990000;
	float:left;
	font-size:12px;
	margin-right:10px;
	}

.contact-label {
	margin:0 0 10px 0;
	}

.contact-label-left {
	margin:0 20px 10px 15px;
	float:left;
	}

#contact-form input.submitForm {
    margin:20px 0 0 50px;
    width:150px;
    height:50px;
    background:transparent url(http://www.hydome.com/img/submit-button.png) 0 0 no-repeat;
    border: none;
    cursor: pointer;
    }
#contact-form input.submitForm:hover {
    background:transparent url(http://www.hydome.com/img/submit-button.png) 0 -50px no-repeat;
    }

/* GALLERY
-----------*/
#galleryThumbs {
	width:550px;
	margin:50px 0 0 25px;	
}

a.hyformThumb:link, a.hyformThumb:active, a.hyformThumb:visited {
	width:64px;
	height:50px;
	display:block;
	overflow:hidden;
	background:#000000;
	border:#cccccc 1px solid;
	padding:2px;
	float:left;
	margin:5px 16px;
}

a.hyformThumb:hover {
	border:#ffffcc 1px solid;	
}

/* CYCLES
---------- */
.pics {  
    width:  348px;  
    height:   130px;
    padding: 0;  
    margin:  0;  
} 
 
.pics img { 
    width:  348px; 
    height: 130px; 
    top:  0; 
    left: 0;
    margin:0;padding:0;
} 

.dPics {  
	width:571px;
	height:490px;
    padding: 0;  
    margin:  0;
    display:block;
    overflow:hidden;
} 
 
.dPics img { 
    width:  569px; 
    height: 382px; 
    top:  0; 
    left: 0;
    margin:0;padding:0;
}

/* CODA SLIDER
--------------- */
	
#slider {
    width: 559px;
    margin: 40px auto 0;
    position: relative;
	}
	
#slider a:link, #slider a:active, #slider a:visited {
	color:#ffffcc;
}

#slider a:hover {
	text-decoration:none;	
}
	
.scroll {
    height: 535px;
    width: 571px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background:transparent url(http://www.hydome.com/img/hydome-stage-bg.jpg) no-repeat;
	}

.scrollContainer div.panel {
    padding: 0;
    width: 571px;
    display:block;
	}
.scrollButtons {
    position: absolute;
    top: -45px;
    cursor: pointer;
    z-index:9999;
	}

.scrollButtons.left, .scrollButtons-dome.left {
    left: -1px;
	}

.scrollButtons.right, .scrollButtons-dome.right {
    right: -1px;
	}

/* EXTRAS
--------- */
.hide {
    display: none;
	}	
.selected {
	background-position:0 -35px;
	}		
.clearit{
	height:0%;
	clear:both;
	}