@charset "utf-8";
/* CSS Document */

body{
	margin:0px;
	padding:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:small;
	background-color:#eeeeee;
}

hr{
	color:#9A9A4E;
}	

h3 {
	color:#9A9A4E;
	font-weight:bold;
	margin-bottom:0px;
}

h2{
	display:inline;
	color:#9A9A4E;
}

h1{
	color:#9A9A4E;
}

.header{
	margin-left:auto;
	margin-right:auto;
	width:1024px;
	position:relative;
}

.header #top{
	background-image:url(../images/headerTop.jpg);
	background-repeat:repeat-y;
	width:1024px;
}

.header #bottom{
	background-image:url(../images/headerBottom.jpg);
	background-repeat:no-repeat;
	height:29px;
	width:1024px;
	margin-bottom:20px;
}

#logo{
	float:left;
	margin-left:20px;
	margin-top:25px;
	width:200px;
}

#mainTitle{
	float:right;
	margin-right:20px;
}

#mainTitle ul{
	padding:0px;
	margin:0px;
}

#mainTitle ul li{
	float:left;
	list-style:none;
	margin-right:20px;
}

#mainTitle ul li a{
	color:#000;
	text-decoration:none;
	font-size:120%;
}

#mainTitle ul li a:hover{
	color:#C93;
	text-decoration:none;
	font-size:120%;
	font-weight:bold;
}

.clear{
	clear:both;	
}


.footer{
	margin-left:auto;
	margin-right:auto;
	width:1024px;
	bottom:0;
	position:relative;
}

.footer #top{
	background-image:url(../images/footerTop.jpg);
	background-repeat:no-repeat;
	width:1024px;
	height:28px;
	margin-top:20px;
}

.footer #bottom{
	background-image:url(../images/footerBottom.jpg);
	background-repeat:repeat-y;
	text-align:center;
	width:1024px;
	padding-top:20px;
	padding-bottom:20px;
	line-height:25px;
}

.footer a{
	text-decoration:none;
	color:#000;
}

.contentBox{
	margin-left:auto;
	margin-right:auto;
	width:1002px;
	position:relative;
}

.contentBox #top{
	background-image:url(../images/contentBoxTop.jpg);
	background-repeat:no-repeat;
	width:1002px;
	height:34px;
}

.contentBox #middle{
	background-image:url(../images/contentBoxMid.jpg);
	background-repeat:y-repeat;
	width:1002px;
	min-height:60%;
}

.contentBox #bottom{
	background-image:url(../images/contentBoxBottom.jpg);
	background-repeat:no-repeat;
	width:1002px;
	height:22px;
}

.subLinkBox{
	float:left;	
}

.subLinkBox #top{
	background-image:url(../images/subLinkBoxTop.jpg);
	background-repeat:no-repeat;
	width:300px;
	height:10px;
}

.subLinkBox #middle{
	background-image:url(../images/subLinkBoxMid.jpg);
	background-repeat:y-repeat;
	width:300px;
}

.subLinkBox #bottom{
	background-image:url(../images/subLinkBoxBottom.jpg);
	background-repeat:no-repeat;
	width:300px;
	height:7px;
}

.paddingBox{
	padding:10px;	
}

.subPageBox{
	float:left;
	margin-left:20px;
}

.subPageBox #top{
	background-image:url(../images/subBoxTop.jpg);
	background-repeat:no-repeat;
	width:682px;
	height:23px;
}

.subPageBox #middle{
	background-image:url(../images/subBoxMid.jpg);
	background-repeat:y-repeat;
	width:682px;
}

.subPageBox #bottom{
	background-image:url(../images/subBoxBottom.jpg);
	background-repeat:no-repeat;
	width:682px;
	height:15px;
}

.goldenLink{
	color:black;
	text-decoration:none;
	font-size:120%;
	margin-left:10px;
	margin-bottom:10px;
}

#mainTitleService{
	display:block;
	margin-top:-15px;
	margin-bottom:0px;
}

#takeRIA{
	clear: left;
} 
.test {
	float: left;
}
.serviceOffered {
	height: 200px;
	width: 200px;
	float: left;
	text-align: center;
	font-weight: bold;
}
.contentBox #middle .paddingBox div #slideShow {
	height: 200px;
	width: 400px;
	border: 3px solid #CC3;
}
.slide {
	display: none;
	height: 200px;
	width: 400px;
	line-height: 200px;
	font-size: 36px;
	text-align: center;
	background-color: #FFF;
}
.contentBox #middle .paddingBox #leftCol {
	float: left;
	width: 500px;
}
.contentBox #middle .paddingBox #rightCol {
	float: right;
	width: 450px;
	margin-right: 30px;
}

.contentBox #middle .paddingBox #leftCol2 {
	float: left;
	width: 400px;
}

.exampleProject{
	margin-bottom:20px;
}

.exampleProject img{
	margin-right:10px;	
}

.exampleProject p{
	margin:0px;	
}