body{margin:0; padding:0; background:#000; border:none; position:relative;}
.clearPlz{clear:both; height:1px;}

.nudge{font-weight:bold; }
.nudge:hover{font-weight:bold; }
.introduction{font-size:16px; font-style:italic; line-height:175%; color:#000033;}

a{color:#cc0000;}
a:hover{color:#ff0000;}

#header{height:175px; background:url(../images/header-rep.jpg) repeat-x top; position:relative; margin:0px auto; padding:0; width:985px; }
/*
#logo{border:none; display:block; background:url(../images/NAF-logo.jpg); height:57px; width:79px; position:absolute; top:25px; left:26px; text-decoration:none; margin:0; padding:0;}
#logo:hover{background:url(../images/NAF-logo-over.jpg);}
#logo span{display:none;}
*/
h1{margin:0; padding:0; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:50px; font-stretch:condensed; color:#fff; position:absolute; top:10px; left:25px; font-weight:bold; width:50%; z-index:400;}
h1 a{
	color:#CC6600;
	text-decoration:none;
}
#header p{margin:0; padding:0; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:53px; line-height:62px; font-stretch:condensed; color:#000; position:absolute; top:23px; left:23px; font-weight:bold; width:50%; z-index:350px;}

/* this is the same as the 'server stat' */
#headerContact{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#fff; width:200px; text-align:right; height:20px; position:absolute; top:65px; right:30px; text-decoration:none;}
#headerContact span{color:#ff0000;}
#headerContact:hover, #headerServer:hover{color:#ccc;}

/* this is the 'server stat!' */
#headerServer{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#fff; width:200px; text-align:right; height:20px; position:absolute; top:35px; right:30px; text-decoration:none;}
#headerServer span{color:#00FF00;}
#headerServer strong{color:#ff9900;}

/* tooltips */
.toolTip{border:4px solid #e4e3e3; background:#5b616d url(../images/help-bottom-rep.jpg) repeat-x bottom; font-size:12px; width:220px; font-family:Arial, Helvetica, sans-serif; padding:5px;  color:#fff;}
.toolTip strong{display:block; padding:5px 0; background:#e4e3e3; color:#000; position:absolute; top:-30px; left:0px; font-weight:normal; font-size:18px; padding:4px; font-weight:bold;}

/* main menu! remember to make it bigger if you need to put in more items */
#m1{position:absolute; top:111px; height:47px; left:50%; width:600px; margin:0 0 0 -200px;}
#m1 a{display:block; height:47px; float:left; margin:0 10px; text-decoration:none; color:#999; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; font-size:12px;}
#m1 a span{display:block; height:47px;}
#m1 a span span{padding:0 10px; line-height:47px; cursor:pointer; display:block;} 

/* why is IE6 such a pile of poo? */
* html #m1 a{width:150px; text-align:center;}

#m1 a:hover, .m1on{background:url(../images/m1-main-rep.jpg) repeat-x top; color:#000 !important; border-left:1px solid #fff; border-right:1px solid #fff; margin:0 9px;}
#m1 a:hover span, .m1on span{background:url(../images/m1-over-left.jpg) no-repeat left;}
#m1 a:hover span span, .m1on span span{background:url(../images/m1-over-right.jpg) no-repeat right !important;}

a.m1on:hover{margin:0 10px !important;}

/* footer */
#footer{height:360px; background:#000 url(../images/footer-rep.jpg) repeat-x top; position:relative; width:985px; clear:both; margin: 0px auto; }
.footerItem{width:33%; float:left; padding:70px 0 0; }
.footerItem h3{color:#999; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px;}
.footerItem p{color:#555; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px;}
.footerItem a{color:#CC0000;}
.footerItem a:hover{color:#FF9900; text-decoration:none;}
.footerItem input{width: 150px; background:#000; border:1px solid #444; color:#fff; font-family:"Courier New", Courier, monospace; padding:2px; font-size:12px; clear:both; }
.footerItem select{background:#000; border:1px solid #666; color:#fff; font-family:"Courier New", Courier, monospace; padding:2px; font-size:12px;}

.footerSubmitButton{color:#CC0000 !important; font-family:Arial, Helvetica, sans-serif !important; font-size:14px !important; border:none !important; background:none;  width:250px !important; text-align:left; text-decoration:underline; margin:5px 0; cursor:pointer !important;}
.footerSubmitButton:hover{color:#cc0000;}

.footerItem h3, .footerItem p, .footerItem form{margin:0 10%; padding:10px 0;}

/* the scrolling div */
#scrollDiv{height:380px; position:relative; overflow:hidden; width:985px; margin:0px auto;}

/* and the bit that moves */
#scrollContainer{height:400px; width:10000px; position:absolute; top:0; left:0; background:url(../images/introfuns-rep.jpg) repeat-x bottom;}

/* some standard bits */
#scrollContainer h2{font-size:30px; font-family:Arial, Helvetica, sans-serif; color:#cc0000; font-weight:normal; margin:0; padding:0; position:absolute; }

/* panel 1 */
#panelHosting{ top:0px; left:1170px; width:900px; height:400px; }
#panelHosting a{color:#cc0000;}
#panelHosting a:hover{color:#ff0000; text-decoration:none;}
#panelHostingBox{width:256px; height:388px; position:absolute; bottom:0; left:600px; margin:0; padding:0; display:block; border:none;}
#panelHostingBox img{border:none;}
#panelHosting h2{top:0px; left:0;}
#panelHosting h2 a{color:#cc0000; text-decoration:none;}
#panelHostingList1{position:absolute; top:50px; width:200px; left:50px; font-size:11px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#444; line-height:160%;}
#panelHostingList1 span{padding:0 5px 0 0; color:#ccc;}
#panelHostingList2{position:absolute; top:50px; width:200px; left:300px; font-size:11px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;  color:#444; line-height:160%;}
#panelHostingList2 span{padding:0 5px 0 0; color:#ccc;}

/* panel 2 */
#panelDomains{ top:0; left:3170px; width:900px; height:400px; }
#panelDomainsHouse{width:577px; height:376px; position:absolute; bottom:16px; right:0;}
#panelDomains h2{top:0; left:0;}
#panelDomainsForm{width:250px; position:absolute; top:50px; left:0; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;  font-size:14px;}
#panelDomainsForm strong{color:#000066;}

/* panel 3 */
#panelWeb{ top:0; left:5170px; width:900px; height:400px;}
#panelWeb h2{top:0; left:0;}
#panelWeb h2 strong{font-weight:normal; color:#009900;}

#panelWebText{top:60px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:13px; width:450px;}
#panelWebText p{margin:0; padding:0 0 10px 0;}
#panelWebText p a{color:#ff9900; font-size:17px;}


/* quote marks */
.quoteMarks{background:url(../images/quotes.gif) no-repeat top left; width:900px; margin:20px auto; }
.quoteMarks blockquote{padding:30px 120px; font-size:18px; color:#5a8691; font-family:Georgia, "Times New Roman", Times, serif; line-height:140%; font-style:italic;}
.quoteMarks p{text-align:right; padding:10px 120px; font-size:11px; color:#999; font-family:Verdana, Arial, Helvetica, sans-serif;}
.quoteMarks a{color:#000;}


/* standard page stuff */


.page a{color:#CC6600;}
.page a:hover{color:#ff9900; text-decoration:none;}

.bigRap{border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#fbfcf9; padding:10px; position:relative; width: 950px; margin: 0px auto;}

.page{width:950px; margin:0 auto; font-size:13px; color:#444; font-family:Tahoma, Arial, Helvetica, sans-serif; position:relative;}
.page h2, h3, h4, .outsidePageTitle {font-family:Arial, Helvetica, sans-serif; color:#cc0000; font-weight:normal; margin:0; padding:5px 0; clear:both;}
.outsidePageTitle{width:950px; margin:10px auto;}
.page h2{ font-size:30px;}
.page h3{ font-size:18px;}
.page h4{font-size:15px;}
.keywords{ font-size:28px; color: #000; text-align: center; }

.leftPage{width:620px; float:left;}
.rightPage{width:300px; float:right; background:url(../images/sidebar-grad.jpg) no-repeat top left; min-height:320px;}
* html .rightPage{height:500px;}
.rightPage h2{font-size:40px; color:#ff9900; margin:0 0 0 50px;}
.rightPage a, .rightPage p{color:#578598; text-decoration:none; font-size:16px; display:block; padding:5px 0 15px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;  margin:0 0 0 50px;}
.rightPage span{ color:#cc0000; display:block;}
.rightPage a:hover{color:#12536e; text-decoration:underline;}


/* back to top */
.backToTop{background:url(../images/arrow-up-lightgrey.gif) no-repeat left; padding:0 10px; width:100px; position:absolute; top:-13px; left:50%; margin:0 0 0 350px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ccc  !important; display:block; font-size:9px; text-decoration:none; height:11px;}
.backToTop:hover{background:url(../images/arrow-up-red.gif) no-repeat left; color:#444 !important;}


/* hosting comp table */
.hosting_table {border: 1px solid #ccc; width: 620px; border-spacing: 0; font-family:Verdana, Arial, Helvetica, sans-serif; margin:10px 0;}
.hosting_table td {border-bottom: 1px solid #ccc; padding:5px; margin: 0; font-size: 13px; text-align: center; background:#fff;}
.hostingMidTD{background:#f9f9f9 !important;}
.hosting_table th {font-size: 18px !important; text-align:center; background:#8d0000 url(../images/orange-upgrad.jpg) repeat-x top; padding:5px; color:#fff; font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}
.sub_heading {font-size: 18px  !important; text-align:center; background:#fff url(../images/upgrad.jpg) repeat-x bottom !important; padding:5px; color:#666; font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}
.left_heading {text-align: left !important; font-size:12px !important; color:#999 !important; width:250px;}

.hostingOrder{background:#fff !important;padding:2px !important;}
.hostingOrder a{display:block; padding:5px;border:1px solid #cc0000; color:#fff; text-decoration:none; font-size:16px; font-weight:bold; text-align:center; background:#8d0000 url(../images/orange-upgrad.jpg) repeat-x top;}

/* order form table */
.orderform_table {border: 1px solid #ccc; width: 820px; border-spacing: 0; font-family:Verdana, Arial, Helvetica, sans-serif; margin:10px 0;}
.orderform_table td {border-bottom: 1px solid #ccc; padding:5px; margin: 0; font-size: 13px; text-align: center; background:#fff;}
.orderformMidTD{background:#f9f9f9 !important;}
.orderform_table th {font-size: 18px !important; background:#8d0000 url(../images/orange-upgrad.jpg) repeat-x top; padding:5px; color:#fff; font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}
.sub_heading {font-size: 18px  !important; text-align:center; background:#fff url(../images/upgrad.jpg) repeat-x bottom !important; padding:5px; color:#666; font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}
.left_heading {text-align: left !important; font-size:12px !important; color:#999 !important; width:250px;}

.hostingOrder{background:#fff !important;padding:2px !important;}
.hostingOrder a{display:block; padding:5px;border:1px solid #cc0000; color:#fff; text-decoration:none; font-size:16px; font-weight:bold; text-align:center; background:#8d0000 url(../images/orange-upgrad.jpg) repeat-x top;}

/* thing to the right of the table */
.rightOfTable{ width:300px; float:right; padding:30px 0;}
.rightOfTable h3{ width:300px; font-size:40px; color:#ff9900; }
.rightOfTable ul, ol{margin:0; padding:0;}
.rightOfTable li{color:#999; text-decoration:none; font-size:20px !important; display:block; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;  margin:10px 0; padding:5px 10px; border-left:7px solid #e4e7e4;}
.rightOfTable li a{color:#333; text-decoration:none;}


/* form fun */
form.order{}
form.order .page{margin:0 auto; padding:0; width:900px;}
form.order p{clear:both; padding:10px 0;}
form.order label{display: block;	float: left; width: 20%; text-align: right;	margin: 0 10px 0 0; padding-bottom: 15px; clear: left; color:#666; font-size:11px; }
form.order select, form.order input, form.order textarea{float: left; display: block; width: 45%; margin: 0 0 15px 0;  padding: 3px; border:1px solid #ccc; font-size:16px; background:#fff;}
.checkbox{width:20px !important; height:20px;}

.imageVerify{font-size:13px; margin:0 auto 0; }
.imageVerify img{margin:5px 0; padding:2px; background:#fff; border:1px solid #ccc;}

.submitButtonPage{ text-align:center;}
.submitButtonPage input{ font-size:30px !important; color:#ff9900; width:100% !important; padding:15px !important; margin:10px !important; background:#000 !important; cursor:pointer;}

/* portfolio */
.previewleft { width: 200px; height: 233px; float: left; z-index: 0; padding-left: 50px; padding-right: 45px; }
.previewright { width: 200px; height: 233px; float: left; z-index: 0; padding-left: 50px; padding-right: 45px; }
.caption { padding-top: 138px; text-align: center; }

/* container wrap */
#container-wrap { width: 985px; margin: 0px auto; background: #FFF; }

.page #right-menu-home {
	float: right;
	background-image: url(../images/related-bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.page #right-menu-home #right-menu-bottom {
	width: 262px;
	float: left;
	background-image: url(../images/related-endcap.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	margin: 0px;
	padding-top: 90px;
	padding-left: 19px;
	padding-right: 19px;
	padding-bottom: 40px;

}
.page #right-menu-home #right-menu-bottom h2 {
	font-size: 14px;
	font-weight: bold;
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 0px;
}
.page #right-menu-home #right-menu-bottom p {
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 6px;
}
.page #main-content {
	width: 640px;
	float: left;
}
.page #main-content #lefttop {
	height: 110px;
	width: 320px;
	float: left;
}
.clearall {
	clear: both;
}

.page #main-content #righttop {
	height: 110px;
	width: 320px;
	float: left;
}
.page #main-content #leftbottom {
	height: 110px;
	width: 320px;
	float: left;
}
.page #main-content #leftright {
	float: left;
	height: 110px;
	width: 320px;
}
.page #main-content h2 {
	display: inline;
	font-size: 16px;
	width: 100px;
}
.page #main-content img {
	border: 1px solid #CCCCCC;
	margin-right: 10px;
}
.page #main-content p {
	margin-top: 0px;
	margin-bottom: 6px;
}

.page #main-content h1 {
	font-size: 24px;
	font-family:Segoe Script, Arial, Helvetica, sans-serif;
	color: #000000;
}
.page #main-content #main-content-title {
	height:70px;
}
.news {
	margin:10px;
	height:150px;
	float:left;
}

.news #leftimage {
	float: left;
	width:200px;
}
.news #output {
	float: left;
	width:280px;
	padding-left: 20px;
}
.news #output p {
margin: 2px;
}
#newswrapper {
	border: 2px solid #DFDFDF;
	background-color: #F5F5F5;
	float: left;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	width: 500px;
	height:160px;
}