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

/* global */
:-moz-any-link:focus {
  outline: none;
}
*{margin:0; padding:0;}
a {color:#D7AD90; text-decoration:none;}
a:hover {color:#6C5735;}

h1 {color:#6C5735; font-family:Arial, Helvetica, sans-serif; font-size:18px; margin-bottom:10px;}

body {background-color:#4F3F22; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#6C5735;
scrollbar-base-color: #fff;
scrollbar-track-color: #fff;
scrollbar-face-color: #fff;
scrollbar-highlight-color: #fff;
scrollbar-3dlight-color: #fff;
scrollbar-darkshadow-color: #fff;
scrollbar-shadow-color: #fff;
scrollbar-arrow-color: #D71A21;
scrollbar-arrow-size: 14px;
}
	#wrap {width:790px; margin:auto;}
		#container {float:left; width:100%; height:550px; margin-top:50px; overflow:hidden;
					background-color:#fff; background-image:url(../images/logo.gif); background-repeat:no-repeat; }
			/*#header {background-image:url(../images/logo.gif); background-position:left top; background-repeat:no-repeat; height:100px;}*/
			#header a {display:block; width:250px; height:100px; position:absolute;}
			#headerHome a {display:block; font-weight:bold; color:#fff; margin-top:116px; margin-left:40px;}
			#headerHome a:hover {/*color:#6C5735;*/}
			
			#content {float:left; padding:60px 0px 0 20px; width:770px; padding-bottom:0;}
				#sidebar {float:left; width:91px; padding-top:60px;}
					#sidebar ul {float:left; width:100%; list-style:none; font-size:14px;}
						#sidebar ul li {margin-bottom:10px;}
				
				#projectSublinks {display:none;}
				#projectSublinks li {margin-bottom:3px!important;}
				#projectSublinks a {font-size:12px;}
				
				#right {float:left; width:660px; margin-left:17px;}
				.paddingFix {margin-top:60px; height:408px; overflow-y:hidden; overflow-x:hidden;}
				
/*Tabs*/
.selected {color:#6C5735;}
.loader {float:left; position:relative; top:200px; left:200px;} /*position of loading.gif*/


/*whatIdo*/
.w {float:left; width:100%; background-image:url(../images/whatIdo.png); background-repeat:no-repeat; background-position:-5px top; height:477px;}
.a {background-image:url(../images/a.png);}
.b {background-image:url(../images/b.png);}
.c {background-image:url(../images/c.png);}
.d {background-image:url(../images/d.png);}
.e {background-image:url(../images/e.png);}

a.r1 {display:block; width:210px; height:80px;  position:relative; z-index:101; left:233px;}
a.r2 {display:block; width:205px; height:115px; position:relative; z-index:102; left:55px; top:18px;}
a.r3 {display:block; width:200px; height:110px; position:relative; z-index:103; left:370px; top:-58px;}
a.r4 {display:block; width:155px; height:85px;  position:relative; z-index:104; left:125px; top:-50px;}
a.r5 {display:block; width:165px; height:110px; position:relative; z-index:105; left:260px; top:-25px;}

.textHolder {float:left; width:180px; position:relative; z-index:200; top:-190px; left:450px; /*color:#6C5735;*/}

/*Projects*/
.projectLeft {float:left; margin-right:15px; width:423px;}
	.projectLeft ul {/*float:left;*/ margin-top:10px; font-size:14px;}
		.projectLeft ul li {margin-bottom:3px;}
.projectRight {float:left; width:210px; height:410px; overflow:hidden;}
	.projectRight p {/*color:#6C5735;*/ /*font-size:14px;*/ margin-bottom:8px; line-height:18px;}
	.projectRight ul li {margin-bottom:3px;}
			.projectLeft ul li a {background-image:url(../images/arrowRight.gif); background-repeat:no-repeat; background-position:0px 3px; padding-left:15px;}
/*Experience*/
.scroller {float:left; margin-top:62px; margin-left:5px;}
	.scrollerTop {}
	.scrollerBottom {margin-top:370px;}
	.arrowUp {display:block; width:14px; height:14px; background-image:url(../images/arrowUp.gif); background-repeat:no-repeat;}
	.arrowDown {display:block; width:14px; height:14px; background-image:url(../images/arrowDown.gif); background-repeat:no-repeat;}

/*Slideshow*/
.sliderwrapper{
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	/*border: 10px solid navy;
	border-bottom-width: 6px;*/
	width: 100%; /*width of featured content slider*/
	height: 550px;
}



.sliderwrapper .contentdiv{
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;  /*leave as is*/
	/*padding: 5px;*/
	background: white;
	width: 100%; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 100%;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.pagination{
width: 400px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: navy;
padding: 5px 10px;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #00007D;
background: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}