/* --------------------------------------------------------------------------------------------------
	Title:		Mobility Solutions CSS Document
			
	Author:		Hansen Multimedia
	Artist:		Brian Hansen
	Date:		October 11th, 2009
------------------------------------------------------------------------------------------------------ */

* { margin: 0; padding: 0; }

body {
	/* font-family: Arial, Helvetica, sans-serif; */
	font-family: "Myriad Pro", "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	color: #333;
	font-size: 13px;
	text-align: center;
	line-height: 140%;
	background-color: #FFFFFF;
}

.clearer { height: 0; line-height: 0px; clear: both; }
.print { display: none; }

#constraint { width: 950px; margin: 0 auto; text-align: left; background-color: #fff; }

/*  ---------------------------------------------------------------------------
	=framing
------------------------------------------------------------------------------- */

.frame { width: 950px; border: none; margin-top: 0px; padding: 0px;}

/*  ---------------------------------------------------------------------------
	=Global Layout
------------------------------------------------------------------------------- */

h1 { color: #EA2728; font-size: 23px; padding: 0px 0px 12px 0px; }
h2 { font-size: 19px; padding: 0px 0px 12px 0px; text-transform: uppercase; color: #304A99; }
h3 { font-size: 15px; padding: 0px 0px 12px 0px; }

a  { color: #1717f4; text-decoration: none; }
a:hover { color: #DF0041; }

/* ---------- */

#mainContent { width: 950px; height: 100%; background: #fff; border-top: solid 3px #CCCCCC; padding: 5px 0px 0px 0px; }
#side { float: left; width: 355px; margin: 0px 10px 0px 0px; }
#mainArea { float: right; width: 585px;}
#side img { margin: 0px 0px 10px 0px; width: 353px; border: solid 1px #CCCCCC; float: left;}

#page-content {padding: 12px 12px 25px 6px;}
#page-content p {padding: 0px 0px 12px 0px;}
#page-content ul {padding: 0px 0px 12px 40px;}
#page-content ul li {padding: 3px 0px 0px 0px;}
#page-content ol { padding: 3px 0px 3px 50px;}
#page-content ol li {padding: 3px 0px 0px 0px; }

/*	=header
---------------------------------------------------------------- */

#header { background-color: #fff; }

#header .logo { float: left; margin: 0px 0px 10px 0px; border: 0px; width: 344px; height: 117px;}

#header #topNav { float: right; width: 150px; text-transform: uppercase; list-style-type: none; margin-top: 4px; }

/*	=navigation
---------------------------------------------------------------- */

#mainNav { text-align: center;  margin: 0px 0px 0px 0px; text-transform: uppercase; float: left; width: 950px; background: url(../images/border_top.gif) repeat-x top left;}
#home #mainNav {background: url(../images/border_top_index.jpg) repeat-x top left;}
#mainNav ul { margin: 0 auto;  list-style-type: none; float: right; font-size: 14px;}
#mainNav ul li { position: relative; float: left; /* IE6 background-color issue */ }

/* Styles for Menu Items */
#mainNav ul li a {
	height: 29px;	/* The dropdown disapears when you try to mouse-over it in IE7 - this fixes that issue. */
	line-height: 29px;	/* sets the height of the box */
	display: block;
	text-decoration: none;
	color: #304A99;
	padding: 0px 13px 0px 13px;
	border-top: solid 8px #304A99;
}

/* Fix IE. Hide from IE Mac \*/
* html #mainNav ul li { float: left; height: 1%; }
* html #mainNav ul li a { height: 1%; }

* html #mainNav ul li a { float: left;	 /* This float is needed for IE6 or else the main links will stretch accross the width of its container and will appear to display block. */ }
/* Th selector below prevents the over links from appearing to display inline. */
* html #mainNav li ul li { clear: both; }
/* End Fix IE*/

#mainNav ul li a:hover { color: #cc3333; border-top: solid 8px #FFFFFF; }	/* Hover Styles */
#mainNav li:hover ul, #mainNav li.over ul { display: block; }	/* The magic */


/*	=footer
---------------------------------------------------------------- */

#footer { margin: 5px 0 30px 0; border-top: solid 3px #CCCCCC; padding: 5px 0px 0px 0px; font-size: 14px;}

#footer #textNav { width: 226px; text-align: left; float: left; padding: 2px 0px 0px 0px;}
#footer #textNav strong { font-size: 15px; margin: 0px 0px 0px 15px; }
#footer_contact {width: 654px; height: 140px; padding: 20px; background-color: #EA2728; color: white; float: left;}
#footer_contact #photo {width: 192px; float: left;}
#footer_contact #photo img {border: 2px solid #FFFFFF; }
#footer_contact #contact {width: 341px; padding: 0px 0px 0px 10px; float: left; font-size: 16px; line-height: 20px;}
#footer_contact #crosslinks {width: 111px; padding: 10px 0px 0px 0px; float: left;}
#footer_contact #crosslinks img {border: 0px; padding: 10px 0px 10px 0px; }
#division {width: 950px; float: left; padding: 5px 0px 0px 0px; }
#division p {font-size: 80%; color: #666666; padding: 0px 0px 0px 0px; }
#footer_contact a  { color: white; text-decoration: none; }
#footer_contact a:hover { color: #999999; }


#textNav ul { list-style-type: none; text-align: left; margin: 5px 0px 0px 15px;}
#textNav ul li { font-size: 90%; }

#textNav ul li a { color: #666666; padding: 0 5px 0 5px; }
#textNav ul li a:hover { color: #CD2036; }

/*  ---------------------------------------------------------------------------
	=contact
------------------------------------------------------------------------------- */

#contact #mainArea form { padding-top: 20px; }
#contact #mainArea form .last { width: 375px; }
#contact #mainArea a {color: #00367c;}
#contact #mainArea a:hover { color: #333; }

#Contact p {line-height: 17px;}
.formBlock { float: left; width: 175px; padding: 0 12px 0 12px; }
.formRow, .formRow label { display: block; }
.formRow label { margin: 3px 0; }
.submit { margin-top: 5px; background-color: #cccccc; font-weight: bold;}

input { padding: 2px; background-color: #FFFFFF; border: 1px solid #666666;}
select { padding: 2px; background-color: #FFFFFF; border: 1px solid #666666;}
textarea { padding: 2px; background-color: #FFFFFF;border: 1px solid #666666;}