/*
	Author: John Fischelli
*/

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

body{font: 12px/1.5em "Lucida Grande", Arial, sans-serif; color: #333; /*background:#fff url(images/bgbg.jpg) bottom repeat-x*/ ; padding:0; margin:0;}
html{margin:0px; padding:0px; background: #FFFBBE  url(images/dallasispbg.jpg) bottom left fixed repeat-x;}
a{color:#333;}
p{text-align:justify;}

#wrapper{width:100%; margin:0px; padding:0px;}
#container{width:1018px; margin:auto; background-image:url(images/containerbg.png); background-repeat:repeat-y;}
#containerbottom{width:1018px; margin:auto; background-color:#FFFFFF; background:url(images/bottomcontainerbg.png) no-repeat; height:50px; font-size:11px; color:#666666;}
#containerbottom ul{list-style-type:none; margin:0px 0px 0px 55px; padding:6px 0px 0px 0px; border-top:solid 1px #ccc; width:800px;}
#containerbottom li{float:left; margin:0px 0px 0px 15px; padding:0px 0px 0px 0px;}
#containerbottom li a{color:#666; text-decoration:none; padding:5px;}
#containerbottom li a:hover{color:#fff; /*background-color:#51ABE9;*/}
.footerblue:hover{background:#51ABE9;}
.footerred:hover{background:#E65551;}
.footergreen:hover{background:#84C96E;}
.footeryellow:hover{background:#DBDD59;}
.footerorange:hover{background:#EB8B4B;}
.footerpurple:hover{background:#A077B5;}
.footerteal:hover{background:#66CDD0;}
#containerbottom p {clear:both; color:#000; margin:0px 0px 0px 335px; padding:20px 0px 0px 0px; }
#containerbottom p a{color:#000;}
#clearboth{clear:both;}
#content{background-image:url(images/contentbg.jpg); background-repeat:no-repeat; width:758px; float:left; margin: 10px 25px 0px 0px;}
#content2{width:757px; float:left; margin: 10px 0px 0px 48px; padding:0px 0px 0px 0px;}
#content2 img{margin-left:13px;}
#content2 p{margin: 10px 3px 10px 12px;}
#content2 h1{margin: 10px 3px 10px 12px;}
#content2 a{}
#content2top{width:758px; float:left; margin-top:-10px;}
#content2 table{ margin:0px 0px 10px 12px;}
#content2 table td{height:25px; border-bottom:solid 1px #ccc; padding: 2px 0px;;}
#topleft{width:469px; float:left; padding:0px 0px 0px 0px;}
#topright{width:254px; float:left; padding:0px 10px 10px 10px; margin:auto;}
#form{margin:0px 5px 5px 5px; border:solid 1px #E65551; min-height:300px; padding: 5px 0px 0px 0px;}
h2{margin: 10px 3px 10px 12px;}
h2 a:hover{color:#E65551;}
h6{font-size:10px; color:#fff; background: #E65551; margin:8px 0px 0px 5px; padding:2px; width:100px;}
#remotesupporthere{width:160px; height:95px; background:url(images/remotesupporthere.png) no-repeat; position:relative; top:150px; right:-980px; #right:-175px; z-index:1000;}

.learnmore{ padding:3px 0px 3px 0px; }
.learnmore a{color:#51ABE7; padding:3px 0px 3px 12px; background-image:url(images/plus.jpg); background-repeat:no-repeat; background-position:left 6px;}
.learnmore a:hover{color:#FF0000; background-image:url(images/rplus.jpg); background-repeat:no-repeat; background-position:left 7px;}
.blockquote{background-color:#3b8ec6; background-image:url(images/quote.png); background-repeat:repeat-x; padding:8px; color:#fff; font-size:12px; text-align:justify; border:dashed 2px #fff;}
.overflow{margin-top:20px;}

#content a img{ margin:10px 0px 0px 0px; display:block; clear:both;}
#header{margin: 0px 0px 0px 60px;}
#topnav{width:740px; height:40px; font-family:tahoma, arial; font-size:14px; border:dashed 1px #999; margin:5px 0px 0px 60px;}
#topnav ul{margin:0px 0px 0px 50px;  padding:0px; list-style-type:none;}
#topnav ul li{float:left; margin-top:10px;}
#topnav ul li a{padding:8px 10px; margin:2px 20px -8px; color:#999; text-decoration:none;}
#topnav a:hover{color:#333; }
#imgmover{margin:auto; width:474px;}
#imgmover2{margin:auto; width:234px;}

#lrcontain{width:100%;padding:10px 0px 0px 0px;}
#left{width:20%; float:left;}
#right{width:77%; min-height:475px; float:left; border-left:solid 1px #ccc;}


/* Services page stuff */
h5{font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#84C96E; text-transform:uppercase; text-align:center; margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; }
.imgsize{height:133px;}
#list-1{ padding:0px 0px 0px 0px;}
#list-2{ padding:0px 0px 8px 0px;}
#holder-s{width:177px; height:370px; float:left; border-right:1px dashed #ccc; border-top:1px dashed #ccc; padding:5px;}
#holder-s p{text-align:justify; color:#8e8c8c; width:150px; margin:2px 0px 0px 15px; padding:2px 0px 0px 0px; border-top:1px dashed #ccc;}
.h1red{color:#E65551; margin-left:10px; border-bottom:2px solid #E65551; padding-bottom:6px;}
.h1green{color:#84C96E; margin-left:10px; border-bottom:2px solid #84c96e; padding-bottom:6px;}
.h1yellow{color:#DBDD59; margin-left:10px; border-bottom:2px solid #DBDD59; padding-bottom:6px;}
.h1orange{color:#EB8B4B; margin-left:10px; border-bottom:2px solid #EB8B4B; padding-bottom:6px;}
.h1blue{color:#51ABE6; margin-left:10px; border-bottom:2px solid #51ABE6; padding-bottom:6px;}
.h1teal{color:#66CDD0; margin-left:10px; border-bottom:2px solid #66CDD0; padding-bottom:6px;}
.h1purple{color:#A971C6; margin-left:10px; border-bottom:2px solid #A971C6; padding-bottom:6px;}
.green{color:#84C96E;}
.yellow{color:#DBDD59;}
.orange{color:#EB8B4B;}
.blue{color:#51ABE6;}
.red {color:#E65551;}
.teal{color:#66CDD0;}

/*Hosting page stuff */
#hostcontainer{width:790px; padding:0px 0px 0px 12px; clear:both;}
#hostunit{width:175px; background:#eee url(images/hostunitbg.jpg) repeat-x; border:dashed 1px #999; float:left; margin:0px 10px 0px 0px;}
#hostunit h5{margin:0px; color:#fff; background:#EB8B4B url(images/hosth5bg.jpg) repeat-x; padding:3px 0px;}
#hostunit h5 a{color:#fff; display:block;}
#hostunit ul{margin:0px; padding:0px 0px 0px 20px; font-size:11px;}
#hostunit p{margin:0px; padding:0px;}
.highlight{background:#FFFF00; border-top:1px solid #fff; font-weight:bold; font-size:14px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#000; text-align:center;}
/*p.highlight:hover{background:#000;}*/
.moreinfo{background:#999; border-top:1px solid #fff; font-weight:bold; font-size:14px; text-transform:uppercase; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#fff; text-align:center;}
p.moreinfo:hover{background:#51ABE6;}
.moreinfo a{text-decoration:none; color:#fff;}

/*Hosting detail pages*/
#leftnav{width:165px; float:left;}
#leftnav ul{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style:none; border:solid 1px #E65551;}
#leftnav li{line-height:25px; padding:0px 0px 0px 0px; }
#seeallplans a{display:block; padding:0px 0px 0px 10px; background:#FFA19F; color:#AF2420; border-bottom:dashed 1px #E65551; text-decoration:none;}
#seeallplans a:hover{background:#E65551; color:#fff;}
#plan10 a{display:block; padding:0px 0px 0px 10px; background:#C2FFAF; color:#308F11; border-bottom:dashed 1px #E65551; text-decoration:none;}
#plan10 a:hover{background:#84C96E; color:#fff;}
#plan20 a{display:block; padding:0px 0px 0px 10px; background:#FEFF9F; color:#7E7F0F; border-bottom:dashed 1px #E65551; text-decoration:none;}
#plan20 a:hover{background:#DBDD59; color:#fff;}
#plan30 a{display:block; padding:0px 0px 0px 10px; background:#FFB27F; color:#9F4509; border-bottom:dashed 1px #E65551; text-decoration:none;}
#plan30 a:hover{background:#EB8B4B; color:#fff;}
#plan40 a{display:block; padding:0px 0px 0px 10px; background:#8FD5FF; color:#136A9F; border-bottom:dashed 1px #E65551; text-decoration:none;}
#plan40 a:hover{background:#51ABE6; color:#fff;}
#right{float:left; margin:0px 0px 0px 10px;}
#right table{ margin:0px 0px 10px 12px;}
#right table td{height:25px; border-bottom:solid 1px #ccc; padding: 2px 0px;;}


a img{ text-decoration:none; border:none;}

.hosting2{float:left; width:400px;}
.hosting2 h1{color:#fff; text-align:center; padding-left:35px; font-style:italic; font-size:23px; padding-top:5px; #padding-top:15px; line-height:23px; width:400px; }
.hosting2 p{ color:#fff; padding-left:15px; font-size:14px;}
.hosting2 a{color:#fff; font-weight:bold; text-decoration:none; display:block; padding:3px; width:200px; border:dashed 1px #fff;}
.hosting2 a:hover{border:dashed 1px #000; color:#000;}
.seo{float:left; width:325px;}
.seo h1{color:#fff; text-align:center; padding-left:50px; #padding-left:58px; font-style:italic; font-size:23px; padding-top:35px; #padding-top:28px; padding-bottom:0px; line-height:23px; }
.seo p{color:#fff; padding-left:75px; margin-top:-10px; font-size:14px;}
.seo a{color:#fff; font-weight:bold; text-decoration:none; display:block; padding:3px; width:130px; border:dashed 1px #fff;}
.seo a:hover{border:dashed 1px #000; color:#000;}
.spam2 {float:left; width:400px;}
.spam2 h1{color:#fff; text-align:center; padding-top:39px; font-style:italic; font-size:23px; #padding-top:45px; line-height:23px; width:400px; }
.spam2 p{ color:#fff; padding-left:40px; font-size:14px; width:285px;}
.spam2 a{color:#fff; font-weight:bold; text-decoration:none; display:block; padding:3px; width:335px; border:dashed 1px #fff;}
.spam2 a:hover{border:dashed 1px #000; color:#000;}
.design{float:left; width:325px; margin-bottom:30px;}
.design h1{color:#fff; text-align:center; padding-left:40px; padding-top:18px; font-style:italic; font-size:23px; #padding-left:58px; #padding-top:20px; line-height:23px; }
.design p{color:#fff; padding-left:55px; #padding-left:45px; #padding-right:5px; margin-top:-6px; #margin-top:-8px; font-size:14px;}
.design a{color:#fff; font-weight:bold; text-decoration:none; display:block; padding:3px; width:135px; border:dashed 1px #fff;}
.design a:hover{border:dashed 1px #000; color:#000;}

#footer {clear: both; font-size: 10px; text-align: center; color: #666;}
#footer p {margin-left:-120px; margin-bottom:5px; margin-top:5px;}
#footer a{color:#666; }

/* MENU */
ul#menu {
	width: 150px;
	padding: 0;
	margin: -125px 0px 0px 62px;
	list-style: none;
	z-index: 1;
	float:left;
}

#menu li {
	color: #000;
	padding-left: 3px; float:left;
}

#menu li.big{
	font-weight:bold;
	font-size: 13px;
	text-align: left;
/*	margin-top: 5px;*/
	width: 100px;
	
}

#menu li a {
	padding: 6px 0px;
	width: 100px;
	font-size: 12px;
}

#menu li.big a:link, #menu li.big a:visited, #menu li.big a:hover, #menu li.big a:active {
	color: #fff;
	font-size: 13px;
	width:110px;
	padding-top:10px;
}

#menu a:link, #menu a:visited {
	display: block;
	color: #999;
	text-decoration: none;
}

#menu li.big a:hover {
	display: block;
	color: #000;
	text-decoration: none;
}

#menu a:hover, #menu a:active {
	color:#0099FF;
}

#menu li.services {
	background: url(images/teal.png)  -70px 5px no-repeat; width:120px; height:40px;
}

#menu li.IP {
	background: url(images/purple.png)  -70px 5px no-repeat; width:120px; height:40px;
}

#menu li.home {
	background: url(images/blue.png) -70px 5px no-repeat; width:120px; height:40px;
}

#menu li.hosting {
	background: url(images/green.png)  -70px 5px no-repeat; width:120px; height:40px;
}

#menu li.support {
	background: url(images/blue.png)  -70px 5px no-repeat; width:120px; height:40px;
}

#menu li.remote {
	background: url(images/teal.png)  -70px 5px no-repeat; width:120px; height:40px;
}

#menu li.spam {
	background: url(images/yellow.png)  -70px 5px no-repeat; width:120px; height:40px;
}

#menu li.search {
	background: url(images/orange.png) -70px 5px no-repeat; width:120px; height:40px;
}

#menu li.design3{
	background: url(images/red.png) -70px 5px no-repeat; width:120px; height:40px;
}

#menu li a span {
	display: none;
}
