/* copyright © 2007 Integrated Digital Systems Development Industries. All rights reserved. */
/* http://www.idsdi.com */

body {
	padding: 0;
	margin: 0;
	font: 12px/16px normal Geneva, arial, helvetica, sans-serif;
	background-color: #FFF;
	background-repeat: repeat-x;
	background-position: 0 0;
	}

h1 {
	color: #950000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}
	
h2 {
	font-size: 12px;
	color: #333;
	font-weight: bold;
	}
	
h3 {font: 14px Tahoma, Arial, Helvetica, sans-serif; color: #666;}
	
h4	{font: 13px normal Tahoma, Arial, Helvetica, sans-serif; color:#666;}

a:link { color: #039; text-decoration: none; font-weight: bold; background: transparent;}
a:visited {	color: #936; text-decoration: none; font-weight: bold; background: transparent;}	
a:hover	{ color: #F60; text-decoration: underline; font-weight: bold; background: transparent; }
	
/* layout */

#container {
	width: 820px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	background-color: #fff;
	padding: 0;
	z-index: 1;
	}
	
html>body #container {width:820px;}

#header {
	height: 124px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center top;
	}
#headerproductions {
	height: 124px;
	background-color: #fff;
	background-image: url(/images/productionstitle.png);
	background-position: right center;
	background-repeat: no-repeat;
	}
#headersoftware {
	height: 124px;
	background-color: #fff;
	background-image: url(/images/softwaretitle.png);
	background-position: right center;
	background-repeat: no-repeat;
	}
#headersystems {
	height: 124px;
	background-color: #fff;
	background-image: url(/images/systemstitle.png);
	background-position: right center;
	background-repeat: no-repeat;
	}

	
#header p {
	float: right;
	width: 360px;
	margin: 40px 20px 0 0;
	font: 16px/18px normal Verdana, Arial, sans-serif;
	color: #fff;
	text-align: right;
	}
	
#logo {
	float: none;
	height:124px;
	background-color: transparent;
	background-image: url(/images/idsdi.png);
	background-repeat: no-repeat;
	width: 320px;
	}
	
#footer {
	float: left;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	margin-top: 60px;
	padding-top: 0px;
	background-color: #666666;
	vertical-align: middle;
	height: 20px;
	width: 800px;
	}	
	
/* content */

#indexcontent {
	clear: both;
	background-color: transparent;
	margin: 0;
/*	background-image: url(/images/numberplate1.png); */
	background-position: right bottom;
	background-repeat: no-repeat;
	height: 250px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	}
	
#content {
	clear: both;
	padding: 10px 20px 20px 20px;
	margin-top: 5px;
	margin: 0;
	}

#content p { color: #333; font-weight: normal; text-align: justify;}
	
#content li {
	text-align: left;
	line-height: 1.8em;
	margin-left: -24px;
 	list-style-type: circle;
 	z-index: 3;
	}
	
#themestrip {
	float: left;
	width: 240px;
	height: 480px;
	background: #000 url(/images/bluegrad.jpg) top left repeat-x;
	text-align: center;
 	}
 	
#themestrip img {
	margin:10px;
 	text-align: center;
 	border: 2px solid #fff;
 	}
	
#maintext {
	float: left;
	width: 500px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 30px;
	padding-top: 10px;
	}
	
.smallfont {
	font-family: 10px/12px normal Verdana, Arial, Helvetica, sans-serif;
	}

.contactfont { font: 11.5px/15px Arial, Helvetica, sans-serif; }

.clearfloat { clear: both; line-height: 0; visibility: hidden; display: block; }

/* images */	
	
.floatright	{ float: right; margin-left: 10px;}

.floatleft { float: left;  margin-right: 10px;}
	
.centerpic { display: block; margin-left: auto; margin-right: auto; }
	
.indexbutton { float: left; width: 220px; padding: 10px 0px 20px 10px; }
		
.pagetop { clear: both; padding-top: 10px; padding-bottom: 10px; border: 0px; }
#themestripnoborderimg {
	float: left;
	width: 240px;
	text-align: center;
	background-repeat: repeat-x;
	background-position: left top;
}
#themestripnoborderimg img {

	margin:10px;
 	text-align: center;
 	border: 0px solid #fff;
}
#maintextonly {
	float: left;
	width: 700px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 30px;
}
#lhsbleed {
	float: left;
	width: 10px;
	background-image: url(/images/nav_bgleft.png);
	height: 28px;
	border-top: 1px solid #fff;
	margin-top: 1px;
}
#rhsbleed {
	float: left;
	width: 10px;
	background-image: url(/images/nav_bgright.png);
	height: 28px;
	border-top: 1px solid #fff;
	margin-top: 1px;
}
#footerlhs {
	float: left;
	width: 10px;
	background-image: url(/images/footerlhs.png);
	height: 20px;
	margin-top: 60px;
}
#footerrhs{
	float: left;
	width: 10px;
	background-image: url(/images/footerrhs.png);
	height: 20px;
	margin-top: 60px;
}
#indexcontenttimesheet {
	clear: both;
	background-color: transparent;
	margin: 0;
	/*	background-image: url(/images/numberplate1.png); */
	background-position: right bottom;
	background-repeat: no-repeat;
	height: 600px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.floatrightpadtop {
	float: right;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}