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


body {
	font-family: Tahoma, Verdana, Helvetica;
	margin: 0px;
	padding: 0px;
	color: #525561;
	font-size: 11px;
	background-color: #FFFFFF;
}
a:link, a:active, a:visited {
	color:#1680F0;
}
a:hover {
	color: #89B504;

}
ul {

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

p {
	margin: 0 0 20px 0;
	padding: 0px;
}
h1 {
	font-size: 24px;
	color: #1680F0;
	font-family: Tahoma, Verdana, Helvetica;
	padding: 0;
	margin: 10px 0 15px 0;
	text-align: center;
}
h2 {
	margin: 0;
	font-size: 17px;
	color: #454545;
	font-family: Tahoma, Verdana, Helvetica;
	font-weight: normal;
	padding: 20px 0 10px 0;
}


h3 {
	font-family: Tahoma, Verdana, Helvetica;
	font-size: 14px;
	font-weight: normal;
	color: #1680F0;
	text-transform: capitalize;
	margin: 0;
	padding: 5px 0 10px 0;
}
h4 {
	margin: -2px 0 6px 0;
	padding: 0;
	font-size: 14px;
}
h5 {
	margin: 0;
	padding: 0 5px 0 0;
	float: left;
	font-size: 11px;
}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.intro1 {
	background: url(images/introbck.jpg) bottom left repeat-x #000000;
	height: 220px;
	width: 100%;
	color: #919191;
}
.intro2 {
	height: 200px;
	width: 950px;
	margin: 0 auto;
	position: relative;
	padding: 20px 0 0 0;
	background: url(images/blur.jpg) bottom center no-repeat;
}
.intro2 img {
	border: 1px solid #ccc;
}
.intro3 {
	width: 600px;
	float:left;
	padding:0;
}
.introtext {
	font-size: 18px;
	color: #FFFFFF;
	padding: 15px 0 20px 0;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
.introtext2 {
	color: #FFFFFF;
	font-size: 14px;
	padding: 0 0 15px 0;
	text-align: justify;
}


.intro3  p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-align: left;
	font-weight: normal;
	padding: 0;
}
.intro3  ul {
	color: #FFFFFF;
	padding: 2px 0 0 50px;
}
.intro3 li {
	font-size: 11px;
	font-weight: normal;
	line-height: 28px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.intro3  a {
	font-size: 11px;
	padding: 0 0 0 20px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#index-container {
	width:960px;
	margin:10px auto;
	height: 450px;
}
#index-container img {
	float: left;
	margin: 20px 10px 20px 0;
}
#index-container p {
	padding: 0 0 15px 0;
	margin: 0;
}



#header-menu {
	font-family: tahoma, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	list-style:none;
	height:31px;
	position:relative;
	z-index:1;
	width: 600px;
	font-size: 13px;
	font-weight: bold;
	float: right;
}
#header-menu li.top {
	display:block;
	float:right;
	position:relative
}

#header-menu li a.top_link {
	background: url(images/menubuttonblue.jpg) left top no-repeat;
	display:block;
	float:left;
	height:31px;
	color: #0A315C;
	text-decoration:none;
	padding:0 0 0 15px;
	cursor:pointer;
	font-weight: normal;
	margin-right: 3px;
}
#header-menu li a.top_link span {
	background:url(images/menubuttonblue.jpg) right top no-repeat;
	float:left;
	display:block;
	padding:8px 21px 0 5px;
	height:23px;
}
#header-menu li a.top_link:hover {
	background: url(images/menubuttonblue.jpg) bottom left no-repeat;
	color: #0A315C;
	text-decoration: none;
	height: 31px;
}
#header-menu li a.top_link:hover span {
	background:url(images/menubuttonblue.jpg) right bottom no-repeat;
	color: #0A315C;
	text-decoration: none;
}

#header-menu li.this {
	display:block;
	float:right;
	position:relative;
}
#header-menu li a.this_link {
	background: url(images/menubuttonblack.jpg) left top no-repeat;
	display:block;
	float:left;
	height:31px;
	color: #FFFFFF;
	text-decoration:none;
	padding:0 0 0 15px;
	cursor:pointer;
	font-weight: normal;
	margin-right: 3px;
}
#header-menu li a.this_link span {
	background: url(images/menubuttonblack.jpg) right top no-repeat;
	float:left;
	display:block;
	padding:8px 21px 0 5px;
	height:23px;
}
#subblack {
	background-image: url(images/subblack.jpg);
	background-repeat: repeat-x;
	height: 41px;
	width: 100%;
	color: #919191;
}
#subblack a:link, #subblack a:active, #subblack a:visited {
	color:#FFFFFF
}
#subblack a:hover {
	color: #F2F2F2
}
.subblack2 {
	height: 20px;
	width: 540px;
	margin: 0 auto;
	position: relative;
	padding: 10px 0 0 100px;
}
.subblack3 {
	background:url(images/grayblur.jpg) bottom center no-repeat;
	height: 270px;
	width: 100%;
	margin: 0;
	position: relative;
	padding: 10px 0 0 0;
	background-color: #2E2E2E;
}


.header-wrapper {
	height: 98px;
	width: 100%;
	background: url(images/header-bckg.jpg) top left repeat-x;
}
.header-bckg {
	height: 98px;
	width: 920px;
	margin: 0 auto;
	background: url(images/headerblue.jpg) top left no-repeat;
	padding: 0 0 0 50px;
	position: relative;
}
.header-logo {
	background: url(images/icusa.jpg) left bottom no-repeat;
	height: 50px;
	width: 200px;
	position: absolute;
	top: 30px;
}
.header-menu-container {
	float: right;
	height: 31px;
	width: 650px;
	padding: 0;
}
.header-list {
	float:right;
	height:61px;
	width:400px;
	color: #FFFFFF;
	padding: 6px 10px 0 0;
	font-family: tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	text-align: right;
}
.header-list a {
	color:#FFFFFF
}
.columnleft {
	float: left;
	height: auto;
	width: 270px;
	position: relative;
	padding: 340px 0 0 0;
}
.columnright {
	float: left;
	height: auto;
	width: 700px;
	padding: 10px 0 0 10px;
}
.boxtop {
	height: auto;
	width: 990px;
	margin: 0 auto;
}
.box1 {
	background: left top repeat-x;
	float: left;
	width: 260px;
	margin-top: -6px;
	z-index:100;
	position:absolute;
	top:0px;
	left:1px;
	background-color: #0C0C0C;
}
.box2 {
	background: left bottom repeat-x;
	background-image: url(images/boxbottom.jpg);
}
.box3 {
	background: left top repeat-y;
	background-image: url(images/boxleft.jpg);
}
.box4 {
	background: right top repeat-y;
	background-image: url(images/boxright.jpg);
}
.box5 {
	background: left top no-repeat;
	background-image: url(images/boxtopleft.jpg);
}
.box6 {
	background: right top no-repeat;
	background-image: url(images/boxtopright.jpg);
}
.box7 {
	background: left bottom no-repeat;
	background-image: url(images/boxleftc.jpg);
}
.box8 {
	background: right bottom no-repeat;
	background-image: url(images/boxrightc.jpg);
	height: 328px;
	padding: 9px 0 3px 4px;
}
.leftmenubutton {
	height:32px;
	width:252px;
	background: url(images/leftbutton.jpg) bottom left repeat-x;
}
a.leftmenubutton:link, a.leftmenubutton:active, a.leftmenubutton:visited {
	padding:9px 0 0 15px;
	height:23px;
	float: left;
	width: 237px;
	font-size: 12px;
	color: #CCCCCC;
	text-decoration: none;
	background: url(images/leftbutton.jpg) top left repeat-x;
	font-family: tahoma, Arial, Helvetica, sans-serif;
}
a.leftmenubutton:hover {
	background:url(images/pointer.jpg) top right no-repeat;
	color: #FFFFFF;
	width: 241px;
}
.leftmenubuttonStill {
	background:url(images/pointer.jpg) top right no-repeat;
	padding:9px 0 0 15px;
	height:23px;
	float: left;
	width: 241px;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-family: tahoma, Arial, Helvetica, sans-serif;
}
#gbckg {
	background: url(images/gbckg.jpg) top no-repeat;
	float: left;
	height: 490px;
	width: 275px;
	margin: 10px 0 10px 13px;
	padding: 10px 0;
}
#gbckg p{
	margin: 0px;
	font-size: 18px;
	color: #292929;
	font-family: Tahoma, Verdana, Helvetica;
	font-weight: normal;
	text-align: center;
 }
.marg {
	text-align: left;
	width: 240px;
	height: 148px;
	padding: 0 0 0 35px;
	display: table;
}
#gbckg img{
	border:1px solid;
	border-color:#FFFFFF;
	margin: 7px 0;
}
#gbckg a:link, #gbckg a:active, #gbckg a:visited {
	color:#414550;
	text-decoration: none;
}
#gbckg a:hover {
	color:#C80A0A
}
#gbckg2 {
	background-repeat: no-repeat;
	float: left;
	height: 133px;
	width: 390px;
	margin: 0;
	text-align: left;
	padding: 25px 25px 25px 230px;
	background-image: url(images/gbckghor.jpg);
	font-style: italic;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
}
.numbers {
	background:url(images/numberblue.jpg) no-repeat;
	float:left;
	height:57px;
	width:57px;
	text-align: center;
	font-size: 44px;
	color: #FFFFFF;
	margin: 0 20px 0 0;
}
.bottomshadow {
	padding:20px 0 20px 0;
	text-align: justify;
	background-image: url(images/graybottom.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	clear: both;
}
#list li {
	list-style:none;
	padding: 2px 0 9px 25px;
	background: url(images/bullet2.png) left top no-repeat;
	margin: 0 0 0 10px;

}

#list li ul li, #list li ul li ul li{
	padding: 2px 0 2px 25px;
	background: url(images/bullet2.png) left top no-repeat;
	list-style: none;
	margin: 10px 0 0 15px;
}
#list li ul, #list li ul li ul{
	padding: 0 0 0 10px;

}
#list ul{
	padding: 20px 0 0 0;
	margin: 0;

}
#compare table{
	width:698px;
	font-size: 11px;
}

#compare td {
	height:20px;
	padding: 3px 4px;
	vertical-align: top;
	border-bottom: 1px dotted #ccc;
	font-size: 11px;
}
#compare th {
	background:url(images/webhosting/graycenter.jpg) repeat-x;
	height:24px;
	padding: 0;
	text-align: left;
	font-size: 11px;
}
#compare img {
	border: 1px solid;
	border-color: #FFFFFF;
}


#boxbckg div{
	background:url(images/boxbckg.jpg) top center no-repeat;
	height:220px;
	width:215px;
	float:left;
	text-align: left;
	padding: 7px 15px 15px 15px;
	margin: 2px 0 0 0;
}
#boxbckg img {
	float:left;
	margin:15px 10px 0 5px
}
#boxbckg h2 {
	font-size:16px;
	color:#1680F0;
	font-family: Arial, Helvetica, sans-serif;
	height: 55px;
	font-weight: bold;
}
#boxbckg p {
	text-align:justify;
	padding: 0 8px;
	color: #666666;
	height: 48px;
}
.moreinfo, a.moreinfo:link, a.moreinfo:active, a.moreinfo:visited{
	background:url(images/bluebutton.jpg) top left no-repeat;
	height:24px;
	color:#FFFFFF;
	margin: 0;
	padding: 8px 0 0 1px;
	text-align: center;
	border: 0;
	font-size: 11px;
	font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;
	float: right;
	width: 164px;
	text-decoration: none;
}
a.moreinfo:hover {
	text-decoration:none;
	background: url(images/bluebutton.jpg) bottom left no-repeat;
	width: 164px;
	height: 24px;
	padding: 8px 0 0 1px;
}
.moreinfo2, a.moreinfo2:link, a.moreinfo2:active, a.moreinfo2:visited{
	background:url(images/submitbutton.jpg) top left no-repeat;
	height:30px;
	width:170px;
	float:left;
	color:#FFFFFF;
	margin: 20px 0 0 2px;
	padding: 0;
	text-align: center;
	text-decoration: none;
	border: 0;
}
a.moreinfo2:hover {
text-decoration:underline}
.moreinfo3, a.moreinfo3:link, a.moreinfo3:active, a.moreinfo3:visited{
	background:url(images/indexbutton.jpg) bottom left no-repeat;
	height:27px;
	width:194px;
	float:left;
	color:#FFFFFF;
	margin: 20px 0 0 9px;
	padding: 10px 0 0 0;
	text-align: center;
	text-decoration: none;
	border: 0;
}
a.moreinfo3:hover {
	text-decoration:underline;
	height: 27px;
	padding: 10px 0 0 0;
	background: url(images/indexbutton.jpg) top left no-repeat;
}
.moreinfo4, a.moreinfo4:link, a.moreinfo4:active, a.moreinfo4:visited{
	height:15px;
	width:auto;
	color:#666666;
	margin: 0 0 0 1px;
	padding: 2px 4px 0 4px;
	text-align: right;
	border: 0;
	font-family: tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	float: right;
}
a.moreinfo4:hover {
text-decoration:underline}
.signinbutton, a.signinbutton:link, a.signinbutton:active, a.signinbutton:visited{
	background:url(images/signbutton.jpg) top left no-repeat;
	height:24px;
	color:#FFFFFF;
	margin: 0;
	padding: 8px 0 0 1px;
	text-align: center;
	border: 0;
	font-size: 11px;
	font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;
	float: right;
	width: 164px;
	text-decoration: none;
}
a.signinbutton:hover {
	text-decoration:none;
	background: url(images/bluebutton.jpg) bottom left no-repeat;
	width: 164px;
	height: 24px;
	padding: 8px 0 0 1px;
}
.bannershadow {
background:url(images/bannershadow.jpg) top repeat-x;
height:9px;
float:left;
width:100%}
.bookmark, a.bookmark:link, a.bookmark:active, a.bookmark:visited {
	background:url(images/bookmark.png) top left no-repeat;
	width:67px;
	height:23px;
	float:right;
	color: #333333;
	padding: 7px 0 0 39px;
	text-align: left;
}
a.bookmark:hover {
	background:url(images/bookmark.png) bottom left no-repeat;
	color: #B31A2C;}
#fl {
	color:#FFFFFF;
	float: right;
	width: 450px;
	padding: 6px 6px 0 0;
	text-align: right;
}

#portfolio {
	width:910px;
	margin:30px auto;
}
a.portfolio:link, a.portfolio:active, a.portfolio:visited {
	background: url(images/roundgray.jpg) top left no-repeat;
	float:left;
	width:216px;
	height:120px;
	padding: 9px 0 0 11px;
}
.newleft {
	background:url(images/grayleft.jpg) top left no-repeat;
	float:left;
	height:125px;
	width:630px;
	background-color: #E5E5E5;
}
.newleft2 {
	background:url(images/new.jpg) top right no-repeat;
	height:122px;
	width:630px;
	padding: 9px 0 0 10px;
	color: #333333;
}
.newfont {
	font-size: 16px;
	font-family: Tahoma, Verdana, Helvetica;
	text-transform: uppercase;
}
#footer {
	background:url(images/footer.jpg) top left repeat-x;
	height: 35px;
	width: 100%;
	clear: both;
	color: #EDECEB;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 5px 0 0 0;
}
#footer p {
	float: left;
	padding: 6px 0 0 3px;
}


.footer1 {
	height: 30px;
	width: 950px;
	margin:0 auto;
	text-align: left;
	padding: 0 5px 0 5px;
}
a.footerstyle:link, a.footerstyle:active, a.footerstyle:visited {
	color:#FFFFFF;
}
.footer3 {
	height:auto;
	width:260px;
	text-align:right;
	color: #FFFFFF;
	float: right;
	padding: 3px 5px 0 0;
	clear: both;
}
a.footerlinks:link, a.footerlinks:active, a.footerlinks:visited {
	color:#FFFFFF;
}
.leftfont {
	margin: 0px;
	font-size: 16px;
	color: #292929;
	font-family: tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	padding: 10px 0 0 0;
 }
.marg {
	text-align: left;
	width: auto;
	height: 148px;
	padding: 0 0 0 10px;
	display: table;
}
#ref img{
	border:2px solid;
	border-color:#FFFFFF;
	margin: 7px 0 3px 0;
	width: 230px;
}
#ref a:link, #ref a:active, #ref a:visited {
	color:#414550;
	text-decoration: none;
	text-align: center;
}
#ref a:hover {
	color:#666666
}
#ref2 {
	background-repeat: no-repeat;
	float: left;
	height: 133px;
	width: 390px;
	margin: 0;
	text-align: left;
	padding: 25px 25px 25px 230px;
	background-image: url(images/gbckghor.jpg);
	font-style: italic;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
}
#refpic {
	height:auto;
	padding: 15px 15px 0 15px;
	text-align: justify;
	width: auto;
}
#refpic p {
	height: 50px;
}

#ref {
	float: left;
	height: 500px;
	width: 254px;
	margin: 0;
	padding: 0;
	text-align: center;
}
.ref1 {
	background: left top repeat-x;
	background-image: url(images/reftop.jpg);
	float: left;
	width: 263px;
	margin: 0;
	background-color: #DFDFDF;
	height: auto;
}
.ref2 {
	background: left bottom repeat-x;
	background-image: url(images/refbottom.jpg);
}
.ref3 {
	background: left top repeat-y;
	background-image: url(images/refleft.jpg);
}
.ref4 {
	background: right top repeat-y;
	background-image: url(images/refright.jpg);
}
.ref5 {
	background: left top no-repeat;
	background-image: url(images/reftopleft.gif);
}
.ref6 {
	background: right top no-repeat;
	background-image: url(images/refrighttop.gif);
}
.ref7 {
	background: left bottom no-repeat;
	background-image: url(images/refbottomleft.gif);
}
.ref8 {
	background: right bottom no-repeat;
	background-image: url(images/refbottomright.gif);
	padding: 4px 7px 0 3px;
	height: 500px;
}
.cssform {
	width:240px;
	padding: 10px 0 0 5px;
}
.cssform p{
	width: 173px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 75px; /*width of left column containing the label elements*/
	border-top: 1px dotted;
	height: 1%;
	border-top-color: #FFFFFF;
}

.cssform label{
	float: left;
	margin-left: -65px; /*width of left column*/
	width: 65px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	padding-top: 5px;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 160px;
}
.cssform select{
	width: 165px;
}
.cssform textarea{
	width: 160px;
	height: 80px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
font-size:13px
}


#newsletter {
	width:240px;
	padding: 10px 0 0 5px;
	float: left;
}
#newsletter p{
	width: 180px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	height: 20px;
	border-bottom: 1px dotted #fff;
	padding-left: 55px;
}

#newsletter label{
	float: left;
	margin-left: -60px;
	width: 60px;
	padding-top: 5px;
}

#newsletter input{
	width: 160px;
}
.bottomline {
	border-bottom:1px dotted #ccc;
	padding: 10px 0;
	width: 690px;
}
#add {
	height:75px;
	width:auto;
	float:right;
	height:24px;
	padding: 0 0 0 10px;
	border-bottom: 1px dotted #ccc;
}
#add a:link, #add a:active, #add a:visited {
	color:#2171C8;
	margin: 4px 0 0 0;
	float: left;
}
#add a:hover {
	color:#164D89
}
#add img {
	margin:0 5px 0 20px;
	float: left;
}