body {
	margin: 0px;
	background: url(images/blueback.jpg);
	background-repeat:repeat-x;
}
img {
	border: 0px;
}
.head {  margin-top:28px; }
.title_bar { background: url(images/title_bar.png); background-repeat:no-repeat; background-position:bottom; height: 20px; }
h2 { font-family:Arial, Helvetica, sans-serif; font-size:24px; color: #fff; display: inline; font-style:italic; }
h3 { font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #fff; display: inline;}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	padding: 0 10px 0 10px;

}
a:link { color: #7194bc; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 12px; }
a:visited { color: #7194bc; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 12px; }
#wrapper {
	margin: 0px auto;
	width: 1000px;
}
#logo {
	margin-top:10px;
}
#nav {
	padding: 31px 0px 0px 0px;
}
.navbut {
	padding-right: 2px;
}
#main { clear: left; }
#orange {
	background: url(images/webanalysisorange.jpg);
	background-repeat:no-repeat;
	height: 25px;
	width: 220px;
}
#blueback {
	background: url(images/form_background.jpg);
	background-repeat:repeat-y;
	width: 220px;
	float:left;
	margin-right: 15px;
	padding: 10px;
}

#blueback label { color: #666666; }
#blueback .moonray_input  { width: 196px; margin-bottom: 10px; }
#blueback select { color: #408FB6; }

#footer {
	background: url(images/footer_main_back.jpg);
	background-repeat:repeat-x;
	height: 237px;
	clear: left;
}
#container {  margin-left: 15px; }
.featuredhead { background: url(images/featured_head.jpg); background-repeat:repeat-y; height: 32px; margin: 0px; }
.colbottom { background:url(images/col_bottom.jpg); background-repeat:no-repeat; height: 10px; margin: 0px; }
.colmiddle { background: url(images/col_back.jpg); background-repeat:repeat-y; margin: 0px; }
.whatwedo { background: url(images/whatwedo_head.jpg); background-repeat:repeat-y; height: 32px; margin: 0px; }
.whoweare { background: url(images/whoweare_head.jpg); background-repeat:repeat-y; height: 32px; margin: 0px; }
#footerdark {
	background: url(images/footer_dark.jpg);
	background-repeat:repeat-x;
	height: 54px;
}
#foottxt {  padding: 20px 10px 0 0; text-align: right; color: #7194bc; font-family:Arial, Helvetica, sans-serif; font-size: 12px  }
.footertitles { font-family: Arial, Helvetica, sans-serif;  color: #3c6279; font-size: 12px;}
form {
	margin: 0px;
}
input {
	font-family: Arial, Helvetica, sans-serif;
	color: #408fb6;
	font-size: 12px;
	padding-top: 5px;
}
textarea {
	margin-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	color: #408fb6;
	font-size: 12px
}
.cols {
	padding: 15px 25px 10px 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #3c6279
}
.cols2 {
	padding: 3px 40px 3px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #3c6279
}
.content_ul {  
	
	color: #3c6279; 	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;  
	padding:5px 15px 15px 15px;
	}
ul {
	list-style-type: none !important;
}
li {
	list-style-type: none !important;
	padding-top: 10px;
}
ul.menu {list-style:none; margin:0; padding:0; z-index: 99999;}
ul.menu * {margin:0; padding:0;}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px;}
ul.menu ul {position:absolute; top:34px; left:0; background:#a3d2dc; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #87abb3; border-top:none; width:148px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#a3d2dc}
ul.menu ul li a:hover {background-color:#ecf9ff}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; background:url(images/header.gif); width:134px}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(images/header_over.gif)}
ul.menu .sub {background:#fff url(images/arrow.gif) 136px 8px no-repeat}
ul.menu .topline {border-top:1px solid #234d73}

/* Portfolio */
#portfolio-wrap { margin-left: 10px; }
#design_view {float:left;}
#design_view * {border:none;list-style:none;padding:0px;margin:0px;}
#design_view ul {float:left;margin:10px;margin-top:0px;margin-bottom:0px;height:735px;width:627px;overflow:hidden;}
#design_view ul li.thumbs {margin-left:4px;float:left; }
#design_view ul li.thumbs a { width:180px; height:90px; background:url(../images/icon_background.jpg); padding:13px; float:left; cursor: pointer; }
#design_view ul li.thumbs a:hover { background:url(../images/icon_background_hover.jpg); }
#design_view ul li.main {height:620px;}
#design_view ul li.main a { width:587px; height:578px; background:url(../images/project_background.jpg); padding:21px; padding-top:21px; float:left; cursor: pointer; }
#design_view ul li.main img { width:585px; height:576px; border:none;}
#design_view ul { float:left; width:627px; }
#design_view .arrow { float:left; width:47px; height:500px;background:#FFF;}
#design_view .arrow a { width:40px; height:89px; display:block;margin-top:260px;border:none; text-decoration:none; cursor: pointer; }
#design_view .left a { background:url(../images/left_arrow.jpg); cursor: pointer; width:47px; }
#design_view .right a { background:url(../images/right_arrow.jpg); cursor: pointer; width:47px;}
#design_view .right a:hover { background:url(../images/right_arrow_hover.jpg); }
#design_view .left a:hover { background:url(../images/left_arrow_hover.jpg); }
#design_view .right a:focus { outline:none; }
#design_view .left a:focus { outline:none; }