/*
Theme Name:  RedMobile_Theme
Theme URI: 
Description: Theme for Red Mobility.
Version: 1.0
Author: David Reyes
Author URI: 
Tags: red, glass, sidebar
*/

*
{
	margin: 0 0;
	padding: 0 0;
}
a img
{	border: none;	}
a
{	color: #d63335;	}
.clear
{	clear: both;	}
.hide
{
	display: none;
}
.disabledlink
{	cursor: auto;	}

/* footerstickalt */
html			{	height: 100%;	}
body			{	height: 100%;	}
* html #page	{	height: 100%;	}
#page			{	position: relative;	min-height: 100%;	}
#contents		{	position: relative;	padding-bottom: 83px; }
#footer			{	position: relative;	margin-top: -83px;	} 
/** /footerstick alt **/


body
{
	background: #FFFFFF url(imgs/body_bg.gif) repeat-x 0 155px;
}
#header, #contents, #navi ul
{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}
#header
{
	background: url(imgs/header.gif) no-repeat;
	position: relative;
	height: 114px;
}
h1 a
{
	width: 340px;
	height: 110px;
	position: absolute;
	top: 2px;
	left: 0;
}

#navi
{
	background: url(imgs/navi_bg.gif) repeat-x;
	position: relative;
	height: 44px;
}
#contents p, #contents li
{
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

#footer
{
	height: 83px;
	background: url(imgs/footer_bg.gif) repeat-x;
}

/* Navi Layout */
#navi ul
{	list-style: none;
	display: block;
/*	width: 740px; */
	margin: 0 auto; 
}
#navi li
{	float: left;
	line-height: 43px;
	background: url(imgs/navi_sep.gif) no-repeat right center;
	padding-right: 3px;
	position: relative;
}
#navi li.last
{	background: none;	}
#navi a
{	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-left: 0;
	padding-right: 0;
	outline: none;
}
.navihoverleft, .navihoverbody, .navihoverright
{	height:	45px; float: left;	}
.navihoverleft
{	background: none;
	width:10px;
/*	margin-left: 7px; */	
}
#navi li:hover .navihoverleft
{	background: url(imgs/navi_hover_left.png) left 3px no-repeat;	}

.navihoverright
{	background: none;
	width:14px;
/*	margin-right: 7px; */
}
#navi li:hover .navihoverright
{	background: url(imgs/navi_hover_right.png) right 2px no-repeat;	}

.navihoverbody
{	 
	padding: 0 3px;
}
li:hover .navihoverbody
{	background: url(imgs/navi_hover_body.png) right 2px repeat-x;	}

#navi li:hover ul
{
	display: block;
}
#navi ul ul
{
	display: none;
	position: absolute; top: 42px; left:-10px;
	z-index: 10000;
	padding-left: 0;
	padding-bottom: 10px;
	width: 159px;
	background: url(imgs/dropdown_bg.png) no-repeat bottom center;
}
#navi ul ul .navihoverright, #navi ul ul .navihoverleft
{	display: none;	}
#navi ul ul .navihoverbody
{
	background: none;
	height: auto;
	padding: 0;
	float: none;
}
#navi ul ul li {
	font-size: 12px;
	float: none;
	line-height: 16px;
	padding: 10px 10px 10px 0px;
	margin-left: 20px;
	background: none;
	border-bottom: 1px solid white;
	width: 110px;
}
#navi ul ul li.last
{	border-bottom: none;	}
#navi ul ul a
{
	padding: 10px 0;
}
#navi ul ul a:hover
{	text-decoration: underline;	}


.socialnavi img
{
	padding-left: 8px;
}

/* Contents Layout */
#contents
{	padding-top: 30px;
	z-index: 100;
}
#leftbar, #rightbar, #content
{	float: left;	}
#leftbar, #rightbar
{	width: 178px; 	}
#rightbar a
{	margin-bottom: 3px;	}
#content
{	width: 530px; padding-bottom: 50px; margin: 0 40px 0 50px;	}
.sidebarbox
{	margin-bottom: 3px;	}

/* Sidebar Layouts */
.sidebars h3
{	height: 45px; line-height: 44px; font-size: 14px; text-transform:uppercase; color: #FFFFFF; text-indent: 20px; background: url(imgs/side_glass_header.gif) no-repeat;	}
.sidebarcontent
{	background: url(imgs/side_glass_body.gif) no-repeat bottom center;		}
.sidebars h3.dark
{	background: url(imgs/side_glass_header_dark.gif) no-repeat;				}
div.dark
{	background: url(imgs/side_glass_body_dark.gif) no-repeat bottom center;	}
.sidebarcontent	p
{
	padding: 5px 0 20px 16px;
}
#verticals, .xoxo 		{	background: url(imgs/vertical.jpg) no-repeat top center; height: 145px;	}
#verticals ul, .xoxo	{ 	padding-top: 40px;	}
.xoxo			{	list-style: none; font-size: 10px; color: #FFF;	}
.xoxo li		{	margin-left: 10px;	}
.xoxo a			{	color: #FFF;	}
#clients		{	background: url(imgs/client-box.jpg) no-repeat top center; height: 98px;	}
#logoslideshow	{	padding-top: 40px;	}
.socialmedia 	{	margin: 3px 12px;	}


div.white
{	background: url(imgs/side_glass_body_white.gif) no-repeat bottom center;	}

.sidebarcontent ul
{
	padding: 5px 0 20px 30px;
	font-size: 12px;
	color: #D63335;
}
.dark ul
{
	color: #FFFFFF;
}
.sidebars .dark ul a
{	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#logoslideshow
{	text-align: center !important;
	height: 45px; 
}
#logoslideshow img
{	margin-right: 15px;	}


#footer p
{
	color: #FFFFFF;
	text-align: center;
	padding-top: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#footer a
{
	color: #FFFFFF;
}


.contentbox
{
	background: url(imgs/banner_bg.jpg) no-repeat center center;
	width: 513px;
	height: 132px;
	text-align: center;
	margin-bottom: 20px;
	position: relative;
/*	height: 206px;  */
}
.contentboxcontainer
{
	width: 300px;
	position: absolute;
	top: 30px;
	left: 170px;
	text-align: left;
}
.contentbox p
{	margin: 0 !important;
	position: absolute;
}
.contentbox a
{	font-size: 24px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.contentbox img
{	position: absolute;
	left: -163px;
	top: -30px;
}

.alignleft 
{	float: left; margin-bottom: 5px; margin-right: 10px;	}
.alignright
{	float: right; margin-bottom: 5px; margin-left: 10px;	}
h2
{
	font-size: 20px;
	font-weight: 100;
	border-bottom: 1px dotted #000000;
	margin-bottom: 5px;
	margin-top: 30px;
	clear: both;
}
h3
{	font-size: 18px;
	font-weight: 100;
}
#content li
{
/*	background: url(imgs/little_check.gif) no-repeat left 3px; */
/*	padding-left: 20px; */
/*	list-style: none; */
}
#content ul
{
	margin-left: 1.5em;
}
#content p, #content li
{
	font-size: 12px;
	line-height: 20px;
/*	color: #79828e; */
}
#content p
{
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

/** Research Page **/
table.research
{	border: 1px dotted #eeeeee;	}

table.servicestable
{
	border: 1px dotted #CCCCCC;
}
table.servicestable .header td
{
	background: #981514 url(imgs/navi_bg.gif) repeat-x 0 0px;
}
table.servicestable .header td, table.servicestable .header td a
{	color: #FFFFFF;	}
table.servicestable td
{
	border: 1px dotted #CCCCCC;
	padding: 5px;
}
table.servicestable h3
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	height: 35px;
}
#content table.servicestable ul
{
	margin-left: 13px; 
	padding-left: 2px;
}
#content table.servicestable li
{
	font-size: 10px; margin-bottom: 10px;
	padding: 0;
	background: none;
	list-style: disc;
	line-height: 16px;
	margin-bottom: 3px;
}

#contactform label
{
	float: left;
	width: 130px;
}
#contactform div
{
	clear: both;
}
#contactform #Message
{
	width: 300px;
	height: 200px;
}
