/* HTML
-------------------------------------------------------------------------------------------------------*/
body {
	font: .8em Verdana;
	color: #ffffff;
	background: url("http://gabrielleconsulting.com/images/layout/bg_purple_dot.gif") repeat;
	margin-top: 0px;		
}

td {
	font: .8em Verdana;
	color: #ffffff;		
}

div#wrapper {
	width: 789px;
	margin: 0 auto;
}

a:link    {
	color: #ffff66;
	text-decoration: underline;
}
a:visited {color: #ffffff}
a:hover   {color: #66ffff}
a:active  {color: #299c39}

p {
	margin-left: 10px;
	margin-right: 10px;
}

/* Header 
-------------------------------------------------------------------------------------------------------*/

div#header {
	width: 789px;
	height: 110px;
	background: #7D053F;
}

div#menu {
	width: 789px;
	height: 28px;
	background: url("http://gabrielleconsulting.com/images/layout/bg_menu_new.jpg");
	padding-top: 5px;
}

div#movieright {
	width: 429px;
	height: 169px;
	background: url("http://gabrielleconsulting.com/images/layout/movie_right_new.jpg") no-repeat;
}

	/*div#header h1 {
		margin: 40px 120px 0 0;
		float: right;
		font-size: 1.8em;
		letter-spacing: 2px;
		text-align: center;
		color: #FFF;
	}*/
	
	div#header img {
		position: absolute;
		right: 0;
		top: 0;
	}



/* Style 
----------------------------------------------------------------------------------------------------------*/
.style1 {font-size: 10px}
.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
}
.style3 {color: #5B0793}
.style4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #54b9ff;
}
.style5 {
	color: #FFFF00;
	font-style: italic;
}
.style6 {
	font-size: 14px;
	font-weight: bold;
}

.style7 {
	color: #FFFF00;
}
.style8 {color: #00FFFF}

.style9 {color: #000000}

.style10 {
	color: #ffffff;
	font-weight: 600;
}

.style11 {color: #FFFF00}
.style12 {color: #FFFFFF}
.style13 {color: #FFFF00; font-size: 14px; }
.style14 {color: #FFFF00; font-size: 16px; font-weight: bold;}

/* Content
-------------------------------------------------------------------------------------------------------*/
div#content {
	width: 789px;
	margin: 0 auto;
}

	div#gradient {
		width: 789px;
		background: url("http://gabrielleconsulting.com/images/layout/bg_main_gradient.jpg") repeat-x;
	}

	div#col1home {
		width: 360px;
		height: 530px;
		float: left;
		/*background: #737CA1;
		background: url("http://gabrielleconsulting.com/images/layout/mac.gif") bottom no-repeat;*/
	}


	div#col1example {
		width: 150px;
		height: 568px;
		float: left;
		/*background: #737CA1;*/
		background: url("http://gabrielleconsulting.com/images/layout/gabrielle_mac.gif") bottom no-repeat;
	}
					
	div#col2 {
		width: 298px;
		height: 648px;
		margin: 0 0 0 20px;
		float: left;
		/*background: #25587E;*/
	}

	div#col3home {
		width: 789px;
		background: url("http://gabrielleconsulting.com/images/layout/gabrielle_mac.gif") bottom right no-repeat;
	}
		

/* css for text droop shadow on homepage -------------------------------------------------------------*/

/* default setup that everything sees */

/*.shadow {
	 needed for Internet explorer 
	height: 1em;filter: Shadow(Color=#666666, Direction=135, Strength=5);

	 Needed for Gecko 
	line-height: 2em;white-space: nowrap;
}

 used by browsers which know about* :before to create the shadow 
.shadow:before 	{
	display: block;margin: 0 0 -2.12em 0.15em;padding: 0;color: #666666; 
}
#shadow_1:before 	{ 
	content: 'Our mission is to integrate technology (when appropriate), develop 
                  human performance improvement strategies, and diagnose and solve 
                  business performance issues.  Our specialties include instructional 
                  systems design, human performance technology, motivation, and 
                  technology-mediated learning.  Gabrielle Consulting 
                  promotes leadership and stewardship.'; 
}

#second_2:before { 
	content: 'Happy Shadowing!'; 
}


html*.shadow {
	[color:red;
/* required by Safari * so that [] is correctly* begun. associated with* the property, yet hiding* it. Seen by IE6 */

/* * seen by IE6 and Safari, but hidden* from Gecko 
	text-shadow: #666666 5px 5px 5px; ]color:auto; 

/* resets color for IE6 
}

/**//* * end hack using dummy attribute selector* for IE5 mac
.dummyend[id]{
	clear: both;
}

/*\
html*.shadow:before {
	[color:red;/* required by Safari. seen by IE6 *//* * seen by IE6 and Safari, but hidden* from Gecko display: none;]color:auto; 
/* resets color for IE6 
}

/**//* * end hack using dummy attribute selector* for IE5 mac
.dummyend[id]{
clear: both;
}
		

/* Footer
-------------------------------------------------------------------------------------------------------*/
div#footer {
	/*padding: 15px 0;*/
	clear: both;
	background:  url("http://gabrielleconsulting.com/images/layout/bg_footer.jpg")  no-repeat;
}