@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
}

p {
	margin:1em 0 1em 0;
	line-height: 1.8em;
}
p, li{
	font-size:1em;
}

img{  
	border: none;
	outline:none;
}
/* --- --------------- |Global| --------------- --- */
body{
	background-color:#C3C6C8;
	width:100%;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
}

/* --- --------------- |Global Classes| --------------- --- */
.clear {
	clear: both;
}

/* --- --------------- |Headers| --------------- --- */
h1{
	font-size:2em;
	font-weight:bold;
	line-height:1em;
	margin:1.111em 0 0.3em;
}
h2{
	font-size:1.4em;
}

h3{
	font-size:1.2em;
}

h4{
	font-size:1.0em;
}
h5{
	font-size:1.8em;
	font-weight:normal;
	line-height:1.15em;
	margin:1.125em 0 0.375em;
}
h6{
	font-size:1.4em;
	font-weight:normal;
	line-height:1.15em;
	margin:1.125em 0 0.375em;
	color:#CC4100;
}
/* --- --------------- |Anchors| --------------- --- */
a, a:active, a:visited {
	outline:none;
	border-style:none;
	text-decoration:none;
}
a.stdLink {
	color: #FC5A00;
}
a.order {
	color:#FF9C38; /*FF9C38, FFA852*/
	font-size:1.5em;
	line-height:2em
	;
	font-weight:bold;
	text-decoration:underline;
}
a.rebrand-header{
	background:none repeat scroll 0 0 #efefef;
	border-bottom:2px solid #F5DFAC;
	color:#CC4100;
	text-decoration:none;
}
a.rebrand-link {
	color:#7499C3;
}
/* --- --------------- |Classes| --------------- --- */
.rgt{
	float:right;
}

.orange{
	color:#CC4100;
}

.white{
	color:#FFF;
}

p.contact-phone {
	color: #FC5A00
}
p.testimonial{
	border-bottom:1px solid #FFDBB7;
	padding-bottom:5px;
}
.lightOrangeBackground {
	background:#FDF5CE !important; 
}
.lightGreenBackground {
	background:#CCFFCC !important; 
}

.dblBottomLightOrange {
	border-bottom:4px solid #FFDBB7 !important; 
}
.dblRightLightOrange {
	border-right:2px solid #FFDBB7 !important; 
}
.notice {
	font-size: .8em;
	line-height: 1em;
	font-style:italic;
}
div.comingSoon {
	background:#FFDBB7;
	border: 1px solid #CC4100; 	
	width: 100%;
	padding: 4px;
	color: #CC4100;
	text-align:center;
}
.center {
	text-align:center;
}
.offer {
	background:none repeat scroll 0 0 #FFDBB7;
	padding:1.25em 0.75em;
	text-align:center;
}
/* --- --------------- |End| --------------- --- */

#hostingPlans {
	border:2px solid #FFC285;
	padding:0px;
	font-size:.9em;
	margin-bottom:5px;
}
#hostingPlans th {
	color:#333;
	font-size: .9em;
	font-weight: bold;
	border-bottom:1px solid #FFC285; 
	background-color: #FFDBB7; 		
	height: 30px;
	padding: 4px;	
}
#supportPlans {
	border:2px solid #006600;
	padding:0px;
	font-size:.9em;
	margin-bottom:10px;
}

#hostingPlans td {
	height: 30px;
	padding: 4px;
}
td.gridTitle {
	text-align:right; 
	border-bottom:1px solid #FFDBB7; 
	border-right: 1px solid #FFDBB7;
	
}
td.gridPrice {
	text-align:center; 
	border-bottom:1px solid #FFDBB7; 
	border-right: 1px solid #FFDBB7;
	
}
td.gridEnd {
	text-align:center; 
	border-bottom:1px solid #FFDBB7;
}
.greenBottom {
	border-bottom:2px solid #006600 !important; 
}
	.greenBackground {
		background:#CCFFCC !important; 
	}
		.greenBottom {
			border-bottom:1px solid #006600 !important; 
		}


#supportPlans td {
	height: 30px;
	padding: 4px;
}
td.gridTitle {
	text-align:right;
	border-bottom:1px solid #FFDBB7;
	border-right: 1px solid #FFDBB7;
}
td.gridPrice {
	text-align:center; 
	border-bottom:1px solid #FFDBB7; 
	border-right: 1px solid #FFDBB7;
	
}
td.gridEnd {
	text-align:center; 
	border-bottom:1px solid #FFDBB7;
}
td.gridTitleGreen {
	text-align:right; 
	border-bottom:1px solid #99ff99; 
	border-right: 1px solid #99ff99;
	
}
td.gridPriceGreen {
	text-align:center; 
	border-bottom:1px solid #99ff99; 
	border-right: 1px solid #99ff99;
	
}
td.gridEndGreen {
	text-align:center; 
	border-bottom:1px solid #99ff99;
}
td.gridHeader {
	text-align:left;
	border-bottom:1px solid #FFDBB7;
	border-right: 1px solid #FFDBB7;
	font-weight: bold;
	font-size: 1.1em;
	color: #06C;
}
td.gridHeaderBottom {
	text-align:center; border-bottom:1px solid #CCDAFF;
}
td.greenGrid {
	text-align:center; border-bottom:1px solid green; border-right: 1px solid #CCDAFF; font-size:12px
	}
td.greenGridRight {
	text-align:right; border-bottom:1px solid green; border-right: 2px solid #CCDAFF; padding-right:4px; color:black
	}	
td.gridBottom {
	text-align:center; border-bottom:1px solid #CCDAFF; font-size:12px
}
td.gridRight {
	text-align:right; border-bottom:1px solid #CCDAFF; border-right: 2px solid #CCDAFF; padding-right:4px; color:black
}
td .gridHeaderRight {
	text-align:right; border-bottom:1px solid #CCDAFF; border-right: 2px solid #CCDAFF; padding-right:4px; color:black
}
	ol {
	padding-left:20px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 20px;
	}
/* --- --------------- |Structure| --------------- --- */
#logo {
	float:left;
}
#logo-rebrand {
	float:left;
	position:relative;
	left:-3em;
}
#phone p{
	float:right;
	margin:42px 28px 0 0;
	font-size:1.2em;
}
#frame {
	background:none repeat scroll 0 0 #FFF;
	border-top:2em solid #252421;
	margin:3em auto;
	padding:1em 5em;
	position:relative;
	text-align:left;
	width:821px;
	min-height:1900px;
	border-bottom:4em solid #252421;	
}
#newDesign {
	float:right;
	width:47%;
}
#oldDesign {
	float:left;
	width:47%;
}
#newConcept {
	float:right;
	width:47%;
}
#newConcept p{
	line-height:1.5em;
	margin:0 0 1.5em;
}
#oldConcept {
	float:left;
	width:47%;
}
#oldConcept p{
	line-height:1.5em;
	margin:0 0 1.5em;
}
#ourApproach {
	clear:both;
}

#wn-wrapper{
	width:991px;
	margin:auto;
	background-color:#FFF;
}
#r-footer {
	padding:1.25em 0.75em;
	text-align:center;	
}
#r-footer li{
	display:inline;
	color:#CC4100;
}
#r-footer a{
	text-decoration:none;
	cursor:pointer;
	color:#CC4100;
}

#telephone{
	float:right;
	margin:42px 28px 0 0;
	font-size:1.2em;
}

#wn-navbar{
	margin:auto;
	background-image:url(../images/nav-bg.jpg);
	width:950px;
	height:35px;
	font-family: Arial, Helvetica, sans-serif;
}

#wn-navbar a{
	color:#FFF;
	/*padding-left:30px;*/
	padding:0;
}

#home-nav a, #about-nav a{
	/*padding-left:24px;*/
	padding:0;
}
	#home-nav p{
		padding:0px;
		width: 83px; 
		position: relative;
		font-size:1em;
		text-align:center;
	}

li.webnet-nav {
	display: block;
	float: left;
	text-align:center;
}

li#home-nav {width: 83px}

li#about-nav {width: 98px}

li#solutions-nav {width: 99px}

li#portfolio-nav {width: 94px}

li#rebrand-nav {width: 135px}

li#hosting-nav {width: 135px}

li#rfp-nav {width: 148px}

li#careers-nav {width: 89px}

li#contact-nav {width: 110px}

li#myaccount-nav {width: 93px}
/*
	#about-nav p{
		padding:0px;
		width: 83px; 
		position: relative;
		font-size:1em;
		text-align:center;
	} */
#rfp-nav a{
	/* padding-left:24px; */
	padding:0;
}

#wn-navbar a:hover{
	color:#CCC;
}

#wn-navbar li{
	display:inline;
	font-size:1em;
	line-height:35px;
}

#home #wn-navbar{
	margin:auto;
	background-image:url(../images/nav-home.jpg);
	width:950px;
	height:35px;
}

#about #wn-navbar{
	margin:auto;
	background-image:url(../images/nav-about.jpg);
	width:950px;
	height:35px;
}	
#solutions #wn-navbar{
	margin:auto;
	background-image:url(../images/nav-solutions.jpg);
	width:950px;
	height:35px;
}	
#portfolio-pg #wn-navbar{
	margin:auto;
	background-image:url(../images/nav-portfolio.jpg);
	width:950px;
	height:35px;
}	
#hosting #wn-navbar{
	margin:auto;
	background-image:url(../images/nav-hosting.jpg);
	width:950px;
	height:35px;
}	
#rfp-page #wn-navbar{
	margin:auto;
	background-image:url(../images/nav-quote.jpg);
	width:950px;
	height:35px;
}	
#careers #wn-navbar{
	margin:auto;
	background-image:url(../images/nav-careers.jpg);
	width:950px;
	height:35px;
}	
#contact #wn-navbar{
	margin:auto;
	background-image:url(../images/nav-contact.jpg);
	width:950px;
	height:35px;
}	
#support #wn-navbar{
	margin:auto;
	background-image:url(../images/nav-support.jpg);
	width:950px;
	height:35px;
}

#wn-banner{
	margin:auto;
	background-image:url(../images/banner.jpg);
	width:950px;
	height:249px;
}

#rfp{
	margin:0;
	padding:160px 0 0 195px;
}

#wn-main{
	width:950px;
	margin:auto;
}

#wn-main li {
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 1em;
}
#wn-main ul{
	margin-top:1em;
}

#top-rgt{
	width:450px;
	float:right;
}

#quotes{
	float:right;
	background:url(../images/quotes.jpg); 
	background-repeat:no-repeat;
	width:422px;
	height:32px;	
	margin:35px 14px 0 0;
}

#top-rgt h2{
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	padding:3px 0 0 35px;
}

#chart{
	background-image:url(../images/chart.jpg);
	float:right;
	width:427px;
	height:121px;
	margin:21px 7px 21px 0;
	border:thin solid #CCC;
}

#bottom-rgt{
	float:right;
	width:425px;
	margin-top:14px;
}

#bottom-rgt li{
	list-style-type:square;
	padding:2px 0;	
}

#ul-rgt{
	float:left;
	margin-right:10px;
	width: 200px;
}

#ul-lft{
	float:left;
	margin-right:10px;
	width: 200px;
}

#top-lft, #bottom-lft{
	float:left;
	width:475px;
}

#top-lft{
	padding-top:42px;
}


#hr{
	margin:14px 0;
	border:thin solid #DDD;
}

#mb-rgt, #mb-lft, #mb-ctr{
	width:293px;
	height:88px;
	margin-top:14px;
	border:thin solid #CCC;	
}

#mb-rgt h3, #mb-rgt span, #mb-lft h3, #mb-lft span, #mb-ctr h3, #mb-ctr span{
	margin:10px 0 0 14px;
}

#mb-rgt img, #mb-lft img, #mb-ctr img{
	margin:7px 0 0 7px;	
}

#mb-rgt{
	background-image:url(../images/red-pen.jpg);
	float:right;
	margin-right:14px;
}

#mb-lft{
	background-image:url(../images/gunn.jpg);
	float:left;
	margin-left:14px;
}

#mb-ctr{
	background-image:url(../images/pink-laptop.jpg);
	float:right;
	margin-right:18px;
}

#mb-rgt span, #mb-lft span, #mb-ctr span{
	font-size:.8em;
}

#social{
	float:right;
	margin:10px 14px 0 0;
}

#social img{
	margin-left:.2em; /*changed from 17px*/
}

#wn-news{
	float:left;
	margin:40px 0 0 14px;
	width:690px;
	height:31px;
	border:thin solid #CCC;	
}

#wn-news p{
	margin:0;
}

#wn-news img{
	vertical-align:middle;
	padding-right:21px;
}

#sub-rgt-sidebar{
	float:right;
	width:300px;
}

#sub-rgt-sidebar img{
	margin:7px 0 0 7px;
}

#sub-rgt-sidebar h3, #sub-rgt-sidebar span, #sub-rgt-sidebar h4, #sub-rgt-sidebar p{
	margin:10px 0 0 14px;	
}

#sidebar-one, #sidebar-two, #sidebar-three, #sidebar-four{
	float:right;
	width:293px;
	border:thin solid #CCC;	
	margin:14px 0;
}

#sidebar-one span, #sidebar-two span, #sidebar-three span, #sidebar-four span{
	font-size:.8em;
}

#sidebar-one{
	background-image:url(../images/gunn.jpg);
	height:88px;
}

#sidebar-two{
	background-image:url(../images/pink-laptop.jpg);
	height:88px;
}

#sidebar-three{
	background-image:url(../images/red-pen.jpg);
	height:88px;
}

#sidebar-four{
	padding-bottom:14px;
}

#sidebar-four p{
	padding-right:14px;
}

#sidebar-five{
	float:right;
	/*
	width:292px;
	padding-left:35px;
	*/
}

#sub-lft{
	float:left;
	width:600px;
	margin:28px 0 0 0; /* margin:28px 0 0 14px; */
}

#sub-lft h3 span{
	font-size:1em;	
}

#sub-lft h3 a{
	color:#333;
}


#sub-lft li{
	margin-left:14px;
	padding-bottom:3px;
}

#wn-footer{
	background-image:url(../images/footer.jpg); 
	width:991px;
	margin-top:14px;
	height:218px;
}

#wn-footer p, #wn-footer span{
	font-size:.9em;
	line-height: 1.6em;
}

.foot-orange{
	color:#FC5A00;
}				 

#contact-info{
	float:left;
	width:180px;
	margin:21px 0 0 35px;
	line-height:1.2em;
}

#contact-info img{
	margin:5px 0 3px -2px;
}

#nav-footer{
	float:right;
	margin:98px 28px 0 0;
}

#nav-footer li{
	display:inline;
}

#nav-footer a{
	color:#FFF;
}

#nav-footer a:hover{
	color:#CCC;
}

#legal{
	font-size:.9em;
	float:right;
	margin-top: 60px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
#legal li{
	display:inline;
	color:#ffffff;
}
#legal a{
	text-decoration:none;
	cursor:pointer;
	color:#ffffff;
}

#wn-logo{
	float:right;
	height:35px;
	margin:35px 94px 0 0;
}


/*PORTFOLIO Page List*/
#portfolio {
	float: left;
	width: 90%;
	padding-top: 10px;
	padding-bottom: 10px;
}
#portfolio #image {
	color: #FF0000;
	float: left;
	width: 20%;
	padding-right: 20px;
}
#portfolio-site-name {
	font-size: 16px;
	color: #FF0000;
	font-weight: bold;
	float: left;
	width: 50%;
	padding-left: 30px;
	padding-top: 25px;
}
#portfolio a:hover {
	color: #CC6600;
}
#portfolio a {
	color: #666666;
	text-decoration: none;
}

/*PREVIEW*/
.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 75px;
	height: 48px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 208px;
	height: 132px;
}
/* Contact Page */
#contact #sub-lft{
	width:620px;
}

#contact fieldset{
	float:left;
	width:490px;
	margin:42px 0 14px 0;
}

#portal a{
	color:#CC4100;
	font-weight:bold;
	text-decoration:underline;
}

#portal a:hover{
	color:#000;
}

#site-map #sub-lft li{
	list-style-type:none;
	font-size:1em;
	padding:3px 0;
}

#site-map #sub-lft a{
	color:#CC4100;
}

#site-map #sub-lft a:hover{
	color:#000;
}