.jimson{
	width: 80%;
	margin:auto;
}

body{
	background:url(/images/bg_strip.png);
	background-repeat:repeat-x;
	background-color:#fffcde;
	top:0px;
	bottom:0px;
	right:0px;
	left:0px;
	 
	
	}
.bow{
	background-image:url(/images/bow.gif);
	height: 18px;
	margin: 0px;
}
.whitebold16 {
	margin-top: 50px;
	color: #ffffff;
	font-size: 24px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	text-align: center;
	font-weight: bold
}
a.whitebold16:link {
	color: #ffffff;
	text-decoration: none;
}
a.whitebold16:visited {
	color: #ffffff;
	text-decoration: none;
}
.bodyContent {
	padding:12px 12px 12px 12px;
	margin:auto;
}

.bodyText{
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
color:#630;
width:80%;
margin:0 auto 15px;
}

.subHead{
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:13pt;
color:#630;
width:80%;
margin:0 auto 8px;
}

.resumeBodyText{
margin-left:130px;
text-align:left;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#630;
line-height:1.5;

}
.center{
margin:auto
}
.bodyTextCenter{
text-align:center;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#630;
line-height:1.5;

}
.bodyTextRight{
text-align:center;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#630;
line-height:1.5;

}
table{
text-align:left;
font-size:12px;
margin-left:10px;
padding:3px;
font-family:Arial, Helvetica, sans-serif;
color:#630;
line-height:1.5;
border-collapse:collapse;
}


.sun{margin-left:10px;
margin-bottom:-3px;
}

div.screen{
position:fixed;
bottom:0px;
right:0px;
top:0px;
left:0px;
background: rgba(91, 77, 1, 0.5);
visibility: hidden;
z-index:1100;
}

#.switch{	
}

div.bigPicture {
position:fixed;
padding: 25px;
margin-left:auto;
margin-right:auto;
width: 418px;
height:150px;
border:solid 1px #C4AF5E;
-webkit-border-radius: 12px;
border-radius: 10px;
background-color:#E2D8C0;
z-index: 1200;
overflow:hidden;
visibility:hidden;	
}

div.gridBlock{
position:relative;
vertical-align:top;
width:250px;
height:300px;
display:inline-block;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:20px;
background-color:#b2a456;
margin: 0px 0px 10px 10px;
z-index:100;
border-radius:12px;
}

div.gridBlockImage{
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
background-color:#ffffff;
width:200px;
height:150px;
}
div.gridBlockTextBlock{
font-size:12px;
text-align:left;
margin:10px;
}

.readMoreText {
/*margin-left:130px;*/
color:#630;
line-height:1.5;
display: none;
}

div.project{
display:none;
}

.plus{
vertical-align:middle;
cursor: pointer; margin-left:5px;
}

a.plus:link {
color: #FF9;
}	

.readLink {
text-align:left;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#630;
line-height:1.5;
visibility: visible;
}



a.readLink:hover {
color: rgb(51, 204, 102);
}
#readLessBtn {
display: none;
}
#readMoreBtn {
display: inline;
}
#readMore {
display: none;
}

ul{
text-align:left;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#630;
line-height:1.5;
}

div.footer {
position:fixed;
padding-top:10px;
background-color:#336633;
bottom:0px;
width:100%;
z-index:50;
}

.footerText{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FF9;
}
a.footerText:link {
color:#FC0;
}
a.footerText:hover {
color:#FF9;
}
a.footerText:visited {
color:#FF9;
}


/*header Styles*/		
div.header {
position:fixed;
z-index: 1000;
top: 0px;
height: 90px;
left: 0px;
width: 100%;
background-color:#FFF8BF;
border-bottom:solid thick #3C0;
overflow:hidden;
vertical-align:top;

}

div.headerContent {
position: relative;
top: 110px;
right:0px;
left: 206px;
width: 671px;
background-color: #00FF00;

}

div.logo {
position:fixed;
z-index:1500;
top: 0px;
left:12px;
width:180px;
bottom:150px;
height: 169px;
vertical-align:top;
}

div.reCreativeG{
text-align:left;
position:fixed;
margin-left:180px;
margin-top:10px;
right:0px;
width:100%;
top:0px;

}

div.titleBar {
text-align:right;
z-index:2001;
position:fixed;
right: 14px;
top: 64px;

height: 24px;
}
.titleText {
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
text-align:right;
color:#003333;
z-index:2001;
position:relative;
}
.titleTextCenter {
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
text-align:center;
color:#003333;
z-index:2001;
position:relative;
}
/*end header styles*/

.titleTexSubLeft {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:left;
color:#003333;

}
div.background {
position:relative;
z-index:1;
left:-1px;
top:92px;
background-image: url(/images/zebraStrips.png);
height:1000px;
background-repeat:no-repeat;
overflow:hidden;
}


div.sidebarContent {
position:fixed;
text-align:center;
border-right:solid #633 1px;
padding:12px;
/*margin-right:20px;*/
z-index: 3;
top: 155px;
/*left: 20px;*/
width: 140px;
}


.sidebarMain{
font-family:Arial, Helvetica, sans-serif;
text-align:center;
font-weight:bold;
font-size:14px;
color:#630;
margin-bottom:15px;
/*line-height:1.5;*/
text-decoration:none;
}

a.sidebarMain:link {
color:#630;
}
a.sidebarMain:hover {
color:#360;
}
a.sidebarMain:visited {
color:#360;
}

div.sidebarGroup{
/*display:none;*/
margin-top:5px;

}

div.sidebarLink{
border:#960 thin solid;
background-color:rgba(208,208,120,0.5);
font-family:Arial, Helvetica, sans-serif;
text-align:center;
font-weight:normal;
font-size:12px;
color:#000;
width:134;
padding:2px;
margin-top:3px;
text-decoration:none;
}

a.sidebarLink:link {
text-decoration:none;
background-color:#33FF00;
width:134;
border:0px;

}
a.sidebarLink:hover {
text-decoration:none;
background-color:#33ff00;
}
a.sidebarLink:visited {
text-decoration:none;
}

.menu > li {
display:inline-block;
font-weight:bold;
padding:6px 10px;
cursor:pointer;
border:2px solid tomato;
margin:5px;
}
.container {
border:2px solid black;
margin:5px;
}
.container > div {
display:none;
}
.container > div:first-child {
display:block;
}

div.topBarLinkGroup{
position:fixed;
top:100px;
right:10px;

}


.topbarLinkContainer > li {
border-radius:3em;
border:#960 thin solid;
background-color:rgba(230,240,220,0.5);
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;
text-align:center;
color:#000;
padding:0px 6px 0px 6px;
margin-right:3px;
display:inline;
cursor:pointer;
position:relative;
z-index:60000;
list-style:none;
}

div.projectThumb{
float:left;
 margin-right:20px;
}

.project{
display:inline-block;
}

.projects{

}

.projects > div {
display:none;
}
.projects > div:first-child {
display:block;
}
.topbarLink>li{
border:#960 thin solid;
background-color:rgba(208,208,120,0.5);
font-family:Arial, Helvetica, sans-serif;
text-align:center;
font-weight:normal;
font-size:12px;
color:#000;
width:100px;
padding:2px;
margin-right:3px;
display:inline-block;
text-decoration:none;
}

div.topbarLink{
position:relative;
border:#960 thin solid;
background-color:rgba(208,208,120,0.5);
font-family:Arial, Helvetica, sans-serif;
text-align:center;
font-weight:normal;
font-size:12px;
color:#000;
width:100px;
padding:2px;
margin-right:3px;
margin-top:10px;
display:inline-block;
text-decoration:none;
}

a.topbarLink:link {
text-decoration:none;
/*background-color:#33FF00;*/
width:134;
border:0px;

}
a.topbarLink:hover {
text-decoration:none;
background-color:#33ff00;
}
a.topbarLink:visited {
text-decoration:none;
}
.graphicsThumbs{
margin-top:15px;
}

div.portfolioItemZoomWrapper	{
top:0px;
left:0px;
bottom:0px;
right:0px;
position:absolute;
background-color:rgba(0,0,0,0.6);
z-index:5798;
display:block;
}

div.portfolioZoomedPanel{
margin-left:-300px;

}
div.portfolioZoomedItem{
position:absolute;
top:50%;
margin-top:-125px;
margin-left:50%;
width:600px;
height:250px;
background-color:#099;
padding:20px;
border-radius:10px;
}

.pfImageContainer{
float:left;
width:300px;
height:250px;
background-color:#00CC99;
vertical-align:middle;

}

.pfDescription{
position:relative;
display:inline-block;
padding:20px;
top:0px;
overflow:hidden;
margin-left:10px;
color:#FFF;
}

.pfXClose{
position:relative;
background-image:url(/images/CloseX.png);
float:right;
right:-15px;
top:-15px;
width:19px;
height:16px;
}

/* Style for maim content box --*/