/*###########################################
## CSS Reset/Import
###########################################*/
@import url("reset.css");
@import url("hosting.css");
@import url("slider.css");


/*###########################################
## Now beign the conetnt
###########################################*/
body { background: #F5F5F5 url(../images/middle.gif) repeat-y center; color: #373737; font-size: 0.75em; font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; }
	a:link, a:visited, a:active { text-decoration: underline; color: #62778A; }
	a:hover { text-decoration: none; color: #E3420D; }
	a:active { color: #FD6309; }
noscript p { background: #AF3C33; text-align: center; font-size: 1.2em; color: #FFF; line-height: 2.5em !important; display: block; font-weight: bold; width: 100%; }
.nuclear {clear: both; height: 0; line-height: 0; }

hr { color: #EFEFEF; background: #EFEFEF; border-bottom: 0; border-left: 1px solid #EFEFEF; border-top: 1px solid #EFEFEF; line-height: 0; height: 0; margin: 20px 0 20px 0; }
.fl { float: left; }
.fr { float: right; }
.hl { background: #FAF7C8; }


#Wrap {}
	.innderWrap { width: 960px; margin: 0 auto; overflow: hidden; }

	/*****CONTENT*****/
	#Content { overflow: hidden; }
	#Content .innderWrap { width: 901px; padding: 20px 0 30px 9px; }

		/*****HEADER*****/
		#Header { margin: 0 0 20px 0; overflow: hidden; width: 100%; }
			#Header h1 {}
				#Header h1 a { float: left; display: block; text-indent: -9999em; height: 80px; width: 250px; background: 
url(http://www.server-logix.com/images/slogixlogo.jpg) no-repeat; }
				#Header h1 a:hover {}
			#Header p { float: right; text-shadow: 1px 1px 1px #E7E7E7; font-size: 1em !important; text-align: right; padding: 10px 0 0 0; text-transform: uppercase; font-weight: bold; color: #B4B4B4; }
			#Header p span { text-shadow: 0 0 0; font-size: 2.8em; font-weight: normal; color: #A73825; line-height: 1.3em; }
			#Header p span:hover { background: #A73825; color: #FFF; }


		/*****BASIC STYLE OF TEXT*****/
		#Content h2 { color: #C44802; font-size: 1.2em; padding: 0 0 10px 0; margin: 10px 0 5px 0; border-bottom: 1px solid #EFEFEF; }
		#Content p { line-height: 1.6em; font-size: 1.1em; }

		/*****SLIDING TEXT*****/	
		#p2 { background: #D4D4D4 url(../images/bana/home2.png) no-repeat; }
		#p3 { background: #D4D4D4 url(../images/bana/home2.png) no-repeat; }


		/*****NAV*****/
		#inNav { overflow: hidden; width: 100%; margin: 0 0 20px 0; }
		#inNav li { float: left; border-right: 1px solid #EFEFEF; }
			#inNav a { text-decoration: none; text-transform: uppercase; display: block; color: #4D7479; margin: 0 20px 0; padding: 15px 10px 15px 0; width: 125px; font-size: 1.5em; }
			#inNav a:hover { color: #000; }
			#inNav a:active { color: #334D51; }
			#inNav a:hover span { color: #8A8A8A; text-decoration: underline;  }
				#inNav a span { text-transform: lowercase; font-size: 0.7em; color: #B7B7B7; margin: 5px 0; }


		/*****BANNER*****/
		.Bana { margin: 0 0 20px 0; overflow: hidden; }
			.Home { height: 395px; }
			.Page { height: 80px; width: 880px; background: #FDFDFD; border-top: 2px solid #E7E7E7; border-bottom: 1px solid #E3E3E3; padding: 20px 0 20px 20px; }

			.Page h3 { float: left; padding: 0 30px 0 0; margin: 0 30px 0 0; border-right: 1px solid #E3E3E3; line-height: 80px; color: #597A54; font-weight: normal; font-size: 2.1em; text-shadow: 0 0 5px #F4F6F6; }
			.Page p { color: #5D5D5D; font-size: 1.2em !important; margin: 0 20px 0 0; }
				.Page p.TestFrom { margin: 3px 20px 0 0; color: #A2A2A2; text-align: right;  }
			.Home p { position: relative; left: 30px; top: 327px; font-size: 1.2em !important; color: #213133; width: 680px; }
				.Home a { position: relative; left: 730px; top: 277px; background: url(../images/button/learnmore.png) no-repeat; display: block; width: 145px; height: 56px; text-indent: -999em; }
					.Home a:hover { background: url(../images/button/learnmore.png) no-repeat -1px -56px; }
					.Home a:active { top: 278px; }
				.Home p span { color: #3D3D3D; }


				.Home strong { color: #597A54; }
				.Home h3 { display: none; }


		/*****HOME SOLGAN*****/
		#HomeSogo { margin: 0 0 20px 0; overflow: hidden; }
			.HomeMotto { float: left; padding: 0 10px 0 0; font-size: 2.2em; line-height: 1.2em; font-weight: normal; color: #597A54; width: 590px; border-right: 1px solid #EFEFEF; }
			#HomeSogo p { float: right; margin: 0 0 0 10px;  }
				#HomeSogo p a { line-height: 90px; display: block; color: #FFF; width: 250px; }
				#HomeSogo p a:hover {}


		/*****THREE COL.*****/
		#ThreeCol { overflow: hidden; width: 100%; }
			#ThreeCol h2 a { display: block; text-decoration: none; }
			#ThreeCol h2 a span { display: none; }
			#ThreeCol h2 a:hover span { display: inline; color: #7E7E7E; font-weight: normal; font-size: 0.9em; }
		#FirCol, #SecCol, #ThiCol { float: left; width: 270px; }
		#FirCol { padding: 0 20px 0 0; }
		#SecCol { padding: 0 20px 0 20px; border-right: 1px solid #EFEFEF; border-left: 1px solid #EFEFEF; }
			.Plan { font-size: 1.1em; }
				.VPS-A { background: url(../images/price/vpsprice-a.png) no-repeat right 10px; }
				.VPS-B { background: url(../images/price/vpsprice-b.png) no-repeat right 10px; }
				.VPS-C { background: url(../images/price/vpsprice-c.png) no-repeat right 10px; }

				.Plan li { text-indent: 25px; line-height: 26px !important; background: url(../images/icons/tick.png) no-repeat 0 4px; }
			.Price { font-size: 2.2em !important; color: #B72300; }

			.Hottest { color: #EC1800; }

			.More { margin: 10px 0; float: right; text-indent: -9999em; display: block; height: 42px; width: 100px; background: url(../images/button/more.gif) no-repeat; }
				a.More:hover { background: url(../images/button/more.gif) no-repeat 0 -42px; }
				a.More:active { position: relative; top: 1px; }
		#ThiCol { padding: 0 0 0 20px; }
			.QuoteStart,.QuoteEnd { position: relative; font-family: Georgia; color: #E1E1E1; font-size: 5.6em; line-height: 1em; display: block; }
			.QuoteStart { margin: 0 8px -30px 0; float: left; }
			.QuoteEnd { left: 5px; bottom: 15px; float: right; }
			#ThiCol .From { font-size: 1.1em; font-weight: bold; line-height: 2.5em !important; }



		/*****CLASSIC TWO COL.*****/
		.TwoCol { overflow: hidden; width: 100%; }
		.LeftDark { background: #F6F6F6; }
		.LeftCol { float: left; width: 611px; padding: 0 20px 0 0; border-right: 1px solid #EFEFEF; }
			.LeftCol h2#Intro, .TextCol h2#Intro { border-bottom: 0; margin: 0; font-size: 2.2em; font-weight: normal; color: #597A54; }
			.LeftCol p#BeIntro, .TextCol p#BeIntro { color: #A2A2A2; margin: -8px 0 10px 0; font-size: 1.3em; line-height: 35px; }

			.LeftCol p, .TextCol p { margin: 0 0 20px 0; }
		.RightCol { float: right; width: 250px; }
			#BlogNews li {  line-height: 25px; background: url(../images/icons/arrow.gif) no-repeat left 9px; padding: 0 0 0 15px; display: block; }

		.MenuCol { float: left; background: #F6F6F6; line-height: 100%; }
			.MenuCol ul {}
			.MenuCol li { width: 178px; text-align: right; padding: 0 20px 0 0; }
				.MenuCol li a:link, .MenuCol li a:visited, .Menu-Now { display: block; line-height: 40px; text-decoration: none; }
				.MenuCol li a:hover { text-decoration: none; }
				.Menu-Now { position: relative; left: 2px; background: #FFF; border: 1px solid #EFEFEF; border-right: 1px solid #FFF; font-weight: bold; color: #000; margin: 0 -1px 0 0; }
		.TextCol { float: right; width: 680px; border-left: 1px solid #EFEFEF; padding: 0 0 0 20px; background: #FFF; }


		/*****FOOTER LINK*****/
		#Footer { overflow: hidden; width: 100%; border-top: 2px solid #E7E7E7; border-bottom: 1px solid #EFEFEF; margin: 30px 0 15px 0; padding: 17px 0 20px 10px; }
		#FootLinker li { float: left; width: 170px; }
			#FootLinker li ul { }
			#FootLinker li ul li { line-height: 23px; text-transform: capitalize; }
				#FootLinker li ul li a { display: block; text-decoration: none; }
				#FootLinker li ul li a:hover { }
				#FootLinker li ul li strong { font-size: 1em; text-transform: uppercase; color: #464646; text-shadow: #FFF 1px 1px 1px; }


		/*****INFO*****/
		#Info {}
			h4 { float: left; color: #CDCDCD; }
			#Info p { float: right; text-transform: uppercase; font-size: 0.9em; }
				#Info p a { text-decoration: none; }