/* CSS Document */

/* Tags -------------------------- */
body {
	margin: 0;
	padding: 0;
	background-color: #000000;
	}
h1 {
	margin: 0;
	padding: 0;
	font: bold 14px/16px Verdana, Arial, Helvetica, sans-serif;
	}
h2 {
	margin: 0;
	padding: 0;
	font: bold 14px/14px Arial, Helvetica, sans-serif;
	}
h3 {
	font: bold 12px/14px Verdana, Arial, Helvetica, sans-serif;
	}
h4 {
	font: normal 10px/10px Arial, Helvetica, sans-serif;
	}
p {
	padding: 0;
	font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
	}
dl {
	margin: 0;
	padding: 0;
	}
dt {
	margin: 0 0 2px 10px;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	color: #546aaf;
	}
dd {
	margin: 0 0 10px 20px;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	width: 280px;
	}
ul {
	margin: 0 0 10px 0;
	padding: 0;
	}
li {
	margin: 0;
	padding: 0;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	}

/* Classes -------------------------- */



/* DIV's -------------------------- */
#container {
	width: 760px;
	margin: 20px auto;
	padding: 0;
	background-color:#FFFFFF;
	background-image: url(../images/sidebar_bkgnd.gif);
	background-repeat: repeat-y;
	}
#masthead {
	padding: 10px;
	height:100px;
	text-indent: -5000px;
	background-image: url(../images/sdi_masthead.jpg);
	background-color: #546aaf;
	}
#clearnavfloat {
	clear: left;
	}
#promocontent {
	float: left;
	margin: 0;
	width: 245px;
	}
#promo {
	position: relative;
	margin: 14px 14px 0 14px;
	padding: 10px;
	background-color: #FAFAE2;
	background-image: url(../images/promo_bkgnd.jpg);
	background-repeat: repeat-y;
	border-right: 1px solid #666666; 
	border-bottom: 1px solid #666666;
	}
#promo h3 {
	margin: 2px 0 10px 0;
	padding: 0;
	color: #CC6600;
	}
#promo p {
	margin: 4px 0;
	padding: 0;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	}
#promo ul {
	margin: 0;
	padding: 0;
	}
#promo ol {
	margin: 0;
	padding: 0;
	}
#promo li {
	margin: 0 0 0 10px;
	padding: 3px 0;
	color: #666666;
	list-style: disc;
	}
#promo .catalog {
	position: relative;
	float: left;
	margin: 2px 20px 6px 0;
	}
#promo .clear {
	clear: left;
	}
#pagecontent {
	margin: 14px 14px 14px 259px;
	}
#pagecontent h2 {
	color: #546aaf;
	margin: 4px 14px 4px 14px;
	padding: 0 0 8px 0;
	border-bottom: 2px solid #546aaf;
	}
#content {
	margin: 10px 14px 10px 14px;
	}
#content p {
	margin: 20px 0 20px 0;
	padding: 0;
	}
#tagline {
	clear: both;
	margin: 0;
	padding: 20px 0 20px 0;
	text-align: center;
	}
/* About Us Page -------------------------- */
#aboutimages {
	float: right;
	}
#aboutimages img {
	padding: 0 0 8px 0;
	}
	
/* Portfolio -------------------------- */
#containerportfolio {
	position: relative;
	width: 760px;
	margin: 20px auto;
	padding: 0;
	background-color:#FFFFFF;
	}
#portfolio li {
	margin: 0 0 10px 20px;
	padding: 0;
	}
#pageportfolio {
	position: relative;
	margin: 0;
	padding: 0;
	height: 700px;
	}
#simplepatch {
	position: absolute;
	bottom: 40px;
	right: 40px;
	z-index:100;
	}
#contentportfolio {
	margin: 10px 14px 10px 14px;
	}
#contentportfolio p {
	padding: 0;
	width: 330px;
	}

/* Catalog -------------------------- */
#containercatalog {
	width: 760px;
	margin: 20px auto;
	padding: 0;
	background-color:#FFFFFF;
	}
#pagecontentcatalog {
	margin: 14px 14px 0px 14px;
	}
#pagecontentcatalog h2 {
	color: #546aaf;
	margin: 4px 14px 4px 14px;
	padding: 0 0 8px 0;
	border-bottom: 2px solid #546aaf;
	}
#pagecontentcatalog form {
	margin: 16px 14px 4px 14px;
	}
#catalogmenu {
	margin: 10px 14px 14px 14px;
	padding: 0 0 8px 0;
	border: 1px solid #999999;
	background-color: #FFFFCC;
	height: 66px;
	}
#catalogmenu img {
	margin: 6px 14px 0px 14px;
	}
#minicatalog {
	float: left;
	}
#catalogmenu p {
	margin: 6px 14px 0px 14px;
	}
#contentcatalog {
	margin: 0px 14px 10px 14px;
	}
#contentcatalog ul {
	margin: 10px 0 10px 10px;
	padding: 0 0 0 20px;
	}
#contentcatalog ul li {
	margin: 0 0 0 10px;
	padding: 0 0 0 0px;
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	color: #546aaf;
	list-style-type: none;
	}
#contentcatalog p {
	margin: 10px 14px 0 0;
	padding: 0;
	}
#promocat {
	position: relative;
	margin: 14px 14px 0 14px;
	padding: 10px;
	background-color: #FAFAE2;
	background-image: url(../images/promo_bkgnd.jpg);
	background-repeat: repeat-y;
	border: 1px solid #666666; 
	}
#promocat h3 {
	margin: 2px 0 10px 0;
	padding: 0;
	color: #CC6600;
	}
#promocat p {
	margin: 4px 0;
	padding: 0;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	}
#promocat ul {
	margin: 0;
	padding: 0;
	}
#promocat ol {
	margin: 0;
	padding: 0;
	}
#promocat li {
	margin: 0 0 0 10px;
	padding: 3px 0;
	color: #666666;
	list-style: disc;
	}
	
/* Navigation -------------------------- */
#one .one, #two .two, #three .three, #four .four, #five .five {
	color: #FFFFFF;
	background-color: #9999CC;
	background-image: url(../images/bttn_on.gif);
	}
#nav {
	width:100%;
	height: 24px;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	background-color: #ffffff;
	background-image: url(../images/bttn_off.gif)
	}
#nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
#nav li {
	float: left;
	display: inline;
	margin: 0;
	border-left: 1px solid #999999;
	background-color: #ffffff;
	background-image: url(../images/bttn_off.gif)
	}
#nav li:hover {
	background-color: #9999CC;
	background-image: url(../images/bttn_on.gif);
	}
#nav a {
	display: block;
	width: 151px;
	height: 18px;
	text-transform: uppercase;
	text-decoration: none;
	font: bold 11px/11px Arial, Helvetica, sans-serif;
	text-align: center;
	padding-top: 6px;
	color: #9999CC;
	}
#nav a:hover {
	color: #FFFFFF;
	}