@charset "utf-8";

/* COLORS - lights to darks	*/
/* GRAYS: 	E8E8E8	CCCCCC	999999	666666  */
/* GREENS: 	D3F068	AADD59	5EB83E	*/
/* ORANGES: F2FF73	FA964A	FD6E3B	*/
/* PINKS:	F4D0DE	F458C1	D91758 */
/* BLUES:	6FDCE3	17CAFF	1768FF */

/* GLOBAL STYLES */
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 1.6em;
	color: #666666;
	background-color: #CCCCCC;
	text-align: center;
	margin: 0;
	padding: 0;
	background-image:url(images/bgMain.gif);
	background-repeat:repeat-y;
	background-position:center;
}

h1 {
	font-size: 18px;
	color: #5EB83E;
}

h2 {
	font-size: 14px;
	margin: 2em 0 0 0;
	padding: 0;
	line-height: normal;
}

h3 {
	font-size: 12px;
	margin: 2em 0 0 0;
	padding: 0;
	line-height: normal;
}

h3 span {
	font-weight: normal;
}

.green {
	color: #5EB83E;
}

a:link, a:visited {
	color: #666666;
}

a:hover, a:active {
	color: #FD6E3B;
}

a:focus {
	outline:none;
}

.first {
	margin-top: 0px;
}

.smallText {
	font-size: 11px;
}

p.top {
	margin-bottom: 80px;
}

/* STYLES FOR WRAPPER CONTAINER PORTION */
div#container {
	width: 1024px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}


/* STYLES FOR HEADER PORTION */
div#header {
	width: 962px;
	height: 160px;
	margin: 0 auto;
	padding: 0;
	background-image:url(images/bgHeader.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	position: relative;
}

	div#header div#addThis {
		position: absolute;
		right: 26px;
		top: 20px;
	}

	div#header div#nav {
		position: absolute;
		right: 14px;
		bottom: 0;
		font-size: 11px;
	}
	
	div#header div#nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	div#header div#nav li {
		margin: 0;
		padding: 0;
		float: right;
	}
	
	div#header  div#nav li a:link, div#header div#nav li a:visited {
		text-decoration: none;
		color: #666;
		display: block;
		line-height: 25px;
		margin: 0 4px;
		padding: 4px 10px;
		background-image: none;
	}
	
	div#header div#nav li a:hover, div#header div#nav li a:active {
		text-decoration: none;
		color: #FD6E3B;
		background-image: url(images/navOn.gif);
		background-repeat: no-repeat;
		background-position: bottom left;
	}
	
	div#header div#nav li a.currentSection, div#header div#nav li a.currentSection:visited {
		text-decoration: none;
		color: #FD6E3B;
		background-image: url(images/navOn.gif);
		background-repeat: no-repeat;
		background-position: bottom left;
		cursor:default;
	}	
	
	div#header div#nav li a.currentSection2, div#header div#nav li a.currentSection2:visited {
		text-decoration: none;
		color: #FD6E3B;
		background-image: url(images/navOn.gif);
		background-repeat: no-repeat;
		background-position: bottom left;
	}
	
	

/* STYLES FOR LEFT NAVIGATION PORTION */
div#intNav {
	float: left;
	width: 320px;
	border-right: 1px solid #EEEEEE;
	margin: 0 26px 0 0;
	padding: 0 0 20px 0;
	line-height: normal;
	font-size: 11px;
}

	div#intNav p {
		text-align: right;
		margin: 20px 26px 0 0;
		padding: 0;
	}
	
	div#intNav ul {
		list-style: none;
		margin: 20px 26px 0 0;
		padding: 0;
		text-align: right;
	}
	
	div#intNav li {
		margin: 0;
		padding: 0;
	}
	
	div#intNav li a:link,  div#intNav li a:visited {
		color:#666;
		display: block;
		text-decoration: none;
		margin: 0;
		padding: 0;
		height: 25px; /* have to specify height for IE bug */
	}
	
	div#intNav li a:hover,  div#intNav li a:active {
		color:#fd6c3a;
		margin: 0;
		padding: 0;
}

	div#intNav li a.currentProject, div#intNav li a.currentProject:visited {
		color:#fd6c3a;
		cursor:default;
	}
	


/* STYLES FOR MAIN TEXT PORTION OF PAGES */
div#main {
	width: 600px;
	float: left;
	margin: 20px 0 0 0;
	padding: 0;
}

	div#main img {
		margin: 0 30px 0 0;
		border: none;
	}
	
	div#main h2 span {
		font-weight: normal;
	}
	
	div#main ul {
		margin: 0 0 0 16px;
		padding: 0;
		line-height: normal;
		list-style: none;
		list-style-image: url(images/bullet.jpg);
	}
	
	div#main p.beforeList {
		margin: 0;
		padding: 0;
	}
	
div#pageNav {
	margin: 0;
	padding: 0 0 20px 0;
	line-height: normal;
	font-size: 10px;
	line-height: normal;
}

	div#pageNav ul {
		list-style: none;
		list-style-image: none;
		margin: 0;
		padding: 0;
	}
	
	div#pageNav li {
		margin: 0;
		padding: 0 10px;
		float: left;
		border-right: 1px solid #CCCCCC;
	}
	
	div#pageNav li.firstLI {
		padding-left: 0;
	}
	
	div#pageNav li.last {
		border-right: none;
	}	
	
	div#pageNav li a:link,  div#pageNav li a:visited {
		color:#666;
		display: block;
		text-decoration: none;
		margin: 0;
		padding: 0;
	}
	
	div#pageNav li a:hover,  div#pageNav li a:active {
		color:#fd6c3a;
		margin: 0;
		padding: 0;
}

	div#pageNav li a.pageNavCurrent, div#pageNav li a.pageNavCurrent:visited {
		color:#fd6c3a;
		cursor:default;
	}	
	

		

/* STYLES FOR FOOTER PORTION */
div#footer {
	width: 936px;
	margin: 100px 31px 10px 31px;
	padding: 0 26px 0 0;
	text-align:right;
	clear: both;
	color: #CCCCCC;
	font-size: 11px;
}

/* STYLES FOR SLIDESHOW */
div#PortfolioShow {
	width: 962px;
	height: 330px;
	margin: 0 auto;
	padding: 0;
	background-image:url(images/bgPortfolioShow.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

	div#PortfolioShow img {
		border: none;
	}


.glidecontentwrapper {
	position: relative; /* Do not change this value */
	width: 962px;
	height: 330px; /*Set height to be able to contain height of largest content shown*/
	margin: 0;
	padding: 0;
	border: none;
	overflow: hidden;
	z-index: 0;
}

.glidecontent { /*style for each glide content DIV within wrapper.*/
	width: 962px;
	position: absolute; /* Do not change this value */
	background-image: url(images/bgPortfolioShow.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 0;
	margin: 0;
	visibility: hidden;
}

	.glidecontent img {
		float: right;
		margin: 0 95px 0 0;
	}
	
	.glidecontent div#text {
		position: absolute;
		left: 316px;
		top: 70px;
		margin: 0;
		padding: 0;
	}
	

	
	.glidecontent div#text ul {
		margin: 0 0 0 30px;
		padding: 0;
		list-style: none;
	}
	
	.glidecontent div#text li.link {
		margin-top: 12px;
	}
			
	
	.glidecontent div#text a:link, .glidecontent div#text a:visited {
		color: #5EB83E;
		text-decoration: none;
		font-size: 14px;
		font-weight: bold;
	}
	
	.glidecontent div#text a:hover, .glidecontent div#text a:active {
		color: #fd6c3a;
	}
	
/* STYLES FOR NUMBERS UNDER  SLIDESHOW PORTION */
	
div#projects {
	width: 962px;
	height: 200px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	background-image:url(images/bgProjects.gif);
	background-repeat: no-repeat;
	background-position: top left;
	border-top: 1px solid #FFFFFF;
}	

	.cssbuttonstoggler{ /*style for DIV used to contain toggler links. */
	width: 600px;
	margin: 0 0 0 316px;
	text-align: left; /*How to align pagination links: "left", "center", or "right"
	background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	}
	/*
	 Total contenttoggler width: 350px+5px+5px=360px
		Or total width of wrapper div (counting wrapper border/padding)
	*/
	
	.cssbuttonstoggler a{ /*style for every navigational link within toggler */
	background: transparent url('images/square-gray-left.gif') no-repeat top left;
	color: #666666;
	display: block;
	float: left;
	margin-right: 6px;
	font: normal 11px verdana; /* Change 12px as desired */
	line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 23px; /* Height of button background height */
	padding-left: 9px; /* Width of left menu image */
	text-decoration: none;
	}
	
	.cssbuttonstoggler a span{
	background: transparent url('images/square-gray-right.gif') no-repeat top right;
	display: block;
	padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
	}
	
	.cssbuttonstoggler a.selected, .cssbuttonstoggler a:hover{ /*style for selected and hover page's toggler link. ".selected" class auto generated! */
	background-position: bottom left;
	color: #FFFFFF;
	}
	
	.cssbuttonstoggler a.selected span, .cssbuttonstoggler a:hover span{ /*style for selected and hover page's toggler link. ".selected" class auto generated! */
	background-position: bottom right;
	color: #FFFFFF;
	}
	
	.cssbuttonstoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
	}
	
	.cssbuttonstoggler a.prev, .glidecontenttoggler-2 a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
	}
	
	.cssbuttonstoggler a.prev:hover, .glidecontenttoggler-2 a.next:hover{
	}
	
#main img.instructionImage {
	border: 1px solid #71bf44;
	margin: 10px 0;
}
#main p.note {
	background-color: #EEEEEE;
	padding: 10px;
	margin: 10px 0px;
	border: 1px dashed #71BF44;
}
td.bling {
	text-transform: uppercase;
	text-align: center;
}
.blingPage {
	text-align: right;
	margin: 30px 45px 0 0;
}
.Red {
	color: #CC0000;
	text-transform: none;
}