/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */
/****Utilities***/
.clear{clear:both;}
.clearleft{clear:left;}
.clearright{clear:right;}

.right{float:right;}
.left{float:left;}
  
  a:link {
    font-style: normal;
    color: rgb(102, 51, 0);
    text-decoration: none;
    font-family: Arial,Helvetica,sans-serif ! important;
    }

  a:hover { color: rgb(102, 0, 0);
    }

  a:active { color: rgb(204, 204, 153);
    }

  a:visited { font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    text-decoration: none;
    color: rgb(102, 51, 0);
    }

  #topLogo { position: absolute;
    left: 325px;
    top: 0px;
    width: 276px;
    height: 120px;
    z-index: 4;
    }

  #navBar { position: absolute;
    float: left;
    top: 140px;
    z-index: 8;
    left: 3px;
    }

  #sideNav {float:left;
    margin: 220px 0px  0px 30px;
    width: 155px;
    height: 447px;
    z-index: 4;
    color: rgb(102, 102, 102);
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    }

  #bottomBar {margin:75px 0px 3px 3px;}

  * { margin: 0pt;
    padding: 0pt;
    }

  html, body { height: 100%;
    }

  body {
	color: rgb(102, 51, 0);
	font-family: sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 100.01%;
	line-height: 1.4;
	font-size-adjust: none;
	text-align: center;
	background-color: rgb(237, 255, 255);
	/*position: absolute;
	left: 75px;*/
    }

  #distance { width: 1px;
    height: 50%;
    background-color: rgb(255, 204, 102);
    margin-bottom: -13.75em;
    float: left;
    }

  #container { border: 1px solid rgb(19, 166, 218);
    margin: 33px auto 75px auto;
    position: relative;
    text-align: left;
    width: 946px;
    clear: left;
    background-color: rgb(255, 255, 255);
    }


  #projectInfo { float:left;width:200px;font-style: italic;font-size: larger;margin:15px 0px 0px 3px;}

/*editorial interface////////////////////////////////////////////////////*/
#edControl {
	position:absolute;
	top:350px;
	left:250px;
	width:700px;
	height:75px;
	z-index: 200;
}
#edControlPrev {
	position:absolute;
	top:10px;
	width:60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-large;
	left: 0px;
}

#edControlNext {position:absolute;
	top:10px;
	left:600px;
	width:50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-large;
}

/*CONTACT PAGE///////////////////////////////////////////////*/
.contact{float:right; font-size:.8em; color:#666666;line-height:18pt;margin-top:30px;}
.form{margin: 0px 0px 0px 50px;}
.form input, .form textarea {margin:5px;}

 /*/////////PORTFOLIO LANDING PAGE///////////////////*/
 
.portfolio{margin:200px 25px 0px 0}

/*/////////Image Viewer (easy slide)///////////*/
#viewerContent{margin: 220px 0px 0px 250px;}

/* slider */

		#slider ul, #slider li{ 
			margin:0;
			padding:0;
			list-style:none;
			}	
		#slider, #slider li{ 
			height:400px;
			width:600px;
			overflow:hidden;
			}	
		#prevBtn, #nextBtn{ 
			display:block;
			width:30px;
			height:77px;
			position:absolute;
			left:220px;
			top:380px;
			}	
		#nextBtn{ 
			left:850px;
			}														
		#prevBtn a, #nextBtn a{  
			display:block;
			width:30px;
			height:77px;
			background:url(images/btn_prev.gif) no-repeat 0 0;	
			}	
		#nextBtn a{ 
			background:url(images/btn_next.gif) no-repeat 0 0;	
			}					
	
	/* // slider */													

	.col strong, .full strong{
		padding:0 2px;
		background:#f1f1f1;
		}
	.col a, .full a{
		font-weight:bold;
		text-decoration:underline;
		}		


	.full ul, .full li{
		margin:0;
		padding:0;
		list-style:none;
		}
	.full li{
		padding:3px 15px;
		background:#f1f1f1;
		margin-bottom:1px;
		}