/*-------- Global ------*/
body{
font-size:12px;
line-height:1.3em;
font-family:Arial, Helvetica, Verdana, sans-serif;
}

a {
	color:#0b0b0c;
	text-decoration:none;
}

a:hover {
	color:#00b4ff;
}

h1,h2,h3,h4,h5 {
	color:#515151;
	margin-bottom:5px;
}

h1 {
	font-size:30px;
}

h2 {
	font-size:28px;
}

h3 {
	font-size:24px;
}

h4 {
	font-size:20px;
}

h5 {
	font-size:18px;
}

h6 {
	font-size:12px;
	font-style: italic;
	color:#FFFF00;	
}

p {
	margin-top:10px;
}

/*-------- Header --------*/
#header {
	background:#0b0b0c;
	height:84px;
	border-bottom:1px solid #eee;
}

#logo{
	margin-top:15px;
	margin-left:10px;
	float:left;
}

#support {
	margin:0;
	float:right;
	background:#333;
	padding:0 10px 3px 10px;
	border:1px solid #666;
	display:block;
	margin-top:-5px;
	margin-right:60px;
}

#support p {
	color:#fff;
}

#support p span {
	font-size:.8em;
	padding-left:3px;
}

#support img {
	padding:0 5px 0 15px;
}

#support a {
	color:#c8c8c8;
}

#support a:hover {
	color:#f1f745;
}

#support0 {
	margin:0;
	float:right;
	padding:0 20px 8px 25px;
	display:block;
	margin-top:-5px;
	margin-right:60px;
}

/*-------- Navigation --------*/
#navigation {
	float:right;	
	z-index:1000;
	display:block;
	width:600px;
	margin-top:21px;
}

#nav, #nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:1.5em; 
	float:right;
	font-size:16px;
	z-index:1001;
}

#nav a{
	display:block;
	padding:7px 8px;
	color:#fff;
	text-decoration:none;
}

#nav a:hover, #nav li:hover, #nav li a.active {
	color:#f1f745;
}

#nav li{
	float:left;
	position:relative;
}

#nav ul {
	position:absolute;
	display:none;
	top:34px;
	border-top:1px solid #eee;	
}

#nav li ul a{
	height:auto;
	float:left;
	width:150px;
	background:#0d0d0c;
	font-size:14px;
	padding:0 8px;
}

#nav ul ul{
	top:auto;	
}	

#nav li ul ul {
	left:100%;
	margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
	display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
	display:block;
}

/*------ Banner ------*/
#banner-wrap {
	height:417px;
	background: url(../images/banner.jpg) repeat-x;
}
	
		#slides div{
			width:940px;
			z-index:1;
		}
	
		#slides img.server {
			position:relative;
			top:50px;
			left:50px;
		}
		
		#slides p {
			margin-top:140px;
		}
		
		#slides p span.note {
			font-size:48px;
			color:#515151;
			position: relative;
			bottom:20px;
			left:40px;
		}
		
		#slides a.button {
			background:url(../images/button.png) no-repeat;
			display:block;
			width:152px;
			height:49px;
			position: relative;
			left:760px;
			bottom:70px;
			text-indent:-9999999px;
			
		}
		
		#slides a.button:hover {
			background:url(../images/hover-button.png) no-repeat;	
		}
		
/*-------- Content -----------*/
#content {
	margin-top:25px;
}

#content .left_side {
	margin-left:10px;
	width:700px;
	float:left;
}

#content .right_side {
	width:220px;
	margin-right:10px;	
	margin-left:10px;
	float:right;
}

#content p {
	margin-bottom:20px;
}

#content h3 img {
	vertical-align:middle;
	padding-right:5px;
}

#content h3 {
	background:#eee;
	padding:3px;
	border:1px solid #c8c8c8;
}


#img.floatlinks{
float: left;
margin: 4px 0px;
}


/*---------- Plans -----------*/
.package {
        margin:15px 0;
		color:#fff;
		background:#1c1c1c;
		padding:5px 10px 5px 10px;
		-moz-border-radius:5px;
}
.package-headrow {
        clear:both;
        background:#242424 !important;
        padding:5px 0;
        margin:0 0 8px 0 ;
}
.package-row {
        clear:both;
        background: #0e0e0e;
        padding:5px 0;
        margin: 0 0 5px 0;
}
.package-header li {
        float:left;
        width:12.5%;
        text-align:center;
	font-weight:700;
}

.package-r li{
        float:left;
        width:12.5%;
        text-align:center;
	list-style: none;
}

.package-r2 li{
        float:left;
        width:21%;
        text-align:left;
	list-style: none;
        background: #0b0b0c;
	background-image:url(../images/Greencheck.jpg);
	background-repeat:no-repeat;
	background-position:12px -3px; 
	padding-left:34px;
}

.note-row {
        clear:both;
        background: #ffffff;
        padding:5px 0;
        margin: 0 0 5px 0;
}

.ordernow {
        display:block;
        text-align:left;
        color:#0099FF !important;
        text-decoration:underline;
}

.ordernow:hover {
        color:#f1f745 !important;
}

.package-price {
        font-weight:bold;
        color: #f1f745;
}
.clear {
        clear:both !important;
}

.package-title {
	border:none!important;
        background: none !important;
        color:#0099ff !important;
        border-bottom:1px solid #333 !important;
        padding-bottom:10px!important;
        display:block;
        margin-bottom:10px;
        clear:both;
}


/*----------- Portfolio ------*/

.portfolio li {
	float:left;
	width:210px;
	overflow: hidden;
	margin:0 0 20px 20px;
	background:#fff;
	padding: 10px 0;
	text-align:center;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #c8c8c8;
	box-shadow: 3px 3px 5px #888;
	-moz-box-shadow: 3px 3px 5px #888;
	-webkit-box-shadow: 3px 3px 5px #888;
}

.portfolio li img {
	width:190px;
	height:125px;
	overflow:hidden;
	padding:3px;
	border:1px solid #c8c8c8;
	background:#ccc;
}

.portfolio li img:hover {
	border:1px solid #333;
}

.portfolio h4 {
	color:#0d0d0c;
	text-align:left;
	padding-left:12px;
	padding-top:5px;
}


.portfolio p {
	margin:0;
	color:#999;
	text-align:left;
	padding-left:20px;
	font-style:italic;
}

/*----------- Sub Menu -------*/

#side-nav li a {
	display:block;
	padding:3px;
	border-bottom:1px solid #0d0d0c;
}

#side-nav li a.active {
	color:#00b4ff;
}


/*------------- Footer -------*/
#footer-wrap {
	background:#eee;
	padding-top:20px;
	padding-bottom:20px;
	margin-top:25px;
	height:250px;
	border-top:1px solid #c8c8c8;
}

#footer, #footer a {
	color:#515151;
}

#footer a:hover {
	border-bottom: 1px dotted #515151;
}

#footer h3 {
	color:#515151;
	border-bottom:1px solid #515151;
	padding-bottom:3px;
}

#footer ul  {
	font-size:14px;
	line-height:18px;
}

#footer li {
	background:url(../images/star.png) 0 2px no-repeat;
	padding-left:20px;
}

.banner-logos {
	width:753px;
	height:52px;
	margin:30px auto 0;
}

#bottom-wrap{
	background:#515151;
}

#bottom {
	height:35px;
}

#bottom a {
	color:#c8c8c8;
	text-decoration:none;
}

#bottom a:hover {
	color:#00b4ff;
}

#bottom p {
	color:#c8c8c8;
}

#bottom p.left {
	float:left;
}
#bottom p.right {
	float:right;
}

/*--------------- Contact Page Form -----------*/

#form {
	margin: 0px;
	position: relative;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	float: left;
}

#form div {
	width: 600px;
	position: relative;
	float: left;
	padding-bottom: 9px;
}

#form div label {
	width: 550px;
}

#form div label.error {
	color: red;
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: right;
	font-size: 11px;
}

#form input {
	width: 600px;
	padding: 8px;
	font-size: 13px;
	color: #999;
	background-color: #fff;
	float: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #c3c3c3;
	border-right-color: #e8e8e8;
	border-bottom-color: #e8e8e8;
	border-left-color: #c3c3c3;
	-moz-border-radius:4px;
    -webkit-border-radius:4px;
}

#form input:focus, #form textarea:focus {
	background-color: #f4f4f4;
}

#form textarea {
	width: 600px;
	padding: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #fff;
	color: #aaaaaa;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #c3c3c3;
	border-right-color: #e8e8e8;
	border-bottom-color: #e8e8e8;
	border-left-color: #c3c3c3;
	-moz-border-radius:4px;
    -webkit-border-radius:4px;
	overflow:auto;
}

#form .submitBtn {
	background-color: #3e4147;
	width: 95px;
	color: #fffedf;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	height: 35px;
	display: block;
	-moz-border-radius:4px;
    -webkit-border-radius:4px;
}

#form .submitBtn:hover {
	background-color: #5a5e67;
	color: #fffedf;
}

#form .submitBtn:focus {
	background-color: #3e4147;
}

#form strong {
	font-size: 24px;
	color: #fffedf;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6a6a6a;
	display: block;
}

#form .small {
	font-size: 11px;
	color: #ccc;
	display: inline;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#333;}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../images/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}

.hp { margin: 0.6em }