/* CSS Document */
/* Style sheet for ConsultResolve.com */


/* CSS Reset */

html, body {
	margin: 0;
	padding: 0;
	border: transparent;
	font-size: 12px;
}

div, article, aside, dialog, digure, header, hgroup, nave, section, span, 
h1, h2, h3, h4, h5, h6, p, blockquote, a, img, strike, strong, em, ol, ul, li, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent; 
}

article, aside, dialog, figure, header, hgroup, nav, section {
	display:block; 
}

h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, b, i, 
u, strike {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:normal;
	font-style: normal;
	line-height: 1;
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color:#000; 
}

ol, ul	{
	list-style:none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}





/* Begin CSS */ 

/* Global */

html { }
body { /* background-image:url('../images/imagebg.jpg'); */ 
		background-color:#000; } 


/* Headings */

h1, h2, h3, h4, h5, h6 {font-weight: bold; }

h1 	{font-size:24px; color: #F90; padding-bottom: 15px; 
	border-bottom: #CCC 1px solid; margin-bottom: 15px; }

h2 	{font-size:20px; color: # }

h3 	{font-size:16px; margin-bottom:5px; }

h4 	{font-size:14px;}

h5 	{font-size:14px;}

h6 	{font-size:14px;}

/* Text Elements */

p 		{ color:#FFF; font-size:12px; line-height:150%;
		margin: 15px 0; }

p.left		{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p.right 	{ margin: 0 1.5em 1.5em 1.5em; padding: 0; }


a		{ }
a:link		{ color: #eee; }
a:visited 	{ color: #eee; }
a:active 	{ color: #eee; }
a:focus 	{ color: #eee; }
a:hover 	{ color: #eee; }

blockquote 	{ color: #000; font-size:12px; }

strong 		{ font-weight: bold; }
em  		{ font-style: italic; }


/* Images */

.image-frame	{padding: 10px; border: 1px #ccc solid; margin: 10px; }


/* Lists */ 

ul 		{     }
ol 		{ list-style-type:decimal; }

ul li		{ color: #000; font-size:12px; }
ol li 		{ color: #000; font-size:12px; }

dl 		{     }
dt		{     }
dd 		{     }

/* Tables */

table 		{width: 100%; }

tr		{     }
.odd		{ background-color:#eee; }
.even		{ background-color:#FFF; }

tbody 		{	}

th, td, caption {	}
caption		{	}

tfoot		{	}
.tfooter	{ background-color:#ccc; text-align:center; font-style:italic; }

caption		{ background: #EFEFEF; }


/* Misellaneous */
	
sup, sub	{ line-height: 0; }

abbr, acronym	{ border-bottom: 1px dotted #666; }

address		{	}	}

del 		{ background:#FFCECE; color: #f00; }

code, pre	{ 
		background-color:#FF9; 
		padding:2px 0px; 
		margin:4px 25px; 
		font-family:"Courier New", Courier, monospace; 
		font-size:12px;  }
	
		
/* Containers */ 

#outer		{ 
		width:960px; 
		margin: 0 auto;
		background-color: #000; 
		height: 100%; 
		}
		  
#indexWrapper	{ 
		width:900px;
		position: fixed; 
		margin: 40px auto;  
		background-color: #000; 
		}	
		
#consultWrapper {
	width:900px; 
	margin: auto; 
	background-color: #000; 
}

#consultTextBox {
	width:900px; 
	margin: 40px auto;
	background-color: #fff; 
	opacity: 0.9; 
	
}

#consultText {
	width:840px;
	margin: 40px auto;
	font-size: 14px; 
	padding: 40px; 

#logo		{ 
		margin: 30px 0; 
		float: center; 
		}

#social-media-icons {float: right;}
#social-media-icons ul {margin-top: -70px; }
#social-media-icons ul li {display: inline;}

			

#banner		{	}

#topNav		{clear: both; /*clears the content "both" before and after*/ }
#topNav ul	{border-top: 1px #FFF solid; border-bottom: 1px #FFF solid;
		margin: 20px 0; padding: 10px 0;  } 
#topNav ul li	{display: inline;   }
#topNav ul li a {padding: 0 15px; }

#topNav a:link		{ color: #FFF; }
#topNav a:visited 	{ color: #FFF; }
#topNav a:active 	{ color: #FFF; }
#topNav a:focus 	{ color: #666; }
#topNav a:hover 	{ color: #F90; }


#bottomNav		{clear: both; border-top: 1px #ccc solid;}
#bottomNav ul		{margin: 10px 0; padding: 5px 0; text-align: center; } 
#bottomNav ul li	{display: inline;  }
#bottomNav ul li a 	{padding: 0 5px; font-size:10px;   }

#bottomNav a:link	{ color: #C7C3C5; }
#bottomNav a:visited 	{ color: #C7C3C5; }
#bottomNav a:active 	{ color: #C7C3C5; }
#bottomNav a:focus 	{ color: #C7C3C5; }
#bottomNav a:hover 	{ color: #F90; }
		

#rightside	{ }

#mainContent	{width: 900px; float: left; margin-top: 30px; padding-bottom:15px; }

#footer 	{clear: both; margin-top: 20px;
		padding-bottom: 10px; text-decoration: none; }
		
#contrib	{font-size: 80%; font-style:normal; color: #eee; 
		text-align:right; color:#000; text-decoration:none;
		float: right; clear: both;  }




#box1		{		}

#box2		{		}

#box3		{		}

#box4		{		}

#box5		{		}

#box6		{		}


#slideshow {
	    position:relative;
	    height:300px;
	    width: 900px;
	}
	
#slideshow IMG {
	   position:absolute;
	    top:0;
	    left:0;
	    z-index:8;
	    opacity:0.0;
	}
	
	#slideshow IMG.active {
	    z-index:10;
	    opacity:1.0;
	}
	
	#slideshow IMG.last-active {
	    z-index:9;
	}


/* Layout Extra */


/* Navigation Extra */


/* Forms */

forms   { text-align:left; margin:20px;    }

label, submit, input, textarea  {
	border:0; padding:0; margin:0; background:none;
	}

label   {
	float: left; width: 150px; 
	text-align:right; display:block;
	}

input, textarea   {
	border:1px #333 solid; margin-left:10px; 
	}

input   {
	width: 280px; margin-bottom: 16px; 
	}
	
textarea  {
	width: 280px; height: 150px;
	margin-bottom: 16px; 
	}

select	{		}

.submit	{
		width:90px; height:25px;
		margin-left:150px; 
		font-size:12px;
		}
		
br 	{clear:left; }


/* Miscellaneous */ 

.copyright-text { font-size:80%; font-style:italic; color:#333; }
.footer-text 	{ font-size:100%; font-style:normal; color:#eee; 
		text-align:center;}
.contrib-text	{font-size:80%;  }

.title		{ font-size:18px; font-weight: bold; color:#333; }	
.subtitle	{ font-size:14px; font-style: italic; color:#333; }

.artist		{ font-size:16px; font-weight: bold; color:#333; }
.author		{ font-size:14px; font-weight: bold; color:#555; }
.editor		{ font-size:14px; font-style:italic; color:#555; }

.pub-date	{ font-size:10px; font-style:italic; color:#555; }
.article-date	{ font-size:10px; font-style:italic; color:#555; }
.location	{ font-size:10px; font-style:italic; color:#555; }

.float-right	{float:right; }
.float-left	{float:left; }
.clear		{clear:both; }

.hide		{display: none; }
.block		{display: block; }
.inline		{display: inline ; }

.added		{background: #D7D7FF; }
.removed	{background: #FFCECE; color: #F00 }
.changes	{background: #FFB; }

.date		{font-weight: bold; color:#F90; margin-bottom: 3px; }


/* Success, Info, Notice, and Error/Alert boxes from Blueprint CSS Framework
11:03 in video #14 */