/* Meet Max: Main CSS */
/* Shannon-Rose Design 2008 */

/* Swatches
	Link Blue: 4e8abe
	Text Blue: 3f76a6
	Callout Blue: d5deee
	Background Blue: dfeeed
	Background Light Blue: ecf5f4
	Body Copy Gray: 4a4a4a
	Footer Copy Gray: 9a9a9a
	Green Line: 52a9a2
*/

/* == Common Rules ============================ */
.clear { clear: both; }
div.clear {
	font-size: 1px;
	line-height: 1px;
	height: 0;
	visibility: hidden;
}
.left { float: left; display: inline; }
.right { float: right; display: inline; }
a { text-decoration: none; color: #4e8abe; }
a:hover { text-decoration: none; color: #f79a70; }
strong { font-weight: bold; }
em { font-style: italic; }
/* ============================================ */
body {
	font-size: 62.5%;
	line-height: 140%;
	color: #4a4a4a;
	font-family: Helvetica, Arial, sans-serif;
}
div#wrapper { margin: 35px auto; width: 875px; }
div#logoHeader {
	width: 460px;
	margin: 0 2px 0 0;
	float: left;
	height: 212px;
	display: inline;
	position: relative;
	z-index: 4;
	background: transparent url(/imgs/meetmax/slideshow/homeSlideshow1.jpg) no-repeat 0 100%;
}
div#logoHeaderDouble {
	width: 460px;
	margin: -212px 2px 0 0;
	float: left;
	height: 212px;
	display: inline;
	position: relative;
	z-index: 2;
}
img#logo {
	margin-left: 74px;
	position: relative;
	z-index: 10;
}
div#topCallout {
	width: 400px;
	display: inline;
	float: left;
	height: 212px;

}
#topCallout p {
	text-align: right;
	font-size: 12px;
	line-height: 16px;
	margin: 31px 5px 0 0;
}
#topCallout div.calloutInfo {
	width: 400px;
	height: 165px;
	color: #f58d63;
	font-weight: bold;
}
.calloutInfo h1 {
	font-size: 29px;
	line-height: 32px;
	margin-left: 12px;
}
.calloutInfo h2 {
	font-size: 18px;
	line-height: 22px;
	margin: 26px 0 0 12px;
}
.calloutInfo h3 {
	font-size: 16px;
	line-height: 20px;
	margin: 30px 0 0 12px;
}
.calloutInfo a { color: #d5deee; }
.calloutInfo a:hover { color: #dfeeed; }
.calloutInfo a img { 
	margin-top: -21px;
	float: right;
	display: inline;
}
div#topNav {
	width: 691px;
	height: 30px;
	margin: 5px 0 15px;
}
#topNav ul { width: 691px; }
#topNav ul li {
	height: 30px;
	float: left;
	display: inline;
}
#topNav ul li#home { width: 53px; }
#topNav ul li#about { width: 105px; }
#topNav ul li#pricing { width: 56px; }
#topNav ul li#seetry { width: 87px; }
#topNav ul li#customers { width: 131px; }
#topNav ul li#download { width: 96px; }
#topNav ul li#whoweare { width: 85px; }
#topNav ul li#contact { width: 78px; }
#topNav li a { height: 30px; display: block; }
li#home a { width: 53px; background: transparent url(/imgs/meetmax/topNav/home.png) no-repeat 0 100%; }
li#about a { width: 105px; background: transparent url(/imgs/meetmax/topNav/aboutMeetMax.png) no-repeat 0 100%; }
li#pricing a { width: 56px; background: transparent url(/imgs/meetmax/topNav/pricing.png) no-repeat 0 100%; }
li#seetry a { width: 87px; background: transparent url(/imgs/meetmax/topNav/seeItTryIt.png) no-repeat 0 100%; }
li#customers a { width: 131px; background: transparent url(/imgs/meetmax/topNav/meetMaxCustomers.png) no-repeat 0 100%; }
li#download a { width: 96px; background: transparent url(/imgs/meetmax/topNav/downloadInfo.png) no-repeat 0 100%; }
li#whoweare a { width: 85px; background: transparent url(/imgs/meetmax/topNav/whoWeAre.png) no-repeat 0 100%; }
li#contact a { width: 78px; background: transparent url(/imgs/meetmax/topNav/contactUs.png) no-repeat 0 100%; }
li#home a:hover { background-position: 0 0; }
li#about a:hover { background-position: 0 0; }
li#pricing a:hover { background-position: 0 0; }
li#seetry a:hover { background-position: 0 0; }
li#customers a:hover { background-position: 0 0; }
li#download a:hover { background-position: 0 0; }
li#whoweare a:hover { background-position: 0 0; }
li#contact a:hover { background-position: 0 0; }
#topNav li a em { display: none; visibility: hidden; }
#footer {
	width: 691px;
	text-align: center;
	padding: 15px 0 20px;
}
#footer p {
	font-size: 11px;
	line-height: 16px;
	color: #9a9a9a;
	margin: 5px 0;
}
#footer p a {
	text-decoration: none;
	color: #9a9a9a;
}
#footer p a:hover {
	text-decoration: none;
	color: #4a4a4a;
}
#footer p strong { margin: 0 4px; }