/*
Theme Name: InnerOli
Theme URI: http://inneroli.com/
Description: InnerOli Website Theme.
Version: 1.0
Author: Infinitom eMarketing Solutions Inc.
Author URI: http://infinitom.com/

*/



/* Begin Typography & Colors */
body{
	background: #ffffff;
	color: #383c44;
	font: 0.75em/1.8em Georgia, "Times New Roman", Times, serif;
	padding: 0 0 20px;
	margin:0;
}

a{
	color: #9b2f20;
	font: 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

a:hover{
}

h1 {
	color:#416ea0;
	letter-spacing: 0.2em;
	padding-bottom: 10px;
	border-bottom: 1px solid #406e9f;
	font: 100 24px Georgia, "Times New Roman", Times, serif;
}

h2 {
	/*color:#ef7125;
	padding-bottom: 7px;
	font: normal 19px Verdana, Geneva, sans-serif;
	text-transform: none;*/
	padding:15px 0 0 0;
	margin:0;
}

h3 {
	/*color:#323d73;
	font: italic 20px Georgia, "Times New Roman", Times, serif;
	text-decoration:underline;*/
	padding:0 0 5px 0;
	margin:0;
}

h3 a {
	/*color:#323d73;
	font: italic 20px Georgia, "Times New Roman", Times, serif;
	text-decoration:underline;*/	
}

h4 {
	/*color:#4a82e9;
	font: italic 100 17px "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	padding:0;
	margin:0;
}

h5 {
	/*color:#90a2c4;
	font: 100 17px "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	padding:0;
	margin:0;
}

.date {
	font-size:0.85em;
	}

#atacontainer {
	padding-top:10px;
	padding-bottom:35px;
	margin-left:-9px;
	}


#infinitom {
	color:#999999;
	text-transform:none;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	text-align:center;
	font-size:0.9em;
}

#infinitom a {
	color:#999999;
	text-transform:none;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1em;
}


#page {
	background: #ffffff url(images/site_bg.png) repeat-x fixed left top;
	width:100%;
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 0px;
}

#container {
	margin:0 auto;
	width:990px;
	z-index: 2000;
	background-attachment: scroll;
	background-color: #ffffff;
	background-image: url(images/new-header.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#logo {
	width:259px;
	height:175px;
	padding-right:55px;
	float:left;
}

#ad_bx {
	float:left;
	width:468px;
	height:93px;
	padding-top:55px;
	padding-right:0;
	text-align:center;
	
}

#search_etc {
	float:left;
	width:205px;
	height:118px;
	padding-top:55px;
	list-style: url(images/search_bullet.png) outside;
}

#search_etc a {
	text-decoration:none;
	text-transform: lowercase;
	color: #69768b;
}

#search_etc ul li {
	margin-left:-25px;
	line-height:15px;
}

#spacer1 {
	width:990px;
	height:0;
	clear:both;
}

#menu { 
	background: url(images/menu_bg.png) repeat-x left top;
	height:34px;
}

.menu {width:990px; height:29px; position:relative; z-index:100; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:165px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:165px;position:relative;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block; font-size:15px;text-align:center;text-decoration:none; color:#fff; width:165px; height:29px; line-height:29px; font-weight:500;}
 
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#f68b20;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#f68b20;}
.menu ul ul :hover > a.drop {background:#f68b20;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#f68b20;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#f68b20;}
 
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:29px;left:0; width:165px;}
 
/* position the third level flyout menu */
.menu ul ul ul{left:140px; top:-1px; width:165px;}
 
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}
 
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
 
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#f68b20; font-size:12px; font-weight:bold; color:#fff; height:auto; text-align:left; line-height:1em; padding:5px 10px; width:145px;border-width:0 1px 1px 1px;}

 
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#f68b20 url(images/menu_over_165.png) repeat-x left top;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff; background:#f68b20 url(images/menu_over_165.png) repeat-x left top;}
 
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

.current_page {color:#fff; background:#f68b20 url(images/menu_over_165.png) repeat-x left top;}


#spacer3 {
	width:990px;
	height:15px;
	clear:both;
}

#fp_right_one {
	float:right;
	width:285px;
	margin-right:15px;
	}

#fp_right_two {
	float:right;
	width:285px;
	margin-right:15px;
	}

#content {
	clear:both;
	width:990px;
}

#content_actual {
	float:left;
	width:615px;
	margin-right:30px;
	margin-left:15px;
}

img{
	border:none;
}

#content_sidebar {
	float:right;
	width:285px;
	margin-top:15px;
	margin-right:15px;
	clear:right;
}

#testimonials {
	float:right;
	padding:10px 23px;
}

#recommended {
	margin-left:50px;
}

.testimonials {
	background: url(images/testimonial_quote.png) no-repeat left 10px;
	line-height:2em;
}

.testimonials h2 {
	font-size:14px;
}

#content_fp_left {
	float:left;
	width:645px;
	margin-top:10px;
	margin-left:15px;
}

#content_fp_left .entry {
	padding:0 15px;
}
/*#content_fp_middle {
	float:left;
	width:300px;
	
	}*/
#content_fp_right {
	float:right;
	width:280px;
	margin-top:10px;
	margin-left:30px;
	margin-right:15px;
	clear:right;
	}
#content_fp_right p{
	padding: 0 15px;
	}

#footer {
	clear:both;
	width:930px;
	padding:50px 30px 30px 30px;
	text-align:center;
	color:#999999;
	font: 12px Georgia, "Times New Roman", Times, serif;
}

#footer a {
	font: 12px Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
}

#footer ul {
	display:inline;
	list-style:none;
}

#footer li {
	display:inline;
	list-style:none;
	padding:0 10px;
}


/* wp-crossfade start */
#carousel {
	float:left;
	width:370px; /*635 with border image*/
	height:245px;/*265 with border image*/
	/*padding:5px;   with border image */
	padding-left:275px;
	padding-top:0;
	padding-bottom:15px;
	margin-left:15px;
	margin-right:30px;
	background: url(images/burning_question_bg.jpg) no-repeat left top;
}

#wp-crossfade {
	text-align: left;
	position: relative;
	margin: auto;
}
#wp-crossfade img {
	border:none;
}
#wp-crossfade,
.wp-crossfade-class-container {
	width: 645px; /*635 with border image*/
	height: 270px;/*265 with border image*/
	overflow: hidden;
}
#wp-crossfade-loading {
	padding: 98px 0;
	border: none;
	background-color: #fff;
	text-align: center;
}
.wp-crossfade-class-text-container {
	position: absolute;
	top: 10px;
	background-color: #fff; 
	overflow: hidden;
	width: 413px;
	height: 78px;
	z-index: 2000;
	opacity: .9;
}
.wp-crossfade-class-text-container div {
	margin: 6px 0;
	padding: 0 6px;
}
.wp-crossfade-class-dot-container {
	position: absolute;
	bottom: 8px;
	right: 8px;
	width: 1px;
	height: 1px;
}
.wp-crossfade-class-dot {
	width: 7px;
	height: 7px;
	background-color: #3e72a2;
	border: none;
}
.wp-crossfade-class-dot-selected {
	opacity: 0;
	width: 7px;
	height: 7px;
	background-color: #f68a21;
}
.wp-crossfade-class-image-container {
	overflow: hidden;
	text-align: right;
}
/* wp-crossfade end */
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}


/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 5px;
	margin: 0 0 5px 15px;
	display: inline;
	}

img.alignleft {
	padding: 5px;
	margin: 0 15px 5px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

#mc_mv_EMAIL, #mc_mv_NAME {
	width:300px;	
}