/***** BASICS *****/
body {
	background:#ccc url(../images/bg.jpg) no-repeat top right;font-family:arial, tahoma, verdana,  sans-serif;font-size:75%;color:#000;margin:20px auto;text-align:center;}

h1 {font-size:1.4em;color:#cf90d5;border-bottom:2px solid #ccc;margin:0px 0px 10px 0px;}
h2 {font-size: 130%;}
h3 {font-size: 120%;}
h4 {font-size:1.6em;color:#cf90d5;margin:0px}
h5 {font-size: 105%;}

a:link, a:visited {color:#574057;}
a:hover {text-decoration:none;}
a img {border:none;}

/***** STRUCTURE *****/
#wrapper {text-align: left;margin: 0 auto;width: 940px;background:#fff;padding:10px 20px;}
/* IE */ * html #wrapper {width:980px;}
#left {float:left;width:230px;background:#fff url(../images/bg_left.gif) no-repeat bottom left;}
	.com {margin:0px 0px 10px 20px;}
	#box {border-left:1px solid #ccc;border-top:1px solid #ccc;border-right:1px solid #8a8a8a;border-bottom:1px solid #8a8a8a;float:left;margin:0px 20px;text-transform:Uppercase;font-size:11px;padding:10px;width:168px;color:#8a8a8a;}
	/* IE */ * html #box {margin:0px 10px 0px;width:190px;}
	#box strong {color:#000;}
	.text {border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:10px 5px;margin-bottom:10px;}
#right {float:right;width:690px;}
#footer {text-align:center;background:#fff url(../images/bg_footer.jpg) no-repeat top center;padding:10px 0px 0px;position:relative;}
#links {position:absolute;top:10px;right:0px;}

/***** PAGE SPECIFIC *****/
.home {font-size:1.2em;}
.projects {font-size:1.2em;position:relative;}
	.completion {position:absolute;top:14px;right:10px;font-size:.8em;}

/***** MENU *****/
#side_menu {list-style-type:none;padding:0px;width:190px;margin:10px 20px 10px;background:transparent url(../images/bg_nav.gif) repeat-x top left;float:left;}
/* IE */ * html #side_menu {margin:10px 10px 5px;}
	#side_menu li {list-style-type:none;margin:0px;padding:0px 0px 1px 0px;background:transparent url(../images/bg_nav.gif) repeat-x bottom left;}
		#side_menu li a, #side_menu li a:visited {padding:5px;display:block;text-transform:uppercase;text-decoration:none;}
		#side_menu li a:hover {background:#cf90d5;color:#fff;}

#side_submenu {list-style-type:none;padding:0px;width:190px;margin:0px 0px 5px;background:transparent url(../images/bg_nav.gif) repeat-x top left;float:left;}
	#side_submenu li {list-style-type:none;margin:0px;padding:0px 0px 1px 0px;background:transparent url(../images/bg_nav.gif) repeat-x bottom left;}
		#side_submenu li a, #side_submenu li a:visited {padding:5px;display:block;text-transform:uppercase;text-decoration:none;background:#f0f0f0;font-size:.8em;}
		#side_submenu li a:hover {background:#cf90d5;color:#fff;}
		
/***** CLASSES *****/
.left {float:left;}
.right {float:right;}
.kill {clear: both; background-color: transparent;}

/***** FADING IMAGES *****/
#imageContainer {margin:0px auto 10px; position: relative; width: 688px; height: 344px;border:1px solid #574057;}
/* IE */ * html #imageContainer {width: 690px; height: 346px;}

/* Set the height and width to be that of the images you want to rotate. Never change margin and position */ 
/* display: none is always on! */
#imageContainer img {display:none;position:absolute;top:0;left:0;}

/***** MENU *****/
ul#nav {list-style: none;margin:0px;padding: 0px;}
ul#nav li {
	list-style: none;
	padding: 0px;
	float:left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
ul#nav li a {display: block;height:33px;background-position: top;}
ul#nav li a span {display: none}	
ul#nav li a:hover {background-position:bottom;}	
a#nav_one {background-image: url(../images/x1.gif);width:36px;}	
a#nav_two {background-image:url(../images/x2.gif);width:35px;}	
a#nav_three {background-image: url(../images/x3.gif);width:47px;}	
a#nav_four {background-image: url(../images/x4.gif);width:57px;}


.textfld {
	width: 150px;
}
.red {
	color: #FF0000;
}
label {width:120px;display:block;}