* {
	margin: 0;
	padding: 0;
	font: normal 14px Arial;
	list-style: none;
	outline: none;
}

body{
	background: #000 url('/themes/default/img/background.png') repeat-x;
}

p {
	font-weight: normal;
}

b {
	font-weight: bold;
}

i {
	font-style: italic;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

a {
	color: #bcccc1;
	text-decoration: none;
}
a:hover
	{
	color: #eee;
	text-decoration: none;
}

hr {
}

h3 {
	font-size: 20px;
	color: #ffbe33;
	text-shadow: #000 2px 2px 1px;

}

h4 {
	font-size: 18px;
}

h5 {
	font-size: 16px;
	font-variant: small-caps;
}

#features li {
margin-left: 50px;
list-style-image: url('/themes/default/img/CheckMark.png');
}

#mainContainer {
margin: 0 auto;
width: 1255px;
}

#header {
	width: 1255px;
	height: 220px;
	background: transparent url('/themes/default/img/header.png');
}


#primaryContent {
float: left;
width: 1245px;
min-height: 80%;
padding: 5px;
background: transparent;
padding-bottom: 140px;
}


/* PAGE CONTENT */
.pageContent {
	float: left;
	padding: 20px;
	width: 840px;
	margin: 0px 0px;
        color: #eee;
	background: transparent;
	padding-bottom: 60px;
}

.pageContent p {
	margin: 0px;
	font-family: arial, sans-serif;
	text-align: left;
	color: #eee;
}

.pagebox {
	float: left;
	padding: 0px;
	width: 840px;
	margin: 0px 0px;
        color: #eee;
	background: transparent;
}

#sidebar
{
	float: right;
	width: 300px;
	margin-top: 20px;
        color: #eee;
	background: transparent;
}

.sidebar_con
{
	float: right;
	width: 300px;
	margin: 0px 0px;
        color: #eee;
	background: transparent;
}

.side_item
{
	float: right;
	width: 290px;
	padding: 5px;
        color: #eee;
	background: #222;
	border: 1px solid #555;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 25px;
}


#footer {
	clear:both;
	margin:0 auto;
	width:100%;
       	display: block;
	width: 100%;
	text-align: center;
	color: #fff;
	height: 94px;
	border-top: 1px solid #bcccc1;
	background: #111;
}

.constr {
	padding: 20px;
	width: 90%;
	background: #3f3f3f;
	color: #eee;
	font-size: 14px;
}

input {
background: #000;
color: #eee;
border: 1px dashed #555;
}

textarea {
background: #000;
color: #eee;
border: 1px dashed #555;
}

/* Alignment classes */
.float-left
{
float: left;
}

.float-right
{
float: right;
}

.align-left
{
text-align: left;
}

.align-right
{
text-align: right;
}

.align-center
{
text-align: center;
}

.align-justify 
{
text-align: justify;
}

.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:#222; margin:0 5px; opacity:0.7;filter:alpha(opacity=70);}
.b2f {height:1px; background:#222; margin:0 3px; opacity:0.7;filter:alpha(opacity=70);}
.b3f {height:1px; background:#222; margin:0 2px; opacity:0.7;filter:alpha(opacity=70);}
.b4f {height:2px; background:#222; margin:0 1px; opacity:0.7;filter:alpha(opacity=70);}

.contentf {
background: #222;
min-height: 80%;
width: 810px;
opacity:0.7;
padding: 15px;
filter:alpha(opacity=70);
float: left;
display: block;

}

.s1f, .s2f, .s3f, .s4f{width: font-size:1px; overflow:hidden; display:block;}
.s1f {height:1px; background:#222; margin:0 5px; opacity:0.7;filter:alpha(opacity=70);}
.s2f {height:1px; background:#222; margin:0 3px; opacity:0.7;filter:alpha(opacity=70);}
.s3f {height:1px; background:#222; margin:0 2px; opacity:0.7;filter:alpha(opacity=70);}
.s4f {height:2px; background:#222; margin:0 1px; opacity:0.7;filter:alpha(opacity=70);}

.scontentf {
background: #222;
min-height: 80%;
padding: 10px;
opacity:0.7;
filter:alpha(opacity=70);
float: right;
display: block;

}


fieldset
{
border: 0px;
}

.port_container {
display: block;
float: left;
background: #222;
padding: 20px;
width: 840px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 25px;
border: 1px solid #555;

}

.port_info {
float: right;
width: 570px;
background: #111;
border: 2px dotted #444;
height: 190px;
padding: 5px;
}

.port_name {
display:block;
background: #CE0000;
font-size: 20px;
color: #fff;
padding: 5px;
text-shadow: #000 2px 2px 1px;
font-variant: small-caps;
}

.port{
display: inline;
float: left;
background: #111;
border: 2px dotted #444;
}

.port_link{
padding: 5px;
font-size: 10px;
font-variant: small-caps;
}

.services_info {
width: 772px;
background: #111;
border: 2px solid #444;
padding: 5px;
}

.services_name {
display: inline-block;
width: 790px;
background: #444;
font-size: 20px;
color: #fff;
padding: 5px;
text-shadow: #000 2px 2px 1px;
font-variant: small-caps;
}

.services{
background: #CE0000;
padding: 2px;
}

.services_link{
padding: 5px;
font-size: 10px;
font-variant: small-caps;
}

.services_price
{
display: inline;
padding: 5px;
background: #ce0000;
font-size: 20px;
font-variant: small-caps;
text-shadow: #000 2px 2px 1px;
opacity:0.7;
filter:alpha(opacity=70);
border: 1px solid #840404;
}

.services_view
{
margin-top: 5px;
}


	/* ***** NAV ***** */
	#navigation {
		width: 1255px;
		padding: 3px 0 6px 0;
		background: transparent;
		height: 25px;
		position: relative;
		left: 0px;
		top: 170px;
		z-index: 995;
	}
	
		#navigation ul.level_1 {
		padding-left: 5px;
		}
	
			#navigation ul.level_1 li {
				position: relative;
				float: left;
				display: block;
				background: transparent;
				margin-right: 5px;
			}
	
			#navigation ul.level_1 li:hover {
				color: #ddd;
				background: transparent;
			}
	
				#navigation ul.level_1 li a {	
					color: #222;
					border: 0;
					background: transparent;
					display: block;
					padding: 3px 8px;
					text-decoration: none;
					letter-spacing: 1px;
					font: normal 14px/22px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
				}
	
				#navigation ul.level_1 li a:hover {
					background: #eee;
					color: #999;
				}
				#navigation ul.level_1 li a.on {
					color: #eee;
					background: #ce0000;
					padding-bottom: 12px;
				}
				#navigation ul.level_1 li:hover a {
					color: #000;
				}
				
				.js #navigation ul.level_1 li ul.level_2 {
					display: none;
				}
	
				#navigation ul.level_1 li ul.level_2 {	
					position: absolute;
					top: 100%;
					left: 0px;
					background: transparent;
					list-style: none;
					margin: 0;
					padding: 0;
					width: 150px;
					z-index: 999;
					overflow: hidden;
					border: 1px solid #777;
				}
	
					#navigation ul.level_1 li ul.level_2 li {
						float: none;
						width: auto;
						border: 0;
					}

	
						#navigation ul.level_1 li ul.level_2 li a {
							border: 0;
							display: block;
							font-size: 14px;
							color: #222;
							background: transparent;
							padding-right: 25px;
							padding-left: 25px;
						}
						#navigation ul.level_1 li ul.level_2 li a.on {
							color: #000;
							background: transparent;
						}

						#navigation ul.level_1 li ul.level_2 li a:hover {
							background: transparent;
							color: #000;
						}

		#navigation img {
		display: inline;
		margin-top: 0px;
		}

button {float: right; 
border: 0 none;
cursor: pointer;
font-weight: bold;
padding: 0 15px 0 0;
text-align: center;
height: 30px;
line-height: 20px;
width: auto;
}

button.rounded {
background: transparent url('/themes/default/img/btn_right.png') no-repeat scroll right top;
clear: left;
font-size: 0.8em;
}

button span {
display: block;
padding: 0 0 0 15px;
position: relative;
white-space: nowrap;
height: 30px;
line-height: 20px;
}

button.rounded span {
background: transparent url('/themes/default/img/btn_left.png') no-repeat scroll left top;
color: #FFFFFF;
}

button.rounded:hover {
background-position: 100% -30px;
}

button.rounded:hover span {
background-position: 0% -30px;
}

button::-moz-focus-inner {
border: none;
}


pre.blk {
	background: url('/themes/default/img/pre_bg.gif') repeat-y left top;
	border: none;
	color: #fff;
}
pre {
	font-size: 12px;
	padding: 0;
	margin: 0;
	background: #f0f0f0;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	line-height: 20px;
	background: url('/themes/default/img/pre_bg.gif') repeat-y left top;
	width: 600px;
	overflow: auto;
	overflow-Y:hidden;
}
pre code {
	margin: 0 0 0 40px;
	padding: 18px 0;
	display: block;
	font-size: 12px;
}
.code {
	font-size: 12px;
	margin: 20px 0;
}
.code h2 {
	margin: 0;
	font-size: 1.5em;
	padding: 5px 10px 5px 25px;
	background: url(icon_code.gif) no-repeat 5px 6px;
}

.home_news
{
display: block;
float: left;
background: #222;
padding: 20px;
width: 840px;
border: 1px solid #555;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}

.news {
display: block;
width: 840px;
background: #222;
border: 1px solid #555;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
}

.news_content{
display: block;
float: left;
width: 830px;
padding: 5px;
color: #000;
font-size: 12px;
background: transparent;
}

.news_bottom {
display: block;
width: 830px;
padding: 5px;
text-align: right;
font-size: 12px;
background: transparent;
color: #eee;
border-bottom: 1px dotted #444;
}