/* Main tags */

*{ margin:0; padding:0; }
img { border:0; }
body { width:100%; height:auto; font-family: arial, sans-serif; margin:0px; font-size:100%; background-color:#000000;color:#FFF; }
p { margin-bottom:1em; }
ul { margin-bottom:1em; list-style-position:inside; }
h1 { font-size:2em; margin:1.25em 0; }
h2 { font-size:1.45em; padding:0.6em 0; margin:1em 0; border-bottom:1px dotted #000000;}
h3 { font-size:1.3em; margin:0.875em 0; }
h4 { font-size:1.25em; margin:0.75em 0; }
h5 { font-size:1em; margin:0.63em 0; }
h6 { font-size:0.875em; margin:0.5em 0; }

a { color:#fff;  text-decoration:none; }
a:visited { color:#fff;  text-decoration:none;}
a:hover { color:#fff; text-decoration:underline; }
a:focus {  }

/* WYSIWYG styles */

.strongText{ font-weight:bold; }
.uppercaseText{ text-transform:uppercase; }
.smallText{ font-size:90%; }

/*Navigations*/

#mainnavigation ul {}
#mainnavigation ul li {}
#mainnavigation ul li a {}
#mainnavigation ul li a:hover {}

#footernavigation ul {}
#footernavigation ul li {}
#footernavigation ul li a {}
#footernavigation ul li a:hover {}

/* Used in the FAQs to hide the answers (which are in <DIV> tags) when the page loads up */
.answer { display:none; }

/* Layout*/
#pagewidth { position:relative; display:block; width:960px;margin:0 auto 0 auto; padding:0px; background-color:#fff; font-size:0.725em; border-top:4px solid #0000fe;}
#pagewidthblack {background:#000000;position:relative; display:block; width:960px;margin:0 auto 0 auto; padding:0px; font-size:0.725em; border-top:4px solid #0000fe;}
#header  {display:block;float:left;height:78px;width:960px;background:#FFF}
#headerblack  {display:block;float:left;height:78px;width:960px;background:#000000}
#header h1, #headerblack h1 {margin: 0.3em 0;}
#header h1 span, #headerblack h1 span{display:none;}
#content  {float:left;width:960px;}
#project-images {width:384px; float:left;margin-top:20px;}
#project-right {float:left;margin-left:20px;width:556px;}
#navigation {display:block;float:left;width:966px;height:150px;margin-bottom:20px;}
#navigation li { list-style:none; height: 150px; float: left;width:190px; margin-right:2px;}
#navigation li a { color:#fff; display: block; height:150px; padding:0; float: left; }
#sddm li a.nav-home:link, #sddm li a.nav-home:visited {display: block;width:190px;height:150px;background:url(../../images/home.jpg) no-repeat; }
#sddm li a.nav-home:hover {background-position:0 -150px;}
#sddm li a.nav-practice:link, #sddm li a.nav-practice:visited {display: block;width:190px;height:150px;background:url(../../images/practice.jpg) no-repeat; }
#sddm li a.nav-practice:hover {background-position:0 -150px;}
#sddm li a.nav-project:link, #sddm li a.nav-project:visited {display: block;width:190px;height:150px;background:url(../../images/projects.jpg) no-repeat; }
#sddm li a.nav-project:hover {background-position:0 -150px;}
#sddm li a.nav-standards:link, #sddm li a.nav-standards:visited {display: block;width:190px;height:150px;background:url(../../images/standards.jpg) no-repeat; }
#sddm li a.nav-standards:hover {background-position:0 -150px;}
#sddm li a.nav-contact:link, #sddm li a.nav-contact:visited {display: block;width:190px;height:150px;background:url(../../images/contact.jpg) no-repeat; }
#sddm li a.nav-contact:hover {background-position:0 -150px;}
#main-img {float:left;width:960px;height:226px;}
#plans {float:left;width:284px;}
#content-right {float:left;width:676px;}
#news {}
#footer {float:left;width:960px;border-top:4px solid #0000fe;color:#c4c4c4;padding-top:10px;}
#footer a:link, #footer a:visited {color:#c4c4c4;text-decoration:none;}
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30;
	}

#sddm ul li
{	margin: 0;
	padding: 0;
	list-style:none; height: 150px; float: left;width:190px; margin-right:2px;}

#sddm ul li a
{	display: block;
	color:#fff; display: block; height:150px; padding:0; float: left;}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	margin-top:150px;
	background: #17375e;}

	#sddm div a
	{	position: relative;
		height:26px;
		margin: 0;
		padding: 5px 10px;
		width:170px;
		background: #17375e;
		color: #FFF;
		clear:all;
		font: 11px verdana}

	#sddm div a:hover
	{	background: #FFF;
		color: #17375e}
div.infobox{padding:0px 20px 0px 10px;width:400;}
/*Image displayer*/
.imagedisplayer_big{width:384px;min-height:287px;float:left;margin-bottom:10px;}
.imagedisplayer_small{margin-bottom:5px;float:left;margin-right:5px;}
/*Image displayer*/