body { 
background: #fff url('../bg-b.jpg') repeat-x;
padding: 0;
}

#super-wrap {
background: url('../images/header.png') no-repeat top left;
margin: 0 auto;
position: relative;
padding: 10px;
width: 985px;
}

#hygen-page {
margin: 0 auto; 
margin-top: 30px;
width: 90%;
padding: 20px;
}

#hygen-title {
font-size: 3em;
color: #222;

}

#hygen-sub {
color: #666;
font-size: 12.5px;
display: none;
}

#hygen-logo {
padding: 0;
margin: 0;
margin-bottom: -10px;
}

#logo-image {
width: 165px;
}

#quote {
float: right;
height: 100px;
margin-right: 10px;
}

#rss,#tech-badges,#portfolio-links, #hosting-links {
background: #fff;
padding: 10px;
width: 580px;
margin-left: 8px;
margin-top: 8px;
border: solid 1px #fff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#rss img,#tech-badges img, #portfolio-links img, #hosting-links img {
float: left;
margin: 0;
border: 0;
padding: 0;
height: 24px;
}

#rss a, #tech-badges a, #portfolio-links a, #hosting-links a {
display: inline;
float: left;
height: 24px;
border: solid 1px #fff;
border-right: solid 1px #ccc;
margin-right: 8px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 4px;
padding-right: 4px;
}

#rss a:hover,#tech-badges a:hover,#portfolio-links a:hover, #hosting-links a:hover {
background: #eee;
border: solid 1px #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#rsslist, #twitter, #skype, #php-info {
display: none;
}

#tel {
color: #222;
line-height: 27px;
margin-top: 13px;
width: 165px;
border: solid 1px #eee;
background: #eee;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
opacity: 0.8;
}

#call {
float: left; 
margin-right: 5px;
width: 30px;
padding: 2px;
}

#pad-top {
font-family: trebuchet, "trebuchet ms", tahoma;
font-weight: bolder;
font-size: 17px;
margin: 0;
padding-top: 6px;
}

.small-links {
font-size: 10px;
color: #222;
margin: 0;
padding: 0;
}

.clear {
clear: both;
}

p {
padding-bottom: 8px;
}

a {
color: #FF9000;
font-weight: bold;
}

.list-image {
float: right;
margin: 0;
padding: 0;
}

.panel li {
margin-bottom: 8px;
font-size: 12px;
}

.panel p {
font-size: 12px;
}

.panel h2.title { 
margin-bottom: 10px;
font-size: 1.3em; 
}

.panel-wrapper {
background: #fff;
color: #222;
padding: 10px;
width: 580px;
margin-left: 8px;
margin-top: 8px;
border: solid 1px #fff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}


/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 20px 0; margin: 0 auto; }
	.coda-slider { 
	min-height: 300px;
	height: 300px;
	overflow: auto;
	padding: 5px;
	color: #fff;
	background: #007EBF; 
	border: solid 2px #00679B;
	  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
	}
	.orange {
border: solid 2px #eee;
	  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-box-shadow: 1px 1px 2px #999999;
  -webkit-box-shadow: 1px 1px 2px #999999;
background: #FF9000;
}

.img-left {
float: left;
margin-right: 10px;
padding: 5px;
border: solid 2px #ddd;
	  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 1px 1px 2px #999999;
  -webkit-box-shadow: 1px 1px 2px #999999;
background: #fff;
width: 187px;
}

.img-right {
float: right;
margin-left: 10px;
padding: 5px;
border: solid 2px #ddd;
	  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 1px 1px 2px #999999;
  -webkit-box-shadow: 1px 1px 2px #999999;
background: #fff;
width: 200px;
}

.img-left-noresize {
float: left;
margin-right: 10px;
padding: 5px;
border: solid 2px #ddd;
	  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 1px 1px 2px #999999;
  -webkit-box-shadow: 1px 1px 2px #999999;
background: #fff;
}
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 100%; } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 616px; margin: 0 auto; }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { 
	color: #eee; padding: 5px; width: 100px; height: 300px; 
	opacity: 0.6;

}

.coda-nav-left a:hover, .coda-nav-right a:hover {
opacity: 0.8;
}

.coda-nav-left a {
background: #eee url('../images/larr.png') no-repeat center;
border-left: solid 2px #eee;
border-bottom: solid 2px #eee;
border-top: solid 2px #eee;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.coda-nav-right a {
background: #eee url('../images/rarr.png') no-repeat center;
border-right: solid 2px #eee;
border-bottom: solid 2px #eee;
border-top: solid 2px #eee;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.coda-nav-left a:hover { 
background: #eee url('../images/larr-hover.png') no-repeat center;
border-color: #ddd;
color: #222;
}
.coda-nav-right a:hover { 
background: #eee url('../images/rarr-hover.png') no-repeat center;
border-color: #ddd;
color: #222;
}
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #39c;	border: solid 2px #00679B; font-weight: bold; color: #fff;}
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 10px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #fff; color: #222; display: block; float: left; margin-right: 8px; padding: 3px 6px; text-decoration: none;
border: solid 2px #fff;
	 -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}

	.coda-nav ul li a:hover {
	border: solid 2px #00679B;
	}
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }


#footer {
margin: 0 auto;
width: 60%;
border-top: dotted 1px #ccc;
text-align: center;
font-family: arial;
font-size: 0.7em;
color: #aaa;
padding: 4px;
}

/* Scroller Box */
#scroller_container {
float: right;
position: relative;
width: 560px;
height: 102px;
overflow: hidden;
border: solid 2px #eee;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
margin-right: 20px;
}

#scroller {
white-space: nowrap;
}

#scroller p {
padding: 10px;
font-size: 70px;
line-height: 70px;
font-style: italic;
font-family: trebuchet, "trebuchet ms", tahoma;
color: #222;
}

img.sale {
height: 90px;
max-height: 90px;
float: left;
margin-right: 10px;
}
/* Scoller Box */







#s3slider {
   width: 100%; /* important to be same as image width */
   height: 175px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 100%; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 100%;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 

#destiny, #spin2u {
display: none;
}