/*general stuff*/
a:link {color:#0d0900; text-decoration:none;}
a:active {color:#4c3800; text-decoration:none;}
a:hover {color:#4c3800; text-decoration:none;}
a:visited {color:#0d0900; text-decoration:none;}

html {
	height:100%;
	width:100%;
}
body {
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#4c3800;
	width:1000px;
	height:100%;
	margin:auto;
	font-family: Tahoma;
}
.floatPos {
	float:left;
}
div#container {
	height:100%;
	width:1000px;
}
div#header {
	width:1000px;
	height:130px;
}
div#mainArea {
	height:312px;
	width:1000px;
}
div#bottomArea {
	height:100%;
	width:1000px;
	margin:auto;
	z-index:1;
}
div#bottomBorder {
	height:165px;
	}

/*menu stuff*/
div#menuBox {
	height:310px;
	width:250px;
	text-align:right;
	margin-top:15px;
}
#menuBox a:link {color:#536108; text-decoration:none;}
#menuBox a:active {color:#0d0900; text-decoration:none;}
#menuBox a:hover {color:#0d0900; text-decoration:none;}
#menuBox a:visited {color:#536108; text-decoration:none;}

div.menuText {
	font-size:16px;
	color:#536108;
	padding:0 0 5px 0;
}
div#vLine {
	height:330px;
	width:5px;
	margin:0 40px 0 15px;
}

/*index stuff*/
div#mainAreaI {
	position:absolute;
	height:350px;
	width:1000px;
	margin:0px 0px 0px 20px;
}
#parallax {
	position:absolute; 
	overflow:hidden; 
	width:1000px; 
	height:380px;
	left:0;
	margin:-50px 0 0 20px;
	z-index:-10;
	}
/*div#sloganTop {
	height:30px;
	width:625px;
	text-align:right;
	color:#0d0900;
	font-size:22px;
	font-weight:normal;
}*/
div#sloganTop h1 {
	height:24px;
	width:635px;
	text-align:right;
	color:#0d0900;
	font-size:23px;
	font-weight:normal;
	top:0;
	margin-top:5px;
}
div#sloganBottom h2{
	height:17px;
	width:625px;
	text-align:right;
	color:#0d0900;
	font-size:17px;
	font-weight:normal;
	top:0;
	margin-top:0px;
}
div#sloganBottom {
	height:30px;
	width:625px;
	text-align:right;
	color:#0d0900;
	font-size:25px;
}
div#slides {
	height:274px;
	width:625px;
	text-align:right;
}
div#homeText {
	height:300px;
	width:625px;
	margin:40px 0 10px 0;
	text-align:right;
	font-family: Tahoma;
	font-size:17px;
}
div#bottomLeft {
	height:200px;
	width:325px;
	margin:0px 0 0 35px;
	z-index:200;
}
div#bottomCenter {
	height:200px;
	width:280px;
	margin:0px 0 0 10px;
	font-size:24px;
	text-align:center;
	color:#effa6f;
}
div#bottomRight {
	height:200px;
	width:325px;
	background-image:url(images/bottomRightBox.jpg);
	background-repeat:no-repeat;
	margin:0px 0 0 10px;
	text-align:right;
}
div.thinkHeader {
	font-size:26px;
	color:#0d0900;
	width:95%;
	margin:15px 0 0 0;
}
div.thinkBody {
	font-size:16px;
	color:#4c3800;
	width:95%;
	margin:30px 0 0 0;
}
div.thinkLink {
	font-size:12px;
	color:#0d0900;
	width:95%;
	margin:10px 0 5px 0;
}
div#bottomAreaI {
	height:100%;
	width:1000px;
	top:0px;
	margin:227px 0 0 0;
	z-index:100;
}
div#bottomBorderI {
	height:165px;
	top:0px;
	margin:312px 0 0 0;
	z-index:100;
	}

/*profile tab styles*/
div#profileMain {
	height:350px;
	width:680px;
}
.tab1 {
	margin:0 0 0 0;
}
a.tab1Alpha img {
	margin:0 0 0 0;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	-khtml-opacity: 0.5;
}
a.tab2Alpha img {
	margin:0 0 0 5px;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	-khtml-opacity: 0.5;
}
a.tab1Alpha:hover img {
	margin:0 0 0 0;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	-khtml-opacity: 1;
}
a.tab2Alpha:hover img {
	margin:0 0 0 5px;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	-khtml-opacity: 1;
}
.Div1{
	display:none; 
	height:350px; 
	width:660px;
	font-size: 13.5pt;
	color:#0d0900;
	padding:20px 15px 0 10px;
	background-image:url(images/profileBox.gif);
	background-repeat:no-repeat;
	word-wrap:normal;
}
.Div1 h1 {
	font-weight:normal;
	font-size: 13.5pt;
}
.Div2{
	display:none; 
	height:350px; 
	width:630px;
	font-size: 13.5pt;
	color:#0d0900;
	padding:20px 25px 0 20px;
	background-image:url(images/profileBox.png);
	background-repeat:no-repeat;
	word-wrap:normal;
}
.Div3{
	display:none; 
	height:350px; 
	width:660px;
	font-size: 11pt;
	color:#0d0900;
	padding:20px 15px 0 10px;
	background-image:url(images/profileBox.png);
	background-repeat:no-repeat;
	word-wrap:normal;
}
.Div4{
	display:none; 
	height:350px; 
	width:630px;
	font-size: 13.5pt;
	color:#0d0900;
	padding:20px 25px 0 20px;
	background-image:url(images/profileBox.png);
	background-repeat:no-repeat;
	word-wrap:normal;
}
.design {
	height:200px;
	width:180px;
	margin-top:10px;
	padding:25px 0 0 10px;
	font-size:14px;
}
.develop {
	height:200px;
	width:190px;
	margin-top:10px;
	padding:25px 0 0 10px;
	font-size:14px;
}
.market {
	height:200px;
	width:240px;
	margin-top:10px;
	padding:25px 0 0 10px;
	font-size:14px;
}
.bioR	{
	width:200px;
	height:100%;
	margin:20px 0 0 10px;
}
.bioR a {
	position:relative;
	float:left;
	display:block;
}
.bioR a span {
	display:none;
}
.bioR a:hover {
	text-decoration:none;
}
.bioR a:hover span {
	position:absolute;
	top:40px;
	margin:0 0 0 60px;
	padding:20px 10px 0 15px;
	display:block;
	width:480px;
	height:200px;
	background:url(images/bioBoxR.png) no-repeat;
	z-index:10;
}
.bioJ	{
	width:200px;
	height:100%;
	margin:20px 10px 0 10px;
}
.bioJ a {
	position:relative;
	float:left;
	display:block;
}
.bioJ a span {
	display:none;
}
.bioJ a:hover {
	text-decoration:none;
}
.bioJ a:hover span {
	position:absolute;
	top:40px;
	margin:0 0 0 -140px;
	padding:20px 10px 0 15px;
	display:block;
	width:480px;
	height:200px;
	background:url(images/bioBoxJ.png) no-repeat;
	z-index:10;
}
.bioB	{
	width:200px;
	height:100%;
	margin:20px 10px 0 0;
}
.bioB a {
	position:relative;
	float:left;
	display:block;
}
.bioB a span {
	display:none;
}
.bioB a:hover {
	text-decoration:none;
}
.bioB a:hover span {
	position:absolute;
	top:40px;
	margin:0 0 0 -340px;
	padding:20px 10px 0 15px;
	display:block;
	width:480px;
	height:200px;
	background:url(images/bioBoxB.png) no-repeat;
	z-index:10;
}
.caption {
	font-size:16px;
	line-height:22px;
}

/*process stuff*/
body#P {
	background-image:url(images/bgP.jpg);
	background-repeat:repeat-x;
	background-color:#4c3800;
	width:1000px;
	margin-top:0;
	margin-left: auto;
	margin-right: auto;
	font-family:Trebuchet MS, Helvetica;
}
div#mainAreaP {
	height:424px;
	width:1000px;
}
div#menuBoxP {
	height:310px;
	width:210px;
	text-align:right;
	margin-top:60px;
}
div#vLineP {
	height:330px;
	width:5px;
	margin:45px 40px 0 15px;
}
div#processArea {
	background:url(images/whitePaper.jpg) no-repeat;
	width:650px;
	height:100%;
	margin:0 0 0 20px;
	padding-top:20px;
	z-index:-1;
}
div#processArea h1 {
	font-weight:normal;
	font-size:16px;
}

/*process div styles*/
.visible {
	display:inline;
	visibility:visible;
	height:auto;
	width:auto;
}
.hidden {
	display:none;
	visibility:hidden;
	height:0;
	width:0;
}
.nodeTitle {
	background:url(images/chooseAdvButton.png) no-repeat;
	font-size:13px;
	height:30px;
	width:180px;
	margin:0px 0 0 10px;
	padding:15px 30px 0 0;
	text-align:right;
	cursor:pointer;
}
.nodeContent {
	margin:20px 0 0 40px;
	font-size:16px;
	height:420px;
	width:380px;
}

/*portfolio stuff*/
div#portfolioArea {
	width:710px;
	height:470px;
	margin:0 0 0 5px;
	z-index:-1;
}
.thumb {
	height:55px;
	width:auto;
	margin-right:2px;
}
.Div5{
	display:none; 
	width:450px;
	font-size: 22pt;
	color:#0d0900;
	padding:0 0 0 10px;
}
#loadarea {
	width:auto;
	height:auto;
	padding:15px 10px 10px 12px;
	}
div#projectLinks {
	width:150px;
	height:400px;
	padding:60px 10px 0 0;
	text-align:right;
	font-size:15px;
	background: #eaf282;
}
div#projectLinks h1 {
	font-weight: normal;
	font-size: 18px;
	margin-top:-50px;
}
.projectTab {
	height:40px;
	width:auto;
}

/*contact stuff*/
div#contactLeft {
	position:relative;
	width:300px;
	margin:10px 0 0 -10px;
}
div#contactLeft h1 {
	font-weight:500;
	font-size:17px;
	height:20px;
}
div#contactRight {
	position:relative;
	width:350px;
	margin:0 0 0 15px;
}
.contactSmall {
	font-size:smaller;
}
div.closebox {
	cursor: pointer;
	padding-top:15px;
	text-align:right;
}
div.closeButton /* Use for ALL close buttons */ {
	position: absolute;
	left: 500px;
	float: right;
	cursor: pointer;
	border: 0px solid #000000;
	padding: 0px;
	width: 94px;
	height: 40px;
	color:#FFFFFF;/*top: -12px;*/
}
.popUpDiv {
	position:absolute;
	top:50px;
	left:100px;
	height:500px;
	width:500px;
	color:#FFFFFF;
	background-color: #4c3800;
	padding: 10px;
	border: 5px solid #FFFFFF;
	z-index: 300;/*border: 100px solid transparent;*/
}

/*references stuff*/
div#refContent {
	height:350px;
	width:680px;
	margin:30px 0 0 10px;
}

/*footer stuff*/
#footerMenu {
	width: 100%;
	/*height: auto;*/
	height:50px;
	font-family: Tahoma;
	font-size: 14px;
	color: #eaf282;	
	position:relative;
	padding:0 0 20px 0;
	/*margin-top:-100px;*/
}
#footerMenu span {
	text-align:right;
	padding-left:50px;
}
#footerMenu a {color:#effa6f; text-decoration:underline;}
#footerMenu a:link {color:#effa6f; text-decoration:underline;}
#footerMenu a:hover {color:#536108; text-decoration:underline;}