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

body {
		
		background-color:#000000 ;
	}
#container {
		margin: auto;
		margin-top: 20px;
		width: 1024px;
		height: 700px;
		border: 0px solid green;
		background-color: #FFFFFF;
		color: #000000;
		background-image:url(images/backgroundnav.png);
		background-repeat:repeat-x;
		position:relative;
		z-index: 0;
	}
	
a:link {
	color:#FFF;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #FFF;
}

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

a:active {
	text-decoration: #CCC;
}

#main_nav1 {
		width: 5000px;
		height: 95px;
		float: left;
		margin-top: 70px;
		margin-left: 300px;
		
		
	}
#main_nav1 ul {
		list-style-type:none;
}
		
#navigation ul {
	float: right;
	margin-top: 70 px;
	display: inline;
	} 

#navigation ul li {
	margin-left: 0;
	padding: 3px 15px;
	border-left: 1px solid #FFF;
	list-style: none;
	display: inline;
	color:#FFFFFF;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	font-weight:200;
	}
	
		
#navogation ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}

		


#main_head {
		width: 900px;
		height:165px;
		background-image: url(images/SO_logo.png);
		background-position:left;
		background-repeat: no-repeat;
		margin-left: 30px;
		position: absolute;
		z-index: 1;
	}
p {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	font-weight:200;
	color: #000;
}
#content p.bold {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}

#folders_a {
		z-index: 2;
		position: absolute;
		top: 150px;
		margin-left: 10px;
	}

#folders_b {
		margin-left: 80px;
		position: absolute;
		z-index: 3;
		top: 150px;
	}
#folders_c {
		
		margin-left: 145px;
		position: absolute;
		z-index: 4;
		top: 150px;
	}
#servfolder {
		margin-left: 80px;
		position: absolute;
		z-index: 20;
		top: 150px;
	}
#aboutfolder {
		margin-left: 80px;
		position: absolute;
		z-index: 6;
		top: 105px;
		
	}
#servicetext {
		margin-left:130px;
		z-index: 21;
		top: 230px;
		position: absolute;
		width: 500px;
		font-family: Verdana, sans-serif;
		font-size: 12px;
	}
#abouttext_a {
		margin-left: 160px;
		z-index: 6;
		top: 210px;
		position: absolute;
		width: 220px;
		font-size: 12px;
		font-family: Verdana, sans-serif;
		
	}
#abouttext_b {
		margin-left: 420px;
		z-index: 7;
		top: 210px;
		position: absolute;
		
		width: 220px;
		font-size: 12px;
		font-family: Verdana, sans-serif;
	}
#abouttext_d {
		margin-left: 200px;
		z-index: 13;
		top: 363px;
		position: absolute;
		width: 300px;
		font-size: 18px;
		font-family: Verdana, sans-serif;
		
	}
#contactfolder {
		margin-left: 80px;
		position: absolute;
		z-index: 8;
		top: 150px;
	}
	
#cc {
		margin-left:130px;
		z-index: 9;
		top: 210px;
		position: absolute;
		width: 500px;
	}
#yourinfo {
		margin-left:250px;
		z-index: 10;
		margin-top: -220px;
		position: absolute;
		width: 250px;
		
	}

#prooffolder {
		margin-left: 80px;
		position: absolute;
		z-index: 11;
		margin-top: -15px;
	}
#folioback {
		float:right;
		position: relative;
		z-index: 12;
		clear: left;
	}
	

#bottomb {
		z-index: 15;
		
		clear: all;
		position: absolute;
		bottom: 20px;
		margin-left: 20px;
		color: #CCCCCC;
		}
.foottext {
		font-size: 9px;
		font-family: Verdana, sans-serif;
		color: #000;
		}
	
.foottext a:visted {
		color:#FFFFFF;
		}
.foottext a:link {
	color: #000;
	text-decoration: none;
}

#bottomc {
		z-index: 13;
		float: left;
		clear: both;
		position: absolute;
		margin-top: 178px;
		font-size: 9px;
		font-family: Verdana, sans-serif;
		color: #CCCCCC;
	}
	

#bottomd {
		z-index: 16;
		float: left;
		clear: both;
		position: relative;
		margin-top: 0px;
		
	}

#ports {
		z-index: 28;
		float: right;
		margin-top:-5px;
		padding: 5px;
		background-color: black;
		color: white;
		border-style: groove;
		border-color: white;
		font-size: 12px;
	}
#ports a:link  {
	color: #FFFFFF;
	text-decoration: none;
}
#ports a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

#bottomnav {
		z-index: 12;
		
		margin-top: 415px;
		position:relative;
		background-color: #333333;
		color: #CCCCCC;
		background-position: center;
		text-align: center;
	}
/*Rounded Corners*/
div#content{
	border:0px dotted #b0c0d0;
	overflow:hidden;
	width:96%;
	height: auto;
	background-color:#FFF;
	margin-top: 170px;
	margin-left: 20px;
	padding-left:10px;
	position: absolute;
}
.id {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; color:#333;
}

div.wrapper {
	margin:10px;
	position:relative;
	float:left;
	vertical-align:top;
}
div.wrapper img{	
	float:left;
	border: #CCC outset;
}
div.wrapper div{	
	position:absolute;
	width: 7px;
	height: 7px;
}
div.wrapper div.tl{
	background:transparent url(/images/tl.gif) top left no-repeat;
	left:0;
	top:0;
}
div.wrapper div.tr{
	background:transparent url(/images/tr.gif) top right no-repeat;
	right:0;
	top:0
}

div.wrapper div.bl{
	background:transparent url(/images/bl.gif) bottom left no-repeat;
	left:0;
	bottom:0;
}
div.wrapper div.br{
	background:transparent url(/images/br.gif) bottom right no-repeat;
	right:0;
	bottom:0;
}

div#content {
	padding-bottom: 20px;}

div.wrapper h4 {
	bottom: 2px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFF;
	background-color:#333;
	padding: 5px;
	text-align: right;
	position: realtive;
	
}
div.wrapper p {
	bottom: 2px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFF;
	background-color:#333;
	padding: 5px;
	text-align: right;
	position:relative;
	font-weight:400;
}


div#content_detail{
	border:0px dotted #b0c0d0;
	width:1004px;
	height: 100%;
	background-color:#FFF;
	margin-top: 170px;
	
	padding-left:20px;
	position: absolute;
}

div#left_image{
	width: 620px;
	float: left;
	position:relative;
	padding: 0px;
}
div#right_info{
	width: 340px;
	position:relative;
	float: right;
	padding-right: 30px;
}
div#right_info p{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:300;
}
div#right_info .bold{
	font-weight:bold;
}
div#right_info a{
	color:#333;
}
.bold {
	font-weight: bold;
}