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

* {margin:0;padding:0;}

body {
	margin-top:30px;
	font-family: /*Century Gothic, */Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#333;
	scrollbar-base-color: #fff;
scrollbar-track-color: #fff;
scrollbar-face-color: #c5c5c5;
scrollbar-highlight-color: #c5c5c5;
scrollbar-3dlight-color: #fff;
scrollbar-darkshadow-color: #fff;
scrollbar-shadow-color: #fff;
scrollbar-arrow-color: #fff;
	}
hr {
    border-color: #e0e0e0;
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
	padding-bottom: 30px;
	}
/* Main Content Areas
------------------------------------------------------------------*/
#wrap {margin: 0 auto; width:920px;height:530px;
	/*border-right: 25px solid #c5c5c5;*/background: url(../i/wrap-bg.gif) top left repeat-y;
	}
body#home #wrap, body#projects #wrap{border:none;}	
#one {float:left;width:175px;border-right:10px solid #fff;background:#c5c5c5;}	
#one .gutter {padding:0px 0px 0px 0px;overflow:hidden;}
#two {float:right;width:735px;}	

#two #project-image {float:left;width:560px; overflow:hidden;}
#two #project-image img, #two #project-detail div.thumb img {border:none;}
#two #project-detail {float:right;width:175px;}
/*#two #project-detail .gutter {padding:10px 5px;}
#two #project-detail .gutter p {font-size:10px;}*/
#two #project-detail div.scroll {height:530px; margin:0; width:175px;overflow-x: hidden; overflow-y: scroll;}
#two #project-detail div.scroll h3 {padding:0px 0px 5px 10px; }
#two #project-detail div.scroll p {padding:0px 10px 5px 10px; font-size:10px;}
#two #project-detail div.thumb { float: left; margin: 10px 5px 5px 10px; } 
#two #page div.scroll {height:530px; margin:0; width:735px;overflow-x: hidden; overflow-y: scroll;}
#two #page div.scroll p {padding:0px 10px 5px 10px;}

img.proj-thumb {margin:0 25px 20px 0; border:none;}

h1,h2,h3,h4,h5,h6 {color:#585757;}
h2 {padding-bottom:10px;}
.scroll h2 {padding:0 0 10px 10px;}
h3 {font-size:80%;}
/* Footer Div Area
------------------------------------------------------------------*/
#footer {width:920px; margin:0 auto;}	

#footer h1.logo {text-indent:-9999px;}
#footer h1.logo a {
	background: url(../i/logo.gif) top left no-repeat;
	display:block;
	width:920px;
	height:50px;
		}
#footer h1.logo a:hover {background: url(../i/logo.gif) 0 -50px no-repeat;}	
#footer p { font-size:15px;clear:both;text-align:center;color:#c5c5c5; letter-spacing:.3px; }	

/* General Links
------------------------------------------------------------------*/
a	{color: #3e516a;/*font-weight:bold;*/text-decoration: none;background-color: transparent;}
a:link	{color: #3e516a;text-decoration: none;background-color: transparent;} 
a:visited	{color: #3e516a;text-decoration: none;background-color: transparent;} 
a:hover	{color: #4885bc; text-decoration:underline;background-color: transparent;} 
a:active {color: #3e516a; text-decoration:underline; background-color: transparent;}
a.current, a.current:link {color: #ff0000}
p.bbd, p.bbd a {color:#f1f1f1; text-align:center;}
/* ArrowListMenu JQuery CSS
------------------------------------------------------------------ */
.arrowlistmenu{
width: 155px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
background: transparent url(../i/plus.gif1) no-repeat center right;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
/*text-transform: uppercase;*/
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
/*border-bottom: 1px dotted #5e5e54;*/
}
.arrowlistmenu h3.menuheader {padding-top:15px; font-weight:bold;}
.arrowlistmenu h4.menuheader {
background: transparent url(../i/plus.gif1) no-repeat center right;	
padding-left:20px;
font-weight:bold;
	}
	
.arrowlistmenu .menuheader a{color:#fff;}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
color: #fafafa;
background:transparent url(../i/minus.gif1) no-repeat center right;
}
.arrowlistmenu h4.openheader {color:#ff0000;background:transparent url(../i/minus-red.gif1) no-repeat center right;}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/list-style-type: disc;/*margin: 0;padding: 0;
margin-bottom: 0px; bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul.categoryitems1 li {list-style-type: disc;}
.arrowlistmenu ul li{padding: 0px; /*bottom spacing between menu items*/border-bottom:none; list-style-type: disc;}

.arrowlistmenu ul li a{
color:#fff ;
background: /*#eaf3fb*/ url(../i/white-disc.gif) 25px 6px no-repeat ;/*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 35px; /*link text is indented 19px*/
text-decoration: none;
font-weight: normal;
/*border-bottom: 1px solid #dadada;*/
font-size: 11px;
}

.arrowlistmenu ul.arrow2 li a{
border-bottom: 1px dotted #fff;
padding: 2px 0 4px 0;
padding-left: 20px; /*link text is indented Xpx*/
}

.arrowlistmenu ul li a:visited{
color: ;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #4885bc;
background: /*#eaf3fb*/ url(../i/blue-disc.gif) 25px 6px no-repeat ;
}
.arrowlistmenu ul li a.current, .arrowlistmenu ul li a.current:link{ /*hover state CSS*/
color: #4885bc;
text-decoration:underline;
background: /*#eaf3fb*/  url(../i/blue-disc.gif) 25px 6px no-repeat ;
}