/*------------------------------------------------------------------
[Master Stylesheet]

Project:		Speak Easy
Last change:	10/1/08 
Assigned to:	Cedric Weatherly
Changes:		Starting Styles
-------------------------------------------------------------------*/

/*==================== RESET STYLES
================================== */
*{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-family: inherit;}
:link img, :visited img {border: 0;}
table {border-collapse:collapse; border-spacing:0;}
ul {list-style:none; }
ol {list-style: inside; }
ol li { color:#fff;}
a {text-decoration:underline; color:#fff;}
a:hover {color:#fff; text-decoration:none; background:#8e0d0d;}
hr {border: none 0; border-top: 1px solid #79b2d0; width: 100%; height: 0; margin-top: 10px; margin-bottom: 10px;}


#content ol, #content ul {list-style:outside; margin-left:10px;}

/*=====================sIFR STYLES
=================================*/

#content h1{font-size:1.325em; font-weight:bold; line-height:1.6em; color:#fad6b2; font-family: "Century Gothic", Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:normal; margin-bottom:5px;}
#content h2{font-size:15px; font-family:"Times New Roman", Times, serif; margin-bottom:5px; color:#fad6b2;}
h3{font-size:1em; margin-bottom:5px; text-align:center; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-weight:normal;}
h4 {font-size:1.125em; margin-bottom:5px; text-align:center; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#fff;}
p {margin-bottom:10px;}
/*================= STRUCTURE
============================ */
body {background: #2f0e0a  url(../images/se_bg2.jpg) repeat-x; font:.825em/1.7em Helvetica, Arial, sans-serif; color:#fff;}
 
#container {
	width:786px;
	left:50%;
	margin-left: -393px;
	position:relative;
}

#header{
	height:125px;
	padding-top:47px;
	background: url(../images/header_bg2.jpg) no-repeat;
}

/*=======================NAVIGATION 
=================================*/
#logolink{
	width: 282px;
	height: 115px;
	display:block;
	float:left;
}
#logolink a {display:block; text-decoration:none; width:100%; height:100%;}
#logolink a:hover {background:none;}

#nav {width:786px; height:29px;}
				#nav ul, #nav li a {display:block;}
				#nav li {list-style: none; float:left;}  
				#nav li a {text-decoration:none;}
				#nav li span {display:none;} 
			
				#nav a.home{
					width:81px;
					height:29px;
					background: url(../images/home_nav.jpg);
				}
				
				#nav a.services{
					width:99px;
					height:29px;
					background: url(../images/services_nav.jpg);
				}
				
				#nav a.speaker{
					width: 182px;
					height:29px;
					background: url(../images/speaker_nav.jpg);
				}
				
				#nav a.test{
					width: 131px;
					height:29px;
					background: url(../images/test_nav.jpg);
				}
				
				#nav a.res{
					width: 114px;
					height:29px;
					background: url(../images/res_nav.jpg);
				}
				
					#nav a.staff{
					width: 78px;
					height:29px;
					background: url(../images/staff_nav.jpg);
				}
				
				#nav a.contact{
					width: 101px;
					height:29px;
					background: url(../images/contact_nav.jpg);
				}
				
				a.home:hover, a.services:hover, a.speaker:hover, a.res:hover, a.test:hover, a.staff:hover, a.contact:hover{background-position: 0% -29px!important;}


/*=======================CONTENT
==============================*/

#content {width: 786px; padding-top: 20px; float:left;}
	#con_col1 li {list-style:outside disc; margin-left: 20px;}
	#con_col1 ul {list-style:outside disc;}
	
	#con_col1 h2 { position:relative;}
	#con_col1 { width:555px; float:left;  }	
	#con_col1 img {margin: 0 12px 3px 0;}
	#con_col1 p {line-height:1.6em;}
	
	#con_col1 li a:hover{ background:#6b0505; color:#fff; display: block; cursor: pointer !important;}  
	#con_col1 hr {border: none 0; border-top: 1px dotted #fff; width:100%; height: 0; margin-top: 10px; margin-bottom: 10px; }
	#con_col1 table {
	border: 4px solid #ccc; 
	border-collapse:collapse; 
	width:100%; color: #fff; 
	font-family:"Century Gothic", Helvetica, Arial, sans-serif !important;
}

	#con_col1 td {
		height:30px; 
		background: #333; 
		color:#fff; 
		font-size:1.2em; 
		font-family:"Century Gothic", Helvetica, Arial, sans-serif !important; 
		text-align:center; 
		border: 1px solid #000;
	}
	
	#con_col1 td p {padding:3px;}
	#con_col1 p {margin-bottom: 18px;}
	#con_col1 p a {margin-bottom: 0;}
	

	#con_col1 li a{
			display: block;
			font-family: Arial, Helvetica, sans-serif;
			padding: 5px;
			text-decoration: none !important;
			cursor: pointer !important;
			height:auto;
	}
		
		#con_col2 {
			width: 205px;
			padding: 14px 0 0 26px;
			background:url(../images/blog_bg2.jpg) no-repeat;
			float:left;
		}


/*=========================STAFF
==============================*/
div.staff{
	width: 146px;
	height:190px;
	padding:7px;
	background:#4e0a07;
	margin-right: 10px;
	margin-bottom:10px;
	border-top: 1px solid #fad6b2;
}

/*=======================Contact
==============================*/	
form div {clear:left; display:block; width:350px; height:40px;}
form div input.input1 { color:#666; background-color: #DCD1D7; border:1px solid #bdbcbd; padding:3px; width:200px; float:left; margin-bottom: 20px;}
form div input.input2 { color:#666; background-color: #DCD1D7; border:1px solid #bdbcbd; padding:3px; width:90px; float:left;margin-bottom: 20px; }
form div select.input3 { border:1px solid #bdbcbd; width:83px; float:left; }
form div input.input4 { border:1px solid #bdbcbd; width:80px; float:left; }
form div textarea.input5 {color:#666; background-color: #DCD1D7; border:1px solid #bdbcbd;  padding:3px; width:200px; height: 100px; float: left;  overflow: auto; margin-bottom:10px;}


form div label {
	display:block;
	float:left;
	width:100px;
	padding:3px 0;
	padding-bottom: 0;
}

.label2 {
	display:block;
	float:left;
	width:50px;
	padding:3px 0;
	padding-bottom: 0;
}

/* Submit button */
form .submit {
	background-color:#8f0d0d;
	border:1px solid #fff;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	padding:1px;
	
}
form .submit:hover {background-color:#000; cursor: pointer !important;}
#forminfo {width: 330px; float:left;}
#forminfo2{width:200px; float:left;}
/*=======================FOOTER 
==============================*/					
#footer {
	width: 786px;
	clear:both; 
	text-align:left; 
	font: .80em/1.6em Arial, Helvetica, sans-serif;
	padding-top: 35px; 
	padding-bottom:10px;
	color:#fff;
	
}		

		
/*=======================CLASSES 
==============================*/	
.paragraphsize {font: 0.9em Arial, Helvetica, sans-serif; line-height: 1.6em; color: #000;}
.boldme{font-weight:bold;}
.teeny {font: 0.75em Arial, Helvetica, sans-serif;color: #000;}
.teeny2 {font: 0.75em Arial, Helvetica, sans-serif;color: #fff;}
.paragraphsizebold { font: 0.9em Arial, Helvetica, sans-serif; font-weight:bold; line-height: 1.6em; color: #000;}
.imagelink {border: none; text-decoration: none; background: none;}
.hrblk {border-top-color:#000 !important;}
.iconspacing {margin-right: 5px;}
.contactrequired {color:#FF0000;}
.iconspacing {margin-right: 5px;}
.slideshow{
	width:506px;
	height: 265px;
	background:url(../images/slide_bg.jpg) no-repeat;
	padding:14px;
}
.mgbot15{margin-bottom:15px;}
.mglt10{margin-left:10px;}
.widthpush{margin-left:47px;}
.clear{clear:both;}
.blogmgbot {margin-bottom:13px;}
.contactus {width:205px; height: 58px; margin: 38px 0 0 0;  float:right; font-family:"Times New Roman", Times, serif; }
.contactus2 {width: 189px; text-align:center; margin-top:3px;}
h3.con_text{font-size:1.125em; margin-bottom:5px; text-align:center; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-weight:normal;}
h2.con_text {font-size:1.325em; margin-bottom:5px; text-align:center; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-weight:normal; }
h1.con_text {font-size:1.725em; text-align:center; color:#fad6b2;  }
.footspace {padding:1px 3px ;}
.blogimg:hover{ text-decoration:none; background:none;}






* html #con_col1 li a {  /* make hover effect work in IE */width: 540px;}


.breadcrumb {font-size: .80em; font-weight:bold; background:#6b0505; padding:3px; width:auto; float:right; text-align:right; margin-bottom:10px;}
.servicelink {font:1.3em Arial, Helvetica, sans-serif; background:#6b0505; padding:3px;}
.headerservice{font-size:1.325em; height:18px; font-size:15px; font-weight: lighter; text-transform:uppercase; font-family:"Century Gothic", Arial, Helvetica, sans-serif; color:#fad6b2; }
.headerservice2{font-size:1.525em; font-weight: lighter; text-transform:uppercase; line-height:1.6em; color:#fad6b2; font-family:"Century Gothic", Arial, Helvetica, sans-serif; }
.headerservice3{font-size:1em; font-weight: lighter; text-transform:uppercase; line-height:1.6em; color:#fad6b2; font-family:"Century Gothic", Arial, Helvetica, sans-serif; }
.quotebody {float:left; width:555px;}
.quotename{ width:540px; text-align:right; margin-bottom:15px; }
.pager {color:#728081; font-size:.80em;}
.red {color:#4e0a07;}
.float{float:left;}
.headcolor{color:#fad6b2;}
.dhov:hover{background:#6b0505; text-decoration:none !important; display:block;  }
.dhov{text-decoration:none !important; display:block; }

#con_col1 h2 { font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-weight: lighter; text-transform:uppercase;}
#con_col1 #links ul {list-style: none; width: 550px; display:block;} 

#con_col1 #links li { border-width: 1px 0; margin: 5px 0;display:block;}

#con_col1 #links li a { 
        color: #fff;
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        padding: 5px;
        text-decoration: none;
		border-top: 1px solid #2f0e0a;
}

* html #con_col1 #links li a {  /* make hover effect work in IE */width:540px;  }

#con_col1 #links li a:hover {background: #4e0a07; border-top: 1px solid #fad6b2;}

#link li .bg { background:url(../images/article_Pbg.png) no-repeat top left;}