/*
	- Filename: style.css
	- Version: 0.0.0
	- Website: http://www.GFxCube.Net/Skye
	- Author: gcskye@gmail.com
	- W3C Validated: Yes
	
	== STRUCTURE: ==============================
	* Page width: 100%
	* Content Limited Width: 800px;
	============================================
*/

body {
	text-align: justify;
	background: #01070c url(images/background.png);
	color: #000000;
	width: 800px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 25px;
	margin-top: 0;  
}

a {
	color:  rgba(122, 168, 201, 0.9);
}

/* Navigation Bar */


#nav {
	height: 44px;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav .active, .active {
	background-image: url('images/over.png');
	background-repeat: no-repeat;
	background-position: center;
}

#nav li {
	display: block;
	float: left;
}


/* Drop Down Menu */


#sddm{	
	margin: 0;
	padding: 0;
	z-index: 30
}

#sddm li{	
	margin: 0;
	padding-top: 3px;
	list-style: none;
	float: left;
	font: bold 11px arial}

#sddm li a {	
	display: block;
	text-decoration: none;
	margin-right: 15px;
	margin-left: 15px;
	padding: 5px 18px;
	text-decoration: none;
	font: 22px "Franklin Gothic Medium";
	color: #FFFFFF;
}

#sddm li a:hover {	
	margin-right: 15px;
	margin-left: 15px;
	padding: 5px 18px;
	text-decoration: none;
	font: 22px "Franklin Gothic Medium";
	background-image: url('images/over.png');
	background-repeat: no-repeat;
	background-position: center;
}

#sddm div{	
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
}

#sddm div a {	
	position: relative;
	display: block;
	margin: 0;
	font: 14px Verdana, Geneva, sans-serif;
	background: rgba(122, 168, 201, 0.9);
	width: 135px;
	text-align: center;
}

#sddm div a:hover {	
	font: 14px Verdana, Geneva, sans-serif;
	width: 135px;
	color: #FFF;
	background: rgba(98, 137, 166, 0.9);
	margin-right: auto;
	margin-left: auto;

}


/* Banner */


#client {
	margin: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	height: 70px;
	background: rgba(78, 77, 77, 0.6);
	border: 2px solid #D7D6D6 ;
	color: #FFF;
}

#lemail {
	margin-top: 3px;
	margin-left: 10px;
	margin-bottom: 2px;
	font: 11px Verdana, Geneva, sans-serif;
}

#lpass {
	margin-left: 37px;
	font: 11px Verdana, Geneva, sans-serif;
}

#clogin {
	width: 190px;
	height: 19px;
	margin-left: auto;
	margin-right: auto;
}

#livesupport {
	float: right;
	width: 158px;
	height: 82px;
}


/* Important Update */


#update
{
	border: none;
	margin-right: 15px;
	margin-top: 5px;
	margin-left: 15px;
	display: inline-block;
	background: #fcf9cf;
	padding-bottom: 15px;
	padding-top: 10px;
	border: 1px solid #e78c0b;
	width: 767px;
}

#utitle
{
	border: none;
	display: inline-block;
	font: 20px Verdana, Geneva, sans-serif;
	margin-left: 10px;
}

#uabout
{
	border: none;
	display: inline-block;
	font: 12px Verdana, Geneva, sans-serif;
	margin-left: 34px;
}

#uabout a
{
	border: none;
	text-decoration: none;
	color: #3283fc;
}

#uhide a
{
	float: right;
	border: none;
	display: inline;
	background: #fcf9cf;
	margin-right: 15px;
}

/* Hosting */

#hosting {
	padding-top: 20px;
	height: 249px;
	width: 800px;
	background: url(images/hosting.png) no-repeat;
	font: 13px "Franklin Gothic Medium";
	display: block;
}

#hosting a {
	border: none;
	text-decoration: none;
	color: #3283fc;
}

.sellerhost {
	padding-left: 40px;
	padding-top: 12px;
}
	
.sellerhost ul {
	margin: 0px;
	padding: 0px;
}
	
.sellerhost li {
	padding: 1px;
	list-style-image: url(images/arrow.gif);
	}

.sharedhost {
	padding-left: 135px;
	padding-top: 32px;
}

.sharedhost li {
	padding: 1px;
	list-style-image: url(images/arrow.gif);
}
	
.sharedhost ul {
	margin: 0px;
	padding: 0px;

	position: relative;
	margin-top: -20px;
}


.dedicatedhost {
	padding-left: 125px;
	padding-top: 32px;
		position: relative;
	margin-top: -20px;

}

.dedicatedhost ul {
	margin: 0px;
	padding: 0px;
	position: relative;
	margin-top: -20px;
}

.dedicatedhost li {
	padding: 1px;
	list-style-image: url(images/arrow.gif);
	}


/* Content */


#content {
	float: right;
	width: 509px;
	padding: 5px 15px 0px 0px;
}

.post {
}

.post .entry, .post {
	padding: 45px 15px 15px 15px;
	background: url(images/chooseus.png) no-repeat;
	font: 12px Verdana, Geneva, sans-serif;
}


/* Sidebar (Testimonials) */


#sidebar {
	float: left;
	width: 245px;
	padding: 5px 0px 0px 15px;

}

.stitle {
	background: url(images/side.gif) no-repeat;
	width: 245px;
	height: 25px;
	font: 14px Verdana, Geneva, sans-serif;
	color: #FFF;
	text-align: center;
	margin: 0px;
	padding-top: 7px;
}

.scontent {
	text-align: left;
	text-shadow: 1px 1px 1px white;
	background: #e5e5e5;
	width: 235px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #222222;
	padding: 3px 5px 5px 5px;
}

#sidebar a {
	color: #1f7cec;
}


/* Server Images */


#support {
	border: none;
	margin-right: 3px;
	margin-top: 15px;
	margin-left: 15px;
	display: inline;
}

#support a
{
	border: none;
	color: #FFF;
	margin: 18px;
}

#support a:visited
{
	border: none;
	color: #FFF;
}


/* Footer */


#footer {
	margin-top: 2px;
	margin-bottom: 2px;
	font: bold 11px Verdana, Geneva, sans-serif;
	text-align: center;
	color: #FFF;
}

#footer a {
	border: none;
	color: #FFF;
	font: bold 11px Verdana, Geneva, sans-serif;
	text-decoration: none;
}


/* Gareth Price's Tidying Up CSS 
----------------------------------- */
	
	div#pageWrapper {
		width: 800px;
		background: url('images/shadow.png') repeat-y;
		padding: 0 40px;
	}
	
	div#header {
		background: url(images/climbing_host_02.png);
		height: 94px;
	}
	
	div#clientLoginWrap {
		position: absolute;
		margin-top: -94px;
	}
	
		div#client {
			position: relative;
			margin-left: 250px;
		}
	
		div#clogin {
			margin-left: 305px;
			position: relative;
		}

		div#clientHelp {
			margin-left: 636px;
			margin-top: -96px;
			float: right;
		}


	#nav {
		height: 43px;
		padding: 0px;
	}
	
	#contentWrap {
		background: #fff;
	}
	
	div#announcementWrapper {
		margin-bottom: 10px;
		display: block;
	}
	
	#gContent, #gContentWide {
		padding-left: 15px;
		padding-bottom: 15px;
		padding-right: 15px;
		padding-top: 55px;
		width: 480px;
		float: right;
		background: url(images/chooseus.png) no-repeat;
		font: 12px Verdana, Geneva, sans-serif;
		margin-right: 15px;
		margin-top: 5px;
	}
	
	#gContentWide {
		width: 740px;
		background: none;
		padding-top: 0px;
		
	}

	#footer {
		background-image:url(images/footer.gif);
		width: 800px;
		margin: 0 auto;
		height: 26px;
		display: block;
		padding: 0px 0 4px 0;	
	}

		.subpage #sidebar {
			float: right;
			margin-right: 15px;
		}
		
		.subpage #gContent, .subpage #gContentWide {
			float: left;
			margin-left: 15px;
			margin-right: 0px;
		}

		.subpage #gContent {
			background: none;
			padding-top: 0px;
		}
			
			.subpage #gContent h2, .subpage #gContent h3, .subpage h3 {
				color: #426fa8;
				padding-top: 0px;
				margin-top: 0px;
				font-family: "Helvetica Neue", "Verdana";
				
			}
			
			.subpage #gContent p, .subpage #gContentWide p, .supportPageContent p {
				border-left: 2px solid #ccc;
				padding-left: 12px;
				margin-left: 3px;
			}
			
			#contactForm {
				margin: 0 auto;
				text-align: center;
				width: 500px;
			}
			
			.scontent i {
				font-weight: bold;
			}
			a:hover {
				text-decoration: none;
			}
			
			
			table.hostingTable {
margin:0 auto;
width: 500px;
}

table.hostingTable td {
border-bottom:1px solid rgb(225, 225, 225);
padding: 18px 10px;
}

.pricing {
	color: rgba(122, 168, 201, 0.9);
}

.hostingTable thead, .hostingTable thead tr td {
	font-weight: bold;
	background: url(images/side.gif) no-repeat;
	color: #fff;
	border-collapse: collapse;
	padding: 0px;
	height: 25px;
	padding:4px 0px;
}

.hostingTable table {
	margin-bottom: 15px;
}

.hostingTable h3 {
	padding: 0px;
	margin: 0px;
	color: #fff !important;
}

#contentWrap {
padding-top: 1px;}



/* NAV */

/*
#gNav {
	background-image:url('images/nav.gif');
	margin: 0px; padding: 0px;
	height: 44px;
}

#gNav ul {
	margin: 0px; padding: 0px;
	list-style-position: inside;
	list-style: none;
}

	#gNav ul li {
		float: left;
		list-style: none;
		margin: 0 15px;
		margin-top: 3px;
					paddivng: 7px 18px auto 18px;

	}
	
		#gNav ul li  a {
			display: block;
			padding: 5px 18px;
			text-decoration: none;
			font: 22px "Franklin Gothic Medium";
			color: #FFFFFF;
		}
		
		#gNav ul li a:hover {
			background-image: url('images/over.png');
			background-position: center;
			background-repeat: no-repeat;
		}
		
		#gNav ul li ul {
			position: absolute;
			display:none;
		}
		
		#gNav ul li ul li {
			float: none;
			display: inline;
		}
		
		#gNav ul li ul li a {
			width: auto;
				background: rgba(122, 168, 201, 0.9);
	font: 14px Verdana, Geneva, sans-serif;
			background-image: none;
		}
			#gNav ul li ul li a:hover {
					background: rgba(122, 168, 201, 1);

			}
			
		
		
		
*/

#gNav {
    	background-image:url('images/nav.gif');
    	height: 44px;
}

#navigation {  
    margin:0;   
    padding:0;   
    list-style:none;  

}     
      
    /* make the LI display inline */  
    /* it's position relative so that position absolute */  
    /* can be used in submenu */  
    #navigation li {  
        float:left;   
        display:block;   
        position:relative;  
        z-index:500;   
		margin: 0 15px;
		margin-top: 3px;
        padding: 7px 18px auto 18px;
    }  
          
    /* this is the parent menu */  
    #navigation li a {  
        display:block;   
			padding: 5px 18px;
			text-decoration: none;
			font: 22px "Franklin Gothic Medium";
			color: #FFFFFF;
    }  
  
    #navigation li a:hover {  
			background-image: url('images/over.png');
			background-position: center;
			background-repeat: no-repeat;
    }  
      
    /* you can make a different style for default selected value */  
    #navigation a.active {  
			background-image: url('images/over.png');
			background-position: center;
			background-repeat: no-repeat;
    }  
      
        /* submenu, it's hidden by default */  
        #navigation ul {  
            position:absolute;   
            left:-40px;   
            display:none;   
            margin:0 0 0 -1px;   
            padding:0;   
            list-style:none; 
            	font: 14px Verdana, Geneva, sans-serif; 
            	
        }  
          
        #navigation ul li {  
            float:left;   
            	background-image:url('images/nav.gif');
            	background-repeat: repeat-x; 
				height: 43px;
				width: 200px;
				margin: 0px;

        }  
          
        /* display block will make the link fill the whole area of LI */  
        #navigation ul a {  
            display:block;    
            color:#fff;  
           	font: 14px Verdana, Geneva, sans-serif; 
			text-align: center;
			padding-top: 12px;
        }  
          
        #navigation ul a:hover {  
        background: none;
        }