/* @override 
	http://76.12.204.254/css/main.css
	http://www.leadgraffiti.com/css/main.css
	http://leadgraffiti.com/css/main.css
*/

/* CSS Document */


/* @group global */
blockquote {
	margin: 0px 20px 10px;
}

em {
	font-style: italic;
}
strong	{
	font-weight: bold;
}
.clear, #pagewrap .clear {
	clear: both;
}

.clearsm, #pagewrap .clearsm {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	margin: 0;
	height: 1px;
}
.print	{
	display: none;
}
.floatright	{
	float:right;
	margin: 0px 0px 10px 12px;
	width: 170px;
	position: relative;
}
.floatleft	{
	float:left;
	margin-right:10px;
}

#pagewrap .nospacebefore, #content .nospacebefore, #rightcol .nospacebefore {margin-top: 0px;}
#pagewrap .spacebefore, #content .spacebefore, #rightcol .spacebefore {margin-top: 20px;}
#pagewrap .spacebeforelg, #content .spacebeforelg, #rightcol .spacebeforelg {margin-top: 40px;}
#pagewrap .nospaceafter, #content .nospaceafter, #rightcol .nospaceafter {margin-bottom: 0px;}
#pagewrap .spaceaftersm, #content .spaceaftersm, #rightcol .spaceaftersm {margin-bottom: 10px;}
#pagewrap .spaceafter, #content .spaceafter, #rightcol .spaceafter {margin-bottom: 20px;}
#pagewrap .spaceafterlg, #content .spaceafterlg, #rightcol .spaceafterlg {margin-bottom: 40px;}
#pagewrap .spaceright, #content .spaceright, #rightcol .spaceright {margin-right: 16px;}
#pagewrap .nospaceright, #content .nospaceright, #rightcol .nospaceright {margin-right: 0px;}
#pagewrap .ruleabove, #content .ruleabove, #rightcol .ruleabove {
	border-top: solid 1px;
}
#pagewrap .rulebelow, #content .rulebelow {
	border-bottom: solid 1px;
}


#pagewrap .paragraphtext{ font-size: 11px; }
#pagewrap .caption {
	font: normal 11px/12px Verdana, Arial, Helvetica, Geneva, sans-serif;
}
#pagewrap .caps{ text-transform: uppercase; }
/* @end */
/* @group layout */
/* default homepage supernav color: red */
body	{
	background: url(images/supernav.jpg) repeat-y;
}

/* @group supernav */
#supernav	{
	position: relative;
	width: 117px;
	float: left;
	color: #6b3144;
	font: bold 13px/13px Verdana, Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 1px;
	text-transform: none;
	text-decoration: none;
}
#supernav ul {
	position: relative;
	left: 0px;
	width: 115px;
	margin: 90px 0 0 0;
	padding:0px;
	list-style:none;
}
#supernav li {
	color: #6b3144;
	font: bold 13px/13px Verdana, Arial, Helvetica, Geneva, sans-serif;
	margin:-1px 0 0 0;
	padding: 15px 0 0 10px;
	background: url(images/supernav-ro.png) no-repeat;
	height: 34px;
}
#supernav a {
	height: 36px;
	display:block;
	width:105px;
	padding: 0px 0 0px 0;
	text-decoration:none;
	color:#6b3144;
}
#supernav > a {width:117px;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#supernav a {float:none;}
    /* End IE5-Mac hack */
#supernav a:hover {
	color:#8A3E58;
	background-position: 100% -50px;
	border-bottom: none;
}
#supernav li:hover  {
	color:#8A3E58;
	background-position: 0 -50px;
}

/* @end */

#pagewrap	{
	position: absolute;
	float: left;
	left: 117px;
	margin: 0;
	background: url(images/logo-bg-red.jpg) repeat-y;
	min-height: 100%;
	height: auto !important; 
	height: 1000px;
	width: 825px;	
}

#logo	{
	height: 406px;
	width: 130px;
	float: left;
	left: 117px;
	background: url(images/logo.png) no-repeat;
	margin: 30px 0 0 0;
}

#content	{
	position: relative;
	width: 623px;
	float: left;
	margin: 0 0 0 30px;
	padding: 0;
}
/* @group hp */
#content.hp	{
	background: url(images/hp-bg.jpg) no-repeat;
	height: 668px;
	margin: 0 0 0 0;
}
#logotop	{
	width: 408px;
	height: 130px;
	background: url(images/logo.gif) no-repeat;
	position: absolute;
	left: 310px;
	top: 12px;
}
#workshops	{
	position: absolute;
	left: 52px;
	top: 52px;
	width: 200px;
	height: 250px;
	overflow: hidden;
	padding: 0px 15px 10px 15px;
}
#workshops .bookfloat	{
	margin-left:70px;
}
#creative	{
	position: absolute;
	left: 332px;
	top: 220px;
	width: 350px;
	height: 205px;
	overflow: hidden;
	padding: 15px;
}
#store	{
	position: absolute;
	left: 67px;
	top: 350px;
	width: 188px;
	height: 200px;
	overflow: hidden;
	padding: 15px;
}
/* @end */

/* @group globalnav */

#content #globalnav {
	position: relative;
	float: left;
	background: #6b3144;
	width: 100%;
	height: 26px;
	margin:-8px 0 10px 0;
	color: #f8f9e6;
	font: 13px/18px Verdana, Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
}
#content #globalnav ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
#content #globalnav li {
	float: left;
	background: #6b3144;
	border-left:1px solid #927139;
	padding: 0px 0 0px 0;
	margin: 0;
}
#content #globalnav a {
	text-decoration: none;
	color: #f8f9e6;
	border-right:1px solid #927139;
	border-bottom: none;
	padding: 7px 12px 5px 12px;
	margin: 0 -1px 0 0;
	display: block;
	
}
#content #globalnav > ul a {width: auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#content #globalnav a {float: none;}
/* End IE5-Mac hack */
#content #globalnav a:hover {
	color: #927139;
	background: #E5D8CA;
}
#content #globalnav li:hover {
	color: #927139;
}
/* @end *//* @group navcol */
#navcol	{
	position: relative;
	width: 190px;
	float: right;
	color: #6b3144;
	font: bold 13px/13px Verdana, Arial, Helvetica, Geneva, sans-serif;
	text-transform: none;
	text-decoration: none;
	margin: 10px 0 0 20px;
	background-color: #fff;
}

/* @end */

/* @group portfolio items */


#content .portfolioitem {
	width: 170px;
	height: 250px;
	margin: 0 4px 4px 0;
	padding: 15px;
	float: left;
	border-bottom: none;
}

#content .portfolioitem:hover {
	background-color: #e8e7d8;
	border-bottom: none;
}

/* My Comment */

#content div.portfolioitem a {
	border-bottom: none;
}

#content .portfolioitem h3 {
	margin: 5px 0;
	font-size: 14px;
	line-height: 16px;
	color: #046C63;
}

#content .portfolioitem p {
	margin: 5px 0;
	font-size: 12px;
	line-height: 13px;
	color: #046C63;
}

#content .portfolioimagesmall {
	height: 205px;
	width: 170px;
	overflow: hidden;
	background-color: #ffffff;
	border-bottom: solid 3px #046C63;
	text-align: center;
}
/* @end *//* @group portfolio prevnext */
#content .prevnext {
	float: right;
	width: auto;
	margin: 0 15px 0 8px;
	height: 34px;
}

#content .prevnext .next {
	float: left;
	width:41px;
	height:34px;
	margin: 0 2px;
	padding: 0;
	border: none;
	background: url(images/next.gif) no-repeat;
}
#content .prevnext .prev {
	float: left;
	width:41px;
	height:34px;
	border: none;
	background: url(images/prev.gif) no-repeat;
}
#content .prevnext .prev:hover a, #content .prevnext .next:hover a {
	background-position: 100% -40px;
	border: none;
}

#content .prevnext .prev:hover, #content .prevnext .next:hover {
	background-position: 0 -40px;
	border: none; 
}

/* @end */



/* @group portfolio project pages */
#content .projectimage {
	float: left;
	width: 370px;
	margin: 20px 0px 20px 0px;
}
#content .projectdescription {
	float: left;
	width: 200px;
	margin: 20px 0px 20px 15px;
}
#content .projectdescription h3 {
	color: #3f8091;
	font: italic normal 14px/16px Georgia, "Times New Roman", Times, serif;
	width: 100%;
	margin: 0;
	padding: 0;
}

/* @end */
#rightcol	{
	position: relative;
	float: right;
	width: 216px;
	background: url(images/right-bg-red.jpg) no-repeat bottom;
	padding: 80px 78px 75px 50px;
	clear: right;
}
.halfcol	{
	float: left;
	width: 46%;
	margin: 0 20px 0 0;
}
.wrapregisterbutton {
	float: left;
	width:  100px;
	margin: 30px 0 0 0;
}
/* @end */

/* @group text styles */
/* @group content */
#content h1	{
	color: #3f8091;
	font: normal normal 20px/20px Georgia, "Times New Roman", Times, serif;
	margin: 20px 0 8px 0;
}
#content h1 .small	{
	font-size: 18px;
	line-height: 22px;
	letter-spacing: 1px;
}
#content h2	{
	color: #1b3f75;
	font: normal normal 17px/22px Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	margin: 10px 0 0px 0;
}
#content h3	{
	color: #935107;
	font: normal 17px/20px Verdana, Arial, Helvetica, Geneva, sans-serif;
}
#content h3.light	{
	font-size: 16px;
	color: #85859c;
	line-height: 20px;
}
#content h4	{
	color: #6b3144;
	font: normal 16px/22px Georgia, "Times New Roman", Times, serif;
}
#content h4.large	{
	color: #6b3144;
	font: normal 62px/72px Georgia, "Times New Roman", Times, serif;
	text-transform: lowercase;
}
#content h4 span {
	background: url(images/gradient.png) repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 91px;
	font: normal 62px/72px Georgia, "Times New Roman", Times, serif;
}
#content h5	{
	color: #85859c;
	font: normal normal 14px/20px Georgia, "Times New Roman", Times, serif;
}
#content h6	{
	color: #3f8091;
	font: italic normal 13px/14px Georgia, "Times New Roman", Times, serif;
	margin: 0px 0 6px 0;
}
#content p	{
	color: #6c7084;
	font: normal 11px/16px Verdana, Arial, Helvetica, Geneva, sans-serif;
	margin: 0px 0 6px 0;
}

#content ul	{
	list-style-type: disc;
	margin: 10px 0 10px 20px;
	padding: 0 0 0 5px;
}

#content li	{
	color: #6c7084;
	font: normal 11px/14px Verdana, Arial, Helvetica, Geneva, sans-serif;
	margin: 2px 0 4px 0;
}

#content a	{color:#6b3144; text-decoration:none; border-bottom:1px solid #6b3144;}
#content a:link {color: #6b3144; text-decoration:none;}
#content a:visited {color: #636879; text-decoration:none;border-bottom:1px solid #636879;} 
#content a:hover {color: #843d3d; text-decoration:none; border-bottom:1px solid #843d3d}  
#content a:active {color: #843d3d; text-decoration:none;}
#content a.nolink {
	text-decoration: none;
	border: none;
}
.callout {
	font: italic normal 14px/14px Georgia, "Times New Roman", Times, serif;
}/* @end */
/* @group hp */
#content.hp h1	{
	margin: 0px 0 2px 0;
	font-size: 22px;
	line-height: 22px;
	text-decoration: none;
}

#content.hp p	{
	line-height: 18px;
	margin: 6px 0 4px 0;
}
/* @end */

/* @group rightcol */
#rightcol h1	{
	font-size: 24px;
	line-height: 22px;
	margin: 20px 0 12px 0;
}
#rightcol h2	{
	color: #1b3f75;
	font: normal normal 18px/22px Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	margin: 10px 0 0px 0;
}
#rightcol h3	{
	font-size: 16px;
	color: #6b3144;
	margin: 0 0 8px 0;
}
#rightcol h4	{
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 1px;
}
#rightcol h5	{
	color: #85859c;
	font: normal normal 16px/20px Georgia, "Times New Roman", Times, serif;
}
#rightcol h6	{
	color: #3f8091;
	font: italic normal 12px/14px Georgia, "Times New Roman", Times, serif;
	margin: 0px 0 6px 0;
}
#rightcol p	{
	color: #666666;
	font-size: 11px;
	line-height: 16px;
	margin: 0px 0 6px 0;
}

#rightcol ul	{
	margin: 0 0 6px 20px;
}

#rightcol li	{
	color: #666666;
	font-size: 11px;
	line-height: 14px;
	margin: 2px 0 4px 0;
}

/* @end */
/* @group navcol */

#content #navcol h3	{
	font: normal 14px/16px Verdana, Arial, Helvetica, Geneva, sans-serif;
	border-bottom: 1px solid #265170;
	padding: 0 0 4px 0;
}
#content #navcol ul {
	list-style-type: none;
	margin: 5px 0 0 0;
	padding: 0;
}
#content #navcol ul li {
	margin: 8px 0 0 0;
	padding: 0;
	font-size: 11px;
	line-height: 12px;
}


#content #navcol a	{color:#554258; text-decoration:none; border-bottom:1px dotted #554258;}
#content #navcol a:link {color: #554258; text-decoration:none;}
#content #navcol a:visited {color: #636879; text-decoration:none; border-bottom:1px dotted #636879;} 
#content #navcol a:hover {color: #265170; text-decoration:none; border-bottom:1px solid #265170}  
#content #navcol a:active {color: #554258; text-decoration:none;}
/* @end */

/* @group content button */

#content .button {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	text-transform: none;
	background: url(images/button-left.gif) no-repeat left top;
	padding: 0px 0px 0px 7px;
	border-bottom: none;
}
#content .button.button2right {
	background: url(images/button2right.gif) no-repeat left top;
	margin: 0;
}

#content .button a {
	display: block;
	background: url(images/button-right.gif) no-repeat right top;
	height: 23px;
	text-decoration: none;
	border-bottom: none;
	padding: 8px 12px 0px 5px;
	color: #fff;
	width: .2em;
}

#content .button.button2left a {
	background: url(images/button2left.gif) no-repeat right top;
	
}

#content .button > a {
	width: auto;
}
#content .button a {
	float: none;
}
#content a.button:hover {
	color: #6b3144;
}
#content .button a:hover	{
	background-position:100% -35px;
	color:#6b3144;
	text-decoration: none;
	border: none;
}
#content .button:hover	{
	background-position: 0 -35px;
}
/* @end */


/* @group rghtcol button smaller */

#content #rightcol span.button {
	float: left;
	color: #fff;
	text-transform: uppercase;
	background: url(images/button-sm-left.gif) no-repeat left top;
	padding: 0px 0px 0px 7px;
	margin: 6px 0 0 0;
	border-bottom: none;
	font: 9px/12px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: .15em;
}
#content #rightcol span.button a {
	display: block;
	background: url(images/button-sm-right.gif) no-repeat right top;
	height: 21px;
	text-decoration: none;
	border-bottom: none;
	padding: 4px 10px 0px 1px;
	color: #fff;
}

#content #rightcol span.button > a {
	width: auto;
}
#content #rightcol span.button a {
	float: none;
}
#content #rightcol a.button:hover {
	color: #6b3144;
}
#content #rightcol span.button a:hover	{
	background-position:100% -35px;
	color:#6b3144;
	text-decoration: none;
	border: none;
}
#content #rightcol span.button:hover	{
	background-position: 0 -35px;
}
/* @end */

/* @group Feedburner */

#LeadGraffiti2078974 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#LeadGraffiti2078974 ul li {
	margin: 10px 0 0 0;
	}

#creditfooter {
	margin: 15px 0 0 0;
	visibility: hidden;
	position: absolute;
}
#LeadGraffiti2078974 ul li span.headline {
	color: #6b3144;
	font: bold 11px/16px Verdana, Arial, Helvetica, sans-serif;
	}



/* @end */

/* @end */

/* @group forms */

#pagewrap .miniscreen {
	border: solid 1px #FFEF84;
	margin: 30px 0;
	padding: 30px;
	width: 65%;
	background-color: #cccccc;
	border: solid 1px #00FF00;
	}


form { margin: 0px auto 0px auto; }

form span { float:left; margin: 5px 0px 0px 10px; padding: 0px 1px; font-size:9px;}

form span.medium { float:left; width:200px; margin: 3px 0px 0px 10px; }

form input { float:left; margin: 0px 2px 0px 0px;}

form label { display:block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#666; letter-spacing:1px; clear:both; }

form input.choice, label.choice { float:left; margin: 0px 6px 0px 0px; clear:none; }

form .ruleabove { width: 100%; }

form span.error { padding: 3px 4px 2px 4px; background-color: #E2D3D3; border: solid 1px #C5A7A7;}

form input.error { background-color: #E2D3D3; }

div.errorheader { 
	font-size:15px;
	line-height:18px;
	color:#6E2222;
	margin: 30px 20px;
	border: solid 1px #C5A7A7;
	padding: 10px; 
	background-color: #E2D3D3; 
	}
div.errorheadersm { 
	font-size:12px;
	line-height:18px;
	color:#6E2222;
	border-top: solid 1px #C5A7A7;
	border-bottom: solid 1px #C5A7A7;
	padding: 5px; 
	margin: 10px 0px;
	}
div.error { 
	font-size:15px;
	line-height:18px;
	color:#6E2222;
	padding: 3px 0px 2px 4px; 
	background-color: #E2D3D3; 
	border: solid 1px #C5A7A7;	}
form h4 { margin: 0px; }

.smallform {
	width: 85%;
	margin: 0 auto;
}

/* @end */