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

/* link color #cc6600 */


/* Body and background */
html, body {
	height:100%;
}
body {
	margin-top: 0px;
	margin-left:0px;
	margin-right:0px;
	padding: 0px;
	text-align:center;
	background-image:url(/images/mainBackMiddle.gif);
	background-repeat:repeat;
	height:100%;
	font-family: Helvetica, Arial, sans-serif;
	font-size:10pt;
	font-weight: normal;
	font-style: normal;
	line-height: 14pt;
	color: #000000;
}
img{
border: 0px;
}
a.files:link, a.files:hover, a.files:active, a.files:visited{
color:#000000;
line-height: 16pt;
}
a:link {
	text-decoration: none;
	color: #cc6600;
}
a:visited {
	text-decoration: none;
	color: #cc6600;
}
a:hover, a:active {
	text-decoration: underline;
	color: #cc6600;
}
div#leftHandle {
	position: absolute;
	margin-left:0px;
	margin-top: 0px;
	left:0;
	float:left;
	background-image:url(/images/mainBackLeft.gif);
	background-repeat:repeat-y;
	width: 114px;
	height: 1350px;
	z-index: 1;
}
div#rightHandle {
	position:absolute;
	right: 0;
	margin-left: 0px;
	margin-right:0px;
	margin-top: 0px;
	float:right;
	background-image:url(images/mainBackRight.gif);
	background-repeat:repeat-y;
	width: 128px;
	height: 1350px;
	z-index: 1;
}
/* Paper and drop shadow */

div#paperShadow {
	text-align:left;
	width: 724px;
	height:1255px;
	margin: 0px auto 0px;
	background-image:url(/images/paperShadow.png);
	background-repeat:repeat-y;
	z-index:2;
}
img#paperShadowBottom {
	position:relative;
	width: 724px;
	height: 23px;
	margin: 0px auto 0px;
	background-image:url(/images/paperShadowBottom.gif);
	background-repeat:no-repeat;
	z-index:2;
}
div#main {
	position: relative;
	text-align:left;
	width:700px;
	height:1255px;
	background-color: #accc76;
	/*background-image:url(images/paperNoLogo3.jpg);*/
	background-image:url(images/paperTile.jpg);
	background-repeat: repeat-y;
	margin-left: 13px;
	margin-right: 12px;
	margin-bottom: 0px;
	z-index: 3;
}
/* Paper Interior */
div#greenTop
{
 	width: 700px;
	height: 95px; 
	position:absolute;
	background-image:url(/images/greenTop.png);
	background-repeat:no-repeat;
	z-index: 3;	
}
img#logo {
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom:0px;
	margin-right: 0px;
	position:absolute;
	z-index: 4;
}
div#stickySpot {
	margin-top: 2px;
	margin-left: 0;
	margin-bottom:0;
	margin-right: 17px;
	width:143px;
	height:140px;
	position:absolute;
	z-index: 4;
}
img#stickyNote {
	top: 2px;
	margin-left: 0;
	margin-bottom:0;
	right: 17px;
	position:absolute;
	z-index: 4;
	
}
div#navBar {
	position: absolute;
	margin-bottom:0px;
	padding: 0px 0px 0px 0px;
	left: 32px;
	top: 108px;
	width: 530px;
	height:  20px;
	clear: left;
}

img.navBar {
	margin: 0px 8px 0px 8px;
	position:relative;	
}

/* Top Naviation  spacing */
img#AboutUs{
margin-bottom: 5px;
}
/* Not needed...... yet? 
img#designPortfolio
{
}
img#writingPortfolio
{
}
*/
img#factSheets
{
margin-bottom: 3px;
}
img#contactUs
{
margin-bottom: 5px;
}

/* Below navigation, including 'main text' */
div#belowNavBar {
	width:100%;
	height:auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear:both;
	position:absolute;
	top: 145px;
}
img.header {
	position:relative;
	top:25px;
	left: 77px;
}
h1.Subheader {
	top: 30px;
	margin-bottom: 15px;
	position: relative;
	font-size:12pt;
	font-weight: bold;
	color: #cc6600;
	clear:both;
}
div.mainText {
	position: relative;
	top: 28px;
	left: 77px;
	top: 25px;
	width: 460px;
	float:left;
}
p {
	position:relative;
	clear: both;
	margin-bottom: 10px;
	
}

/* Specific Pages */

/* About Us */ 
div#AboutUs {
	width: 350px;
	position: absolute;
	left:200px;
	top:25px;
}
div#AboutUsImages {
	position: relative;
	left:-23px;
	float: left;
	height: 100%;
	width: 100px;
	top: 25px;
	z-index: 2;
}
div#AboutUsNav {
	height:142px;
	width:140px;
	position:absolute;
	float:right;
	right: 0px;
	top: 40px;
}
.aboutNav {
	position: relative;
	clear:both;
	float: right;
	margin-top: 10px;
	right: 7px;
}
img#aboutNavText {
	right: 25px;
}
div#aboutSub {
	position: relative;
	top: 28px;
	left: 77px;
	top: 25px;
	width: 460px;
	float:left;
}
img#li {
	margin-right: 11px;
}
/* Welome Page */ 
img#welcomePen {
	position:relative;
	float:right;
	top: 29px;
	right: 50px;
}

/* Writing Gallery */

p#published {
line-height: 10pt;
font-size: 8pt;
margin-top: 0px;


} 

div#writGalBack {
background-image:url(/images/writBack3.png);
background-repeat: no-repeat;
left: 55px;
width: 521px ;
height: 662px;
padding: 80px 0px 0px 40px;

}

img.writLink{
position:relative; 
float: left;
margin: 0px 0px 9px 0px;
}

p.writHeader
{
font-size: 12pt;
font-weight: bold;
margin-bottom: 2px;

}
img#writPrev {
	position:relative;
	float:left;
	top: 10px;
	left: 0px;
}
img#writNext {
	position:relative;
	float: right;
	top: 10px;
	right: 0px;
}

div#writTop
{
text-align: right;
width: 100%;
}


/* Fact Sheet */ 
div#factSheetBack {
background-image:url(/images/reference_sheet.png);
background-repeat: no-repeat;
margin-top: -35px;
left: 15px;
width: 492px;
height: 644px;
padding: 100px 0px 0px 120px;

}
img.sheetLink
{
position: relative;
float: left;
margin: 0px 0px 18px 0px;

}

/* Client Upload */
div#upload {
	width: 400px;
	position: relative;
	top: 50px;
	left: 77px;
	clear:both;
}
.upload {
	margin-right: 15px;
	margin-top: 5px;
}
/* Portfolio */
div#portNav {
	height:142px;
	width:115px;
	position:absolute;
	float:right;
	right: 0px;
	top: 40px;
}
.portNavIMG {
	position: relative;
	clear:both;
	float: right;
	margin-top: 10px;
	right: 2px;
}
div#noteBook {
	width: 520px;
	height: 463px;
	position: relative;
	padding-left: 26px;
	padding-right: 17px;
	padding-top: 5px;
	padding-bottom: 6px;
	left: 17px;
	background-image: url(/images/notebook.png);
	background-repeat:no-repeat;
}
img#portPrev {
	position:absolute;
	top: 298px;
	left: 39px;
}
img#portNext {
	position:absolute;
	float: right;
	top: 298px;
	right: 22px;
}
div#portText {
	position:absolute;
	top: 320px;
	left: 75px;
	width: 440px;
	height: 85px;
	font-size: 8pt; 
	line-height: 10pt;
}
.portTextHeader
{
margin-bottom: 12px;
color: #cc6600;
font-size:9pt;
}