/*

	Cascading Style Sheet for AMwebhosting.net (www.amwebhosting.net)

	Designed and Coded by Admir Camdzic (admir@amwebhosting.net)

	

	www.amwebhosting.net

	+387 65 931 953

	Copyright (C) 2006-2011. All rights reserved.



*/





/*  General  */

body {margin: 0px; padding: 0px;}

img {border: none;}

img.displayed {display: block; margin-left: auto; margin-right: auto;}

a {text-decoration: none;}

.page {margin-left:auto;margin-right:auto; width: 900px;}

.label {float: left; width: 150px; text-align: right; padding-right: 10px;}

.input2 {float: left; margin-left: 5px; text-align: left;}



/* START - MANUAL FONTS ON SITE  */

@font-face {
	font-family: 'Century Gothic';

        /* for IE */
	src: url('http://www.amwebhosting.net/fonts/century_gothic.eot');

        /*
         * for non-IE: first see if the font exists locally on the browser's
         * computer.  If so, use that copy of the font.  Otherwise, load it
         * from the server
         */
	src: local('Century Gothic'),
	     url('http://www.amwebhosting.net/fonts/century_gothic.TTF') format('truetype');
}

/*  ENDS - MANUAL FONTS ON SITE  */



/*  Header  */

#header {padding: 0px; width: 900px;}

.left_column_header {

	float: left;

	width: 50%;

	margin-top: 20px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}

.right_column_header {color: #bbb; float: right; font-family: Century Gothic, arial, sans-serif; font-size: 11px; margin: 30px 0px 0px 0px; text-align: right; width: 50%;}

.right_column_header a {color: #bbb; text-decoration: none;}

.right_column_header a:hover {color: #bad532; text-decoration: underline;}



.toplink {

	margin-right: 10px;

}



.splash {background: url(images/splash22.png) top left no-repeat; height: 300px; width: 900px;}

.splash-content {color: #fff; font-family: Century Gothic, arial, sans-serif; font-size: 12px; padding: 70px 10px 20px 10px;}



.splash-content-left {float: left; width: 630px; }

.splash-content-right {

	float: right;

	width: 225px;

	padding-top: 154px;

}



.splash-content ul{list-style: none; font-size: 14px;}

.splash-content li{padding-top: 2px; padding-bottom: 2px;}

.splash-list {width: 600px; margin-top: 5px;}

.splash-left {

	float: left;

	margin-left: 2px;

}

.splash-right {

	float: right;

	margin-right: 50px;

}



.splash a{color: #fff; text-decoration: none;}

.splash a:hover{color: #ff6600; text-decoration: none;}





/*  Navigation  */

#navigation {background: url(images/navbg.gif) center; height: 37px; margin: 30px 0px 20px 0px; width: 900px;}

#navigation .left {background: url(images/navbg.gif) bottom left no-repeat; height: 37px; padding: 0px 0px 0px 15px; position: relative;}



#navigation a {display: block; float: left; height: 37px;}

#navigation a span {display: none;}

#navigation a.active, #navigation a:hover {background-position: bottom;}



#navigation .seperator {background-image: url(images/navbg.gif); float: left; height: 37px; width: 15px;}



#navigation a.home {background-image: url(images/navhome.gif); width: 73px;}

#navigation a.shared {background-image: url(images/navshared.gif); width: 105px;}

#navigation a.reseller {background-image: url(images/navreseller.gif); width: 145px;}

#navigation a.dedicated {background-image: url(images/navdedicated.gif); width: 158px;}

#navigation a.affiliates {background-image: url(images/navaffiliates.gif); width: 101px;}

#navigation a.support {background-image: url(images/navsupport.gif); width: 88px;}

#navigation a.signup {background-image: url(images/navsignup.gif); position: absolute; right: 0px; width: 125px;}



.sidenav {font-family: Century Gothic, arial, sans-serif; font-size: 12px; font-weight: bold; color: #333; text-align: left; width: 100%; margin-bottom: 0px; margin-left: 0; border-top: 2pt solid #ccc; border-bottom: 2pt solid #ccc;}

.sidenav ul {list-style: none; margin: 0; padding: 0; border: none;}

.sidenav li {border-bottom: 1px solid #ccc; padding-left: 0px; padding-top: 0px; background-color: #F6F6F6;}

.sidenav li a {display: block; padding: 5px 5px 5px 15px; text-decoration: none; font-family: Century Gothic, arial, sans-serif; font-size: 12px; font-weight: normal; color: #333;}

.sidenav li a:hover {display: block; background-color: #333; color: #fff; border-left: 5px #ff9900 solid; padding-left: 10px;}

.sidenav li a.selected {color: #fff; font-weight: bold; font-size: 12px; background-color: #333; border-left: 5px #ff9900 solid;}



.sidenav ul .sub {list-style: none; padding-left: 20px;}



/*  Content  */

.content {color: #222222; font-family: Century Gothic, arial, sans-serif; font-size: 12px; line-height: 18px; margin: 30px auto 30px;}

.sub_content {color: #222222; font-family: Century Gothic, arial, sans-serif; font-size: 12px; line-height: 18px; margin-top: 1px; width: 900px;}



.left_column {border-right: solid 1px #cccccc; float: left; width: 614px; padding-right: 10px;}

.lcolumn_content {padding: 10px;}

.lcolumn_content h1 {color: #222222; font-weight: bold; font-size: 18px; border-left: 10px solid #ccc; padding-left: 5px;}

.lcolumn_content h3 {color: #222222; font-weight: bold; font-size: 14px; border-left: 5px solid #ddeb99; padding-left: 5px; padding-bottom: 0px; margin-bottom: 2px; margin-top: 30px;}

.lcolumn_content a{color: #99b11f; text-decoration: underline;}

.lcolumn_content a:hover{color: #ff6600; text-decoration: none;}

	

.right_column {background: #fff url(images/rcolbg.gif) top left repeat-x; float: right; width: 275px;}

.rcolumn_content {color: #222222; font-size: 12px; font-family: Century Gothic, arial, sans-serif; padding: 10px;}



.rcolumn_fbox {margin-top: 20px; width: 100%;}

.rcolumn_fbox h1 {color: #a5bd2c; font-size: 16px; font-weight: normal;}

.rcolumn_fbstyle {background-color: #fff; border: solid 1px #ccc; padding: 10px;}

.rcolumn_fbcontent {background-color: #f7f7f7; border: 1px solid #e8e8e8; color: #222222; font-size: 11px; padding: 5px; margin-top: 5px;}

.rcolumn_fbmore {background: url(images/rctab.gif) top right no-repeat; color: #666; font-size: 11px; height: 25px; text-align: right; padding-right: 20px;} 

.rcolumn_fbmore a{color: #ff6600; text-decoration: none;}

.rcolumn_fbmore a:hover{color: #666; text-decoration: none;}



.box {background-color: #f7f7f7; border: 1px solid #bbbbbb; margin-bottom: 30px; padding: 10px;}

.quote {font-style: italic; margin-top: 5px;}

.review {float: right; padding-top: 2px;}



.box2 {background: #f7f7f7 url(images/planbg.gif) top left no-repeat; border: 1px solid #bbbbbb; margin-bottom: 30px; padding: 10px 10px 10px 120px;}

.box3 {background: #f7f7f7 url(images/mailbg.gif) top left no-repeat; border: 1px solid #bbbbbb; margin-bottom: 30px; padding: 10px 10px 10px 120px;}
.box4ticket {background: #f7f7f7 url(images/support_ico-tiket.png) center left no-repeat; border: 0px solid #bbbbbb; margin-bottom: 30px; padding: 10px 10px 10px 90px;}
.box5email {background: #f7f7f7 url(images/support_ico-mail.png) center left no-repeat; border: 0px solid #bbbbbb; margin-bottom: 30px; padding: 10px 10px 10px 90px;}
.box6livechat {background: #f7f7f7 url(images/support_ico-chat.png) center left no-repeat; border: 0px solid #bbbbbb; margin-bottom: 30px; padding: 10px 10px 10px 90px;}
.box7skype {background: #f7f7f7 url(images/support_ico-skype.png) center left no-repeat; border: 0px solid #bbbbbb; margin-bottom: 30px; padding: 10px 10px 10px 90px;}
.box8telephone {background: #f7f7f7 url(images/support_ico-telephone.png) center left no-repeat; border: 0px solid #bbbbbb; margin-bottom: 30px; padding: 10px 10px 10px 90px;}

.box3 input {padding: 5px; font-size: 12px; margin-bottom: 5px;}

.box3 label {font-weight: bold;}



.staffpic {float: left; border: 1px solid #666; width: 100px; height: 100px;}

.staffprofile {margin-left: 130px; text-align: left;}



/*	Comparison Table	*/

.highlight {color: #a5bd2c; font-weight: bold;}



.tframe {margin: 30px 0px 30px 0px; width: 590px;}

.tframe2 {margin: 40px 0px 30px 0px; width: 590px;}

.tframe h2{font-size: 16px; color: #000000;}



.tb1 {background: #333333 url(images/tbbg.jpg) top left repeat-x; color:#ffffff; font-family:Century Gothic,Arial,Tahoma,Verdana,Helvetica,sans-serif;  font-size: 16px; font-weight: normal;}

.tb1a {background: #333333 url(images/tbbg.jpg) top left repeat-x; color:#ffffff; font-family:Century Gothic,Arial,Tahoma,Verdana,Helvetica,sans-serif;  font-size: 14px; font-weight: normal;}



.tb2-fade {background: #f7f7f7 url(images/tbg.png) top left repeat-x; border-bottom:1pt solid #cccccc; border-right: 1pt solid #cccccc; font-family:Century Gothic,Arial,Tahoma,Verdana,Helvetica,sans-serif; font-size:12px; color:#333; font-weight:normal;  height: 30px;}

.tb2 {background-color: #f7f7f7; border-bottom:1pt solid #cccccc; border-right: 1pt solid #cccccc; font-family:Century Gothic,Arial,Tahoma,Verdana,Helvetica,sans-serif; font-size:12px; color:#333; font-weight:normal;  height: 30px;}



/*  Dedi Boxex  */

.leftbox {float: left; width: 190px; margin-right: 10px; margin-top: 20px; margin-bottom: 20px;}

.midbox {float: left; width: 190px; margin-right: 10px; margin-top: 20px; margin-bottom: 20px;}

.rightbox {float: left; width: 190px; margin-top: 20px; margin-bottom: 20px;}



.boxframe {border: 1px solid #bbbbbb; height: 205px; padding: 10px;}

.c2 {

	background: #fff url(images/shoutcast-paket1.png) top;

}

.p2 {

	background: #fff url(images/shoutcast-paket2.png) top;

}

.dc2 {

	background: #fff url(images/shoutcast-paket3.png) top;

}

.dx2 {background: #fff url(images/dedibgdx24.gif) top;}

.dc3 {background: #fff url(images/dedibgdcx3210.gif) top;}

.w2 {background: #fff url(images/dedibgw2.gif) top;}



.v1 {background: #fff url(images/virt1.gif) top;}

.v2 {background: #fff url(images/virt2.gif) top;}

.v3 {background: #fff url(images/virt3.gif) top;}

.v4 {background: #fff url(images/virt4.gif) top;}



.boxframe-content {color: #666; font-size: 12px; height: 125px;}

.boxframe-content ul{padding-left: 5px; margin-left: 0px; list-style-position: inside;}



.boxframe h2{border-bottom: solid #a5bd2c 2px; color: #333; font-size: 14px; font-weight: bold; padding: 0px; margin: 0px 0px 10px 0px;}

.boxframe-left {float: left; padding-top: 12px; width: 50%; text-align: left;}



/*  index Mid  */

.mid {margin: 30px 0px 30px 0px; width: 900px;}



.escape {background: url(images/escape-gif-1.gif) top left no-repeat; float: left; height: 253px; margin-right: 25px; width: 250px;}

.escape_content {color: #999999; font-weight: normal; font-size: 16px; padding: 130px 0px 20px 1px;}

.escape_content2 {color: #999999; font-weight: normal; font-size: 16px; padding: 20px 0px 20px 1px;}

.escape_content3 {color: #333; font-weight: normal; font-size: 16px; padding: 0px 0px 20px 15px;}

.escape_content3 a{color: #ff9900; text-decoration: none;}

.escape_content3 a:hover{color: #ff9900; text-decoration: underline;}



.ec70 {background: url(images/hot_icon.gif) top left no-repeat; padding: 7px 0px 5px 35px;}

.ectran {background: url(images/transfer_icon.gif) top left no-repeat; padding: 7px 0px 5px 35px; margin-top: 5px;}



.phone {background: url(images/phone_icon.gif) top left no-repeat; padding: 7px 0px 5px 35px;}

.echat {background: url(images/chat_icon.gif) top left no-repeat; padding: 7px 0px 5px 35px; margin-top: 5px;}

.eforum {background: url(images/forum_icon.gif) top left no-repeat; padding: 7px 0px 5px 35px; margin-top: 5px;}

.edesk {background: url(images/desk_icon.gif) top left no-repeat; padding: 7px 0px 5px 35px; margin-top: 5px;}



.wwreseller {background: url(images/wwreseller.gif) top left no-repeat; float: left; height: 253px; margin-right: 20px; width: 250px;}

.wwr_content {font-size: 11px; line-height: 14px; padding: 5px;}

.wwr_title {

	color: #000;

	font-size: 22px;

	font-weight: bold;

	letter-spacing: -1px;

	line-height: 22px;

}

.wwr_subtitle {color: #666666; font-size: 14px; font-weight: normal; margin-bottom: 10px;}



.mid_right {background: url(images/mid_right_bg.gif) top left no-repeat; float: right; height: 243px; padding: 12px 2px 0px 4px; width: 345px;}

.mr_section {background: url(images/mr_section.gif) top left no-repeat; height: 70px; margin-bottom: 10px; width: 341px;}

.mr_icon {float: left; padding: 13px 15px 10px 13px;}

a.mr_link {display: block; float: right; margin-top: 35px; width: 20px; height: 25px;}

.mr_content {color: #666666; font-size: 11px; line-height: 14px; padding-top: 11px; text-align: left;}

.mr_content h2{color: #222222; font-size: 18px; font-weight: bold; letter-spacing: -1px; line-height: 18px; padding: 0px; margin: 0px 0px 2px 0px;}



.migleft {float: left;}

.migright {float: right;}

.migration_section {background: url(images/migbg.gif) top left no-repeat; height: 70px; margin-bottom: 10px; width: 271px;}

.migration_icon {float: left; padding: 13px 15px 10px 13px;}

a.migration_link {display: block; float: right; margin-top: 35px; width: 20px; height: 25px;}

.migration_content {color: #666666; font-size: 11px; line-height: 14px; padding-top: 11px; text-align: left;}

.migration_content h2{color: #222222; font-size: 14px; font-weight: bold; letter-spacing: -1px; line-height: 18px; padding: 0px; margin: 0px 0px 2px 0px;}



/*  Footer  */

#footer {margin: 30px auto 30px; padding: 0px; width: 900px;}



.footer_bar {background: url(images/navbg.gif) center; border-left: 1px solid #ccc; border-right: 1px solid #ccc; height: 37px; text-align: right; width: 898px;}

.fb_links {color: #bbb; float: right; font-family: Century Gothic, arial, sans-serif; font-size: 12px; padding-top: 10px; margin-right: 5px;}

.fb_links a {color: #666;  margin-left: 5px; margin-right: 5px; text-decoration: none;}

.fb_links a:hover {color: #222222; text-decoration: underline;}

.fb_icon {float: right; padding-right: 1px;}



.footer_dark {background: #333333 url(images/footer_bottom.gif) bottom right no-repeat; color: #ccc; font-family: Century Gothic, arial, sans-serif; font-size: 10px; padding: 5px 5px 20px 0px; text-align: right;}