* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: #00669a;

}
#wrapper { 
position: center;
 margin: 0 auto;
 width: 800px;
 z-index: 100;
}
#header {
 width: 800px;
 color: #333;
 padding: 10px;
 
 height: 100px;
 margin: 0px 0px 0px 0px;
 background: #fff;
}
/*#navigation {
 width: 800px;
 color: #333;
 padding: 10px;
 height: 50px;
 
 margin: 0px 0px 0px 0px;
 background: url(images/navigation.png) no-repeat;
}*/
#content {
	
	width: 780px;
	
	background: #F7941e;
	margin: -20px 0px 10px 0px;
	padding: 10px;
	background: #fff;
	/*background-image: url(images/back.jpg);*/
	border-left: 10px solid #00669a;
	border-right: 10px solid #00669a;

}




#footer {
	width: 100%;
	height: 100px;
	 background: #00669a;
 color: #fff;
 padding: 10px;
 
 margin: -10px 0px 0px -20px;

}

#footer a {
	color: #FFF;
}

#productback{
     width: 600px;
     border: 3px solid #6699cc;

} 

#containertop {
	position: absolute;
	height: 400px;
	width: 100%;
	background: #fff;
	
	z-index: -1;
	
}

#container {
	position: absolute;
	height: 700px;
	width: 100%;
	background: #f7941e;
	margin-top: 168px;
	z-index: -1;
	
}

#containerContact {
	position: absolute;
	height: 750px;
	width: 100%;
	background: #f7941e;
	margin-top: 168px;
	z-index: -1;
	
}

#containerGreen {
	position: absolute;
	height: 1000px;
	width: 100%;
	background: #f7941e;
	margin-top: 168px;
	z-index: -1;
	
}

#containerAbout {
	position: absolute;
	height: 920px;
	width: 100%;
	background: #f7941e;
	margin-top: 168px;
	z-index: -1;
	
}


#containerGraphic {
	position: absolute;
	height: 1200px;
	width: 100%;
	background: #f7941e;
	margin-top: 168px;
	z-index: -1;
	
}

#containerIndex {
	position: absolute;
	height: 800px;
	width: 100%;
	background: #f7941e;
	margin-top: 168px;
	z-index: -1;
	
}

#containerSoftware {
	position: absolute;
	height: 1200px;
	width: 100%;
	background: #f7941e;
	margin-top: 168px;
	z-index: -1;
	
}

#containerWebdesign {
	position: absolute;
	height: 1200px;
	width: 100%;
	background: #f7941e;
	margin-top: 168px;
	z-index: -1;
	
}

#containercomprepair {
	position: absolute;
	height: 1100px;
	width: 100%;
	background: #f7941e;
	margin-top: 168px;
	z-index: -1;
	
}

#containerClient {
	position: absolute;
	height: 1500px;
	width: 100%;
	background: #f7941e;
	margin-top: 168px;
	z-index: -1;
	
}

#containerProducts {
	position: absolute;
	height: 330px;
	width: 100%;
	background: #f7941e;
	margin-top: 168px;
	z-index: -1;
}

#containerNetwork {
	position: absolute;
	height: 800px;
	width: 100%;
	background: #f7941e;
	margin-top: 168px;
	z-index: -1;
}

#containerOther {
	position: absolute;
	height: 820px;
	width: 100%;
	background: #f7941e;
	margin-top: 168px;
	z-index: -1;
}

#content ul{
	
	list-style-type: none;
}

#contentOther1 {
	width: 680px;
	
	margin: 0 0 10px 50px
}

#contentOther {
	width: 680px;
	
	margin: 0 0 10px 0px
}

#content a {
	color: #00669a;
}

#menu {
	width: 800px;
 color: #333;
 padding: 10px;
 height: 50px;
 
 margin: 0px 0px 0px 0px;
 background: url(images/navigation.png) no-repeat;
}



#menu h2 {
	display: none;
}

#menu ul {
	margin: 0;
	
	list-style: none;
	
}

#menu li {
	display: block;
	

}

#menu a {
	display: block;
	float: left;
	width: 80px;
	margin-top: 2px;
	margin-left: 15px;
	height: 30px;
	padding: 8px 20px 0 14px;
	
	text-decoration: none;
	text-align: center;
	font-size: 20px;
	color: #DFE8F2;
}

#menu .slideup a {
	display: block;
	float: left;
	
	width: 80px;
	height: 30px;
	padding: 8px 20px 0 14px;
	
	text-decoration: none;
	text-align: center;
	font-size: 20px;
	color: #DFE8F2;
}

#menu .slideup2 a {
	display: block;
	width: 99px;
	font-size: 20px;
	margin-left: 1px;
}

#menu .dingled a{
	display: block;
	float: left;
	margin-top: -20px;
	width: 29px;
	height: 30px;
	padding: 8px 20px 0 14px;
	border-right: none;
	text-decoration: none;
	text-align: center;
	font-size: 10px;
	color: #DFE8F2;
}

#menu .dingled2 a{
	display: block;
	float: left;
	margin-top: -20px;
	width: 29px;
	height: 22px;
	padding: 8px 20px 0 14px;
	border-right: none;
	text-decoration: none;
	text-align: center;
	font-size: 10px;
	color: #DFE8F2;
}


#menu a:hover, #menu .active a {
	background-color: #f7941e;
}

		#sddm
{	margin: 0;
	padding: 0;
	z-index: 0;
	}

#sddm li
{	margin-top: -20px;
	padding: 0;
	list-style: none;
	float: left;
	}

#sddm li a
{	
margin-bottom: 0px;
margin-right: 0px;
display: block;
	
	height: 22px;
	padding: 8px 24px 0px 14px;
	
	text-decoration: none;
	text-align: center;
	font-size: 10px;
	color: #DFE8F2;
	}

#sddm li a:hover
{	background:#f7941e;

 }

#sddm div
{	
    position: absolute;
	visibility: hidden;
    width: 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	text-align: center;
	font-size: 10px;
	color: #DFE8F2;
	}
	

	#sddm div a
	{	position: relative;
		margin-top: 0px;
		margin-left:0px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
	font-size: 10px;
	color: #DFE8F2;
		
		}
		
		#sddm div .dingle a{
		position: relative;
		margin-top: 60px;
		margin-left: 130px;
		
		white-space: nowrap;
		text-align: center;
		width: 95px;
		background:#00669a;
		text-decoration: none;
	font-size: 12px;
	color: #DFE8F2;
		}
		
		#sddm div .dingle1 a{
		position: relative;
		margin-top: 20px;
		margin-left:130px;
		width: 95px;
		border-right: none;
		
		background:#00669a;
		text-align: center;
		text-decoration: none;
	font-size: 12px;
	color: #DFE8F2;
		}
		
		#sddm div .dingle2 a{
		position: relative;
		margin-top: 18px;
		margin-left:130px;
		
		border-right: none;
		white-space: nowrap;
		width: 95px;
		text-align: center;
		text-decoration: none;
		
		background:#00669a;
		
	font-size: 12px;
	color: #DFE8F2;
		}

	#sddm div a:hover
	{	background: #f7941e;;
		color: #DFE8F2;}
		
/*TEXT MARKUP*/

h1 {

border: 2px solid #f7941e;
background: #00669a;
font-size: 18px;
color: #fff;
width: 500px;

}

span1 {
	
	color: #00669a;
	font-size: larger;
	
}

span2 {
	
	color: #f7941e;
	
	
}

img{
 vertical-align: middle;
}

#leftsideplease {
width: 300px;
text-align: left;
}