a:link {color:#000000; outline: 0;}      /* unvisited link */
a:visited {color:#000000; outline: 0;}  /* visited link */
a:hover {color:#7f7f82; outline: 0;}  /* mouse over link */
a:active {color:#000000; outline: 0;}  /* Active link */

body {
	font-family: "Arial", "Helvetica",   "Verdana", "sans-serif";
	margin: 0 auto;
	text-align:center; /* for IE */ 
	background-position:center;
	background-color: #7f7f82;
	background-image: url(../images/dtol.png);
	background-repeat:repeat-x
}

img {
	border: none;
}

div.wrapper{
	text-align:left; /* reset text alignment */
	margin:0 auto; /* for the rest */ 
	width: 860px; /* Replace the xxxx with the the width of your site (eg 800px)*/
	height: 690px;
	
}

div.background{
	position: relative;
	width: 860px; 
	height: 700px;
	top: 20px;
	background-color: #666;
	border-width: 0px;
	border-style: solid;
	border-color: #333333;
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
}	

div.topbar {
	position: relative;
	left: 30px;
	top: 30px;
	width: 800px;
	height: 120px;
}

div.logo{
	position: absolute;
	left: 0px;
	top: 0px;
	width:200px;
	height:90px;
	border-width: 8px;
	border-style: solid;
	border-color: #000000;
	background-color: #cccccc;
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
}

div.carouselDiv {
	font-family: "Arial", "Helvetica", "Verdana", "sans-serif";
	position: relative;
	top: 0px;
	left: 246px;
	width:538px;
	height: 90px;
	border-width: 8px;
	border-style: solid;
	border-color: #000000;
	background-color: #cccccc;
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
}

div.contact {
	position: absolute;
	left: 727px;
	top: 75px;
	width: 65px;
	height: 23px;
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
}

div.contentHolder{
	position: relative;
	left:30px;
	top: 10px;
}

div.content1Header{
	position: absolute;
	left:0px;
	top: 30px;
	width: 384px;
	height: 40px;
	background-color: #000000;
	color:#FFF;
	font-size: 20px;	
	padding:20px;
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
}

div.content1{
	position: absolute;
	left:0px;
	top: 80px;
	width: 384px;
	height: 424px;
	border-width: 8px;
	border-style: solid;
	border-color: #000000;
	background-color: #cccccc;
	color:#000;
	font-size: 14px;	
	padding:12px;	
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
}

div.content2{
	position: absolute;
	left: 454px;
	top: 30px;
	width: 330px;
	height: 270px;
	border-width: 8px;
	border-style: solid;
	border-color: #000000;
	background-color: #cccccc;		
	font-size: 12px;	
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
}


div.techlink{
	position: absolute;
	left: 4px;
	top: 0px;
	width: 79px;
	height: 23px;
}

div.imagelink{
	position: absolute;
	left: 246px;
	top: 230px;
	width: 79px;
	height: 23px;
}

div.technical{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 300px;
	height: 260px;
	color:#000;
	padding:8px;
	font-size: 12px;
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
}


div.content2Footer{
	position: absolute;
	left:454px;
	top: 290px;
	width: 314px;
	height: 20px;
	background-color: #000000;
	color:#FFF;
	font-size: 16px;	
	padding:16px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
    -webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-khtml-border-bottom-right-radius: 15px;
    -khtml-border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	
}

div.content3{
	position: absolute;
	left: 454px;
	top: 372px;
	width: 314px;
	height: 140px;
	border-width: 8px;
	border-style: solid;
	border-color: #000000;
	background-color: #cccccc;
	padding:8px;
	color:#000;
	font-size: 12px;
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
}

div.content3-image{
	position: relative;
	left: -8px;
	top: -8px;
	width: 331px;
	height:	156px;
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
}



div.demo-description {
	clear:both;
	padding:12px;
	font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif";
	font-size: 1.3em;
	line-height: 1.4em;
	text-align:left;
		
}

div.start-content2 {
	width: 330px;
	height: 260px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
    -webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

div.toggle-item-content2-link8-slide1 {
	width: 330px;
	height: 260px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
    -webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

div.toggle-item-content2-link8-slide2 {
	width: 330px;
	height: 260px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
    -webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

div.toggle-item-content2-link8-slide3 {
	width: 330px;
	height: 260px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
    -webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

div.toggle-item-content2-link8-slide4 {
	width: 330px;
	height: 260px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
    -webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-khtml-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}



#carousel { position: absolute; left: 0px; top: 0px; width: 538px; height: 90px; margin: 0; padding: 0;}
#carousel li { float: left; cursor: pointer; cursor: hand; list-style: none; margin: 0; padding: 0; width: 128px; height: 128px; }
#carousel li img { height: 100%; width: 100%; }