/* ------------------------------------------------------------- *
 * AlfaHosts Design V4						                     *
 * Designed by Antinomie Designs, a Reawaken Media company       *
 * © 2010 Reawaken Media, LLC                                    *
 *																 *
 * Coding by Stewart Wilson (me@stewartwilson.id.au)             *
 * © 2010 Stewart Wilson 										 *
 * --------------------------------------------------------------*/
 
/* 
 * COPYRIGHT NOTICE
 * --------------------------------------------------------------
 * The following design is owned by Reawaken Media, and cannot be
 * used without permission from the Managing Director
 *
 * The following design is protected by Copyright Act 1968, and
 * its amendments, in Australia; along with relevalent acts in
 * the user's territory.
 *
 * Code that is used without permission will face severe
 * penalities from Alfahosts and/or Reawaken Media
 *
 * Reawaken Media does have the right to change this agreement
 * when it sees fit.
 *
 *
 */
 
/* -------------------------------------------------------------------------------- */

/* -- GLOBAL RESET -- */

html {font-family: Arial, Helvetica, sans-serif; color: #959595;}
a {text-decoration: none; border: none;}
a img {border: none; text-decoration: none;}
.alignleft {float: left;}
.alignright {float: right;}

body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {margin: 0; padding: 0;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset, img {border: 0;}
del, ins {text-decoration: none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}
q:before, q:after {content: '';}
abbr, acronym {border: 0; font-variant: normal;}
sup {vertical-align: baseline;}
sub {vertical-align: baseline;}

/*because legend doesn't inherit in IE */
legend {color: #000;}
input, button, textarea, select, optgroup, option {font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {*font-size: 100%;}

/* LAYOUT */

body.home { background: url('img/home/hero_bg.png') 0 100px repeat-x; }
body.aboutus { background: url('img/aboutus/titlehead.png') 0 100px repeat-x; }
body.feedback { background: url('img/feedback/titlehead.png') 0 100px repeat-x; }
body.webhosting { background: url('img/webhosting/mainbg.png') repeat-x; }
body.webhosting-sub { background: url('img/webhosting/pagebg.png') repeat-x; }
body.reseller { background: url('img/reseller/mainbg.png') repeat-x; }
body.reseller-sub { background: url('img/reseller/pagebg.png') repeat-x; }
body.servers { background: url('img/servers/mainbg.png') repeat-x; }
body.servers-sub { background: url('img/servers/pagebg.png') repeat-x; }
body.shoutcast { background: url('img/shoutcast/mainbg.png') repeat-x; }
body.shoutcast-sub { background: url('img/shoutcast/pagebg.png') repeat-x; }
body.domains { background: url('img/domains/titlehead.png') 0 100px repeat-x; }

#home { background: url('img/home/hero_display.png') 200px 100px no-repeat; }
#webhosting { background: url('img/webhosting/hero.png') center 0px no-repeat; }
#webhosting-sub { background: url('img/webhosting/pagehero.png') center 0px no-repeat; }
#reseller { background: url('img/reseller/herobg.png') center 0px no-repeat; }
#reseller-sub { background: url('img/reseller/pagehero.png') center 0px no-repeat; }
#servers { background: url('img/servers/herobg.png') center 0px no-repeat; }
#servers-sub { background: url('img/servers/pagehero.png') center 0px no-repeat; }
#shoutcast { background: url('img/shoutcast/hero.png') center 0px no-repeat; }
#shoutcast-sub { background: url('img/shoutcast/pagehero.png') center 0px no-repeat; }
#container { width: 986px; height: 100%; margin-left: auto; margin-right: auto; /* border-left: 1px dotted grey; border-right: 1px dotted grey; */ }

#header { width: 100%; height: 100px; }
#header .logo { padding-top: 45px; float: left; }
#header .nav ul { padding: 0; list-style: none; float: left; margin-left: 40px; margin-top: 60px; height: 40px; }
#header .nav li { color: #959595; float: left; font-size: 11px; margin-right: 17px; font-family: 'Arial'; text-transform: uppercase; }
#header .nav li:hover { background: url('img/arrow.png') center 17px no-repeat; height: 100%; }
#header a { color: #959595; padding-bottom: 15px; font-size: 11px; }
#header li.selected { background: url('img/arrow.png') center 17px no-repeat; height: 100%; }
#header li.selected a { color: #23a6eb; }
#header img { padding: 0; margin:0; padding-top: 4px; }

#header li.nohover:hover { background: none; height: 100%; }

#demotip {
	display:none;
	background:transparent url(img/black_arrow.png);
	font-size:13px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}

/* FOOTER */

#footer { background: #101010; color: #777777; font-size: 11px; height: 200px; }
#footer a {font-size: 11px; color: #777777;}
#footer .left { padding-top: 15px; float: left; }
#footer .right { float: right; text-align: right; padding-top: 15px; }
#footer .currency { background: #222222; padding: 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 58px; float: right; padding: 5px; text-align: center; }