/*##########################
	Main CSS file for DavidID
	Site URI: http://www.davidid.com
	file URI: http://www.davidid.com/funnns/css/brand.css
	Author: stephen giorgi
	Author URI: http://steve.deadlycomputer.com
	Author email: steve@deadlycomputer.com
	
	Table of Contents
	
	@0.	Reset
	@1.	Header/Body
	@2. Navigation
	@3. Contact Form
	@4. Footer
		@4.1 Globals
	@5. Plugin Styles
		@5.1. Cloudscape
		@5.2. Clutch Favicons
		@5.3. PZ3
		@5.4. ColorBox
		@5.5. ValidationEngine Styles

Colors
Navigation:
normal:		#0854a2
hover::		#d1d8ab
hover bg:	#eff4c8
subnav text:	#e8eccf

Body
h1:		#0854a2
h2:		#0854a2
txt:			#353535
txt a:			#98ab2e
txt a:visited	#98ab2e
txt a:hover		#849525
blockquote:				#0854a2
blockquote a:			#98ab2e
blockquote a:visited:	#98ab2e
blockquote a:hover:		#849525
border:		#0854a2


/*#######################
	@0.	Reset
#######################*/
html,body,div,span,h1,h2,h3,h4,h5,h6,p,pre,a,code,img,strong,sup
			{ margin:0; padding:0; border:none; font-size:100%;}
ul			{ margin:0; }
html, body	{ height:100%; }
html		{ overflow:scroll; }
body, select, input, textarea
			{ font:16px Arial, Helvetica, sans-serif; color:#69696b; line-height:18px; }
a			{ color:#0854a2; text-decoration:none; }
a:visited	{ color:#0854a2; }
a:hover		{ color:#0854a2; text-decoration:underline; }
p			{ margin-right:10px; }
blockquote
{
	padding-left:40px;
	margin-left:15px;
	color:#0854a2;
	width:auto;
}
h1			{ font-size:2.1em; color:#0854a2; }
h2			{ font-size:1.6em; font-weight:normal; color:#0854a2; padding:5px 5px 15px 4px; }
h3			{ font-size:1.1em; color:#0854a2; font-weight:normal; padding:15px 0 0 4px; margin-bottom:0;   }

/*#######################
	@1.	Header/Body
#######################*/
#wrapper	{ min-height:100%; position:relative; margin:0 auto; }
#container	{ width:99%; padding:5px; padding-bottom:265px; position:relative; margin:0 auto; }

#header		{ width:100%; margin-left:20px; padding:30px 0; }
#header	a	{ background:none; color:#000; }
#header img	{ float:left; }
#header h1	{ color:#69696b; font:normal 1.5em Arial, Helvetica, sans-serif; padding:18px 0 0 198px; }

#wrapper
{
	text-align: left;
	padding:0px;
	border:0;
	width:1000px;
}

#leftCol		{ float:left; width:200px; padding:0 10px 0 0; }
#leftCol2		{ float:left; width:200px; padding:0 10px 0 0; }
#leftCol p		{ font-size:0.8em; }
#rightCol 		{ float:left; width:190px; border-top:1px solid #0854a2; padding-top:20px; }
#rightCol img 	{ float:left; display:block; margin:1px; }
#content		{ float:left; width:57%; border-top:1px solid #0854a2; padding:20px 25px 0 0;}
#content p		{ padding:5px 4px; }
#content2		{ float:left; width:750px; border-top:1px solid #0854a2; padding:20px 25px 0 0;}
#content2 p		{ padding:5px; }


#innerBoxes		{ margin:0px 0 0 15px; padding-top:30px; }
#innerBoxes	img	{ width:81px; margin:1px; border:none; display:block; float:left; }
#speakingSide	{ margin:0 auto; font-size:0.8em; margin-top:10px; }
#speakingSide img	{ width:80%; border:none; }

#speaking a img		{ border:none; }
#namingImg			{ margin-top:-20px; }
#namingImg img		{ margin:7px; }
#visualID img		{ margin:7px; }
.homeTop	{ margin-top:40px; }
.homeLeft	{ margin-left:33px; margin-right:5px; }
.bubble
{
	float:left;
	width:260px;
	padding:5px 5px 5px 0;
	margin:5px;
	margin-bottom:20px;
	height:100px;
}
#us .bubble	{ font-style:italic;height:50px; }
.bubble a	{ display:block; margin:0; padding:0; font-style:normal; }

.bodyLeft	{ float:left; width:45%; margin:5px; text-align:left; margin-top:-15px; }
.bodyRight	{ float:left; width:45%; margin:5px; margin-left:20px; margin-top:-15px; }

.bodyRight p, .bodyLeft p	{ margin:5px 10px 0 0;  }

.about		{ list-style-type:square; }
.about li	{ padding:5px; }


.triHealix	{ margin-top:120px; margin-bottom:-70px; }
.health		{  }

#strategy	{ margin-top:-5px; }
/*#######################
	@2. Navigation
#######################*/
#nav
{
	font-size:0.875em;
	font-weight:bold;
	float:left;
	border-left:1px solid #0854a2;
	border-top:1px solid #0854a2;
	padding:20px 0 10px 5px;
	width:230px;
}
#nav ul 	{ margin:0px; padding:0px; }
#nav ul li 
{
	line-height:20px;
	list-style:none;
	padding-left:10px;
	width:170px;
	cursor:pointer;
}

#nav a
{
	display:block;
	text-decoration:none;
	color:#0854a2;
}
#nav ul li:hover { background-color:#d1d8ab; position:relative; }

#nav ul ul 
{
	width:220px;
	color:#eff4c8;
	background-color:#626165;
	font-weight:normal;
	display:none;
	position:absolute;
	left:120px;
	top:0;
	z-index:900;

}
.navHover	{ background-color:#d1d8ab; }
#nav ul ul li  a 		{ color:#e8eccf; }
#nav ul ul li  a:hover	{ color:#0854a2; }

#nav ul li:hover ul 	{ display:block; }
#nav ul ul li 			{ border-top:1px solid #fff; float:left; display:inline; width:210px; }

/*#######################
	@4.	Footer
#######################*/
#footer
{
	padding:30px;
	font-size:0.8em;
	text-align:center;
	color:#000;
}

/*#######################
	@4.1.	Globals
#######################*/
a[href$='.pdf']                 { background:url(/funnns/img/pdf.ico) no-repeat center right; padding-right:20px;}
.clear		{ clear:both; }
.floatLeft	{ float:left; }
.floatRight	{ float:right; }
.half		{ width:45%; }
.intro		{ margin-top:10px; margin-bottom:20px; }
.inline		{ display:inline; }
.dotted		{ border-bottom:2px dotted; display:block; padding:5px; margin-bottom:10px; }
.italic		{ font-style:italic; }
.leftAlign	{ text-align:left; }
.center		{ text-align:center; margin:0 auto; }
.arrow		{ background:url(/funnns/img/arrow.png) no-repeat; padding-left:15px; }
.small		{ font-size:0.9em; }
.up			{ margin-top:-15px; }
.red			{ color:#810101; }
.center			{ text-align:center; }
.under			{ text-decoration:underline; }
.bold			{ font-weight:bold; }

.red		{ color:#810101; }
a.black, .black			{ color:#000; }
.under		{ text-decoration:underline; }
.bold		{ font-weight:bold; }
.big		{ font-size:1.2em; line-height:1.01em }
h2.small	{ font-size:20px;}

.download
{
	margin:10px;
	padding:2px 20px;
	background-color:#f7c059;
	color:#fff;
	font:bold 0.9em "Arial Black", Gadget, sans-serif;
	text-align:center;
	display:block;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	width:135px;
	cursor:pointer;
}
a.download 		{ color:#fff; }
.download:hover	{ background-color:#f7c059; color:#06F; text-decoration:none; }