/* Macali Communications */
/* Main.css */
/* Created January 4, 2008 */
/* 
--------------------------------------- */

@import url("css/reset.css");

@import url("css/typography.css");


/* The Big Stuff */

body { background: #008ebc; color: black; text-align: center; font-family: arial; }
div#body { width: 776px; text-align: left; margin: 38px auto 0 auto; }
div#header { height: 89px; float: left; background: url('images/top.gif') top left no-repeat white; }
div#frame { background: url('images/golf.jpg') left 78px no-repeat #45802C; }
div#about { background: url('images/leftImgs/flag.jpg') left 78px no-repeat #45802C; }
div#aboutKevin { background: url('images/leftImgs/ballLong.jpg') left 78px no-repeat #45802C; }
div#work { background: url('images/leftImgs/holeFlag.jpg') left 78px no-repeat #45802C; }
div#caseStudies { background: url('images/leftImgs/walkOnGreen.jpg') left 78px no-repeat #45802C; }
div#caseStudiesInterior { background: url('images/leftImgs/purpleSwing.jpg') left 78px no-repeat #000000; }
div#information { background: url('images/leftImgs/sunsetSwing.jpg') left 78px no-repeat #45802C; }
div#faqs { background: url('images/leftImgs/purpleSky.jpg') left 78px no-repeat #41405F; }
div#about2 { background: url('images/leftImgs/tallSwing.jpg') left 78px no-repeat #5088D8; }
div#news { background: url('images/leftImgs/swingBlueSky.jpg') left 78px no-repeat #52934d; }
div#newsInterior { background: url('images/leftImgs/golfBall700.jpg') left 78px no-repeat #52934d; }
div#header span#motto { margin: 14px 0 0 20px; float: left; color: #005c76; font-size: 1.2em; text-indent: -999em; display: block; width: 417px; height: 22px; background: url('images/help_motto.gif') top left no-repeat; }


/* Header */

div#header h1 { width: 159px; height: 70px; display: block; text-indent: -999em; background: url('images/logo.gif') top left no-repeat; position: relative; top: 8px; left: 6px; float: left; }
div#header h1 a { display: block; width: 159px; height: 70px; }
div#border { padding-bottom: 3px; background: url('images/bar.gif') bottom left no-repeat; height: 86px; width: 776px; }

/* Links */
#footer a { color: white; font-family: arial, helvetica sans-serif; }
a {
	color: #008EBC;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #2A4913;
	font-weight: bold;
	text-decoration: none;
}

/* Menu */
/* old menu div#header ul li a { color: #e2e9ee; font-size: 1.1em; font-weight: bold; display: block; float: left; background: url('images/tab.gif') top left no-repeat; width: 124px; height: 44px; padding-top: 14px; text-align: center; vertical-align: middle; text-decoration: none; }
div#header ul li a:hover { color: white; } */

/* Revamped Menu */
div#header ul li { margin-top: 6px; }
div#header ul li a { width: 120px; float: left; display: block; height: 44px; text-indent: -999em; position: relative; z-index: 1000; }
div#header ul li.about a { width: 119px; background: url('images/nav/about.gif') 1px top no-repeat; }
body div#header ul li.about a:hover, li.about a.selectedPage { background-position: -119px top; }
div#header ul li.about a:hover { background-position: top center; width: 119px; }

li.work a { background: url('images/nav/work.gif'); }
li.case a { background: url('images/nav/case.gif'); }
li.info a { background: url('images/nav/information.gif'); }
div#header ul li.news a { width: 124px; background: url('images/nav/news.gif'); }
body div#header ul li.news a:hover, li.news a.selectedPage { background-position: 124px top; }
div#header ul li a:hover, li.selectedPage a { background-position: top right; }

body div#mainNav ul.suckerfish li ul li a { display: block; text-indent: -999em; float: left; }
body div#mainNav ul.suckerfish li ul li.aboutm a { height: 19px; width: 118px; background: url('images/nav/about_macali.gif') top left no-repeat; }
body div#mainNav ul.suckerfish li ul li.aboutk a { height: 19px; width: 118px; background: url('images/nav/about_kevin.gif') no-repeat; }
body div#mainNav ul.suckerfish li ul li.oursystems a { height: 19px; width: 118px; background: url('images/nav/oursystems.gif') no-repeat; }
body div#mainNav ul.suckerfish li ul li.capabilities a { height: 19px; width: 118px; background: url('images/nav/capabilities.gif') no-repeat; }
body div#mainNav ul.suckerfish li ul li.faq a { height: 19px; width: 118px; background: url('images/nav/faq.gif') no-repeat; }
body div#mainNav ul.suckerfish li ul li.contact a { height: 19px; width: 118px; background: url('images/nav/contact.gif') no-repeat; }
body div#mainNav ul.suckerfish li ul li.current a { height: 19px; width: 118px; background: url('images/nav/current.gif') no-repeat; }
body div#mainNav ul.suckerfish li ul li.press a { height: 19px; width: 118px; background: url('images/nav/press.gif') no-repeat; }
body div#mainNav ul.suckerfish li ul li.newsletters a { height: 19px; width: 118px; background: url('images/nav/newsletters.gif') no-repeat; }
body div#mainNav ul.suckerfish li ul li.blog a { height: 19px; width: 118px; background: url(images/nav/blog.gif) no-repeat; }

div#mainNav ul li {  }
body div#mainNav ul li.news ul {
width: 500px;
margin-left: -358px;
_margin-left: -375px;
}
body div#mainNav ul li.news ul li {

}


/* Main Menu */

#mainNav {
	/*margin-left: 155px;*/
	padding: 0; float: left; width: 605px;
	}
	
#mainNav ul {
	margin: 0;
	padding: 0;
	}

#mainNav li {
	list-style: none;
	margin: 0px;
	float: left;
	padding: 0;
	display: block;
	background: url('../images/qlseparators.gif') no-repeat right center;
	}

#mainNav li a, #mainNav li a:link{
	display: block;
	margin: 0px;
	position: relative;
	color: #fff;
	text-decoration: none; 
	}
	
#mainNav li a:hover{
	color: #5e2728;
	text-decoration: none;
	display: block; 
	}
		
/* Drop Menu */

#mainNav li ul{
	display: none;
	position: absolute;
	font-size: 0.7500em; margin-left: 0; padding-left: 0;
	}

#mainNav li ul li{
	width: 120px;
	z-index: 5;
	float: left;
	padding-top: 42px; 
	position: relative; /*top: 42px;*/
	background: none; margin-left: 0;
*right: 119px; /* For IE7 */
	}

#mainNav li ul li a, #mainNav li ul li a:link{
	margin: 0px;
	padding: 4px 2px;
	text-transform: none;
	color: #000;
	display: block;
	}


#mainNav li ul li a:hover{
	margin: 0px;
	padding: 4px 2px;
	}

#mainNav li:hover ul, #mainNav li.sfhover ul{
	margin: 0px;
	padding-bottom: 9px;
	display: block;
	}

#mainNav li li ul{
	display: none;
	}
	
#mainNav li li:hover ul, #mainNav li li.sfhover ul{
	margin: 0px;
	padding: 0px;
	display: block;
	left: 150px;
	top: 0;
	}

#mainNav li li ul{
	display: none !important;
}




/* Extras */
.hide { display: none; }
div.breadCrumb { display: none; }


/* Content */

body div#mainCol { clear: both; background: #f1eec8; font-size: .8em; float: right; width: 624px;  }
body.home div#mainCol { font-size: 2.8em; line-height: .8em; padding-top: 0; }

div#mainCol p {
	font-size: 11px;
	line-height: 14.5px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}

div#mainCol h2 { font-size: 2.8em; color: #48602f; margin-bottom: -20px; }
body.home div#mainColr div.textElement { margin-top: 0; }
div#mainCol div.textElement { margin-top: -10px; }
div#intro p {  line-height: 1.05em; color: #3a6634; }

div#description p { color: #48602f; font-size: .5em;  line-height: 1.3em; }

div#intro { text-indent: -999em; width: 549px; height: 177px; background: url('images/para1.gif') -40px top no-repeat; margin: 40px 100px 40px 40px; }
div#description { text-indent: -999em; width: 586px; height: 116px; background: url('images/para2.gif') -40px top no-repeat; margin: 0 100px 20px 40px; }
div#newblog {
	margin-left: 40px;
	position: relative;
	margin-bottom: 10px;
}

/* IE6 Fix */
* html div#mainCol { margin-left: 150px; }
* html body.home div#mainCol { margin-right: -50px; }
* html div#mainNav { overflow: hidden; width: 690px; margin-top: -33px; margin-left: 40px; }
div#header { overflow: hidden; }

div#wrapper { margin: 30px 20px 40px 40px; }

h2#aboutkevin { display: block; text-indent: -999em; height: 34px; width: 376px; background: url('images/aboutkevin.gif') top left no-repeat; padding-bottom: 20px; }

div#aboutpageimg {
	color: #2A4913;
	font-weight: bold;
	float: right;
	margin: 3px 5px 5px 8px;
	font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

/* Footer */
div#footer { font-size: .7em; clear: both; background: url('images/footerbtm.gif') bottom left no-repeat #52954e; color: white; width: 776px; padding: 5px 0 10px 0; text-indent: 185px; }
div#footer p { display: inline; padding-right: 4px; padding-left: 4px; text-transform: lowercase; color: #e3ecf1; margin-right: 2px; }
body div#footer p.last { border-right: 0; }
body div#footer p.first { border-left: 0; }

/* Admin */
body.backend div#mainCol h2 { margin-bottom: 0; }

/* IE6 Fix */
*html #header ul { margin-left: 75px; margin-bottom: -20px; }
*html div#frame { background: url('images/golf.jpg') left top no-repeat #52934d; }

/* My Styles */
ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14.5px;
	list-style-position: outside;
	list-style-type: square;
}

img.subhed {
	padding-bottom: 10px; }

* html img.subhed { padding-top: 10px;
}

img.thumbimg {
	color: #2A4913;
	font-weight: bold;
	float: left;
	margin: 3px 5px 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
}
div#caseIntro {
	margin-left: 150px;
}
div#caseIntro h1 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-weight: bold;
	color: #2A4913;
}

/* IE 6 Nav Fixes */
* html div#mainNav li.aboutm { position: absolute; top: 0; right: 0; }
* html div#mainNav li.aboutm a { background-position: left top; }
* html div#mainNav li.aboutk { position: absolute; top: 0; right: 0; }
* html body div#body div#header div#mainNav ul li.about ul li a:hover, * html body div#body div#header div#mainNav ul li.about .selectedPage a { width: 118px; background-position: left top; }
* html body div.#mainNav li.contact { position: absolute; top: 0px; right: 0px; }
/*
* html body div#mainNav ul li.news { position: relative; }
* html body div#mainNav ul li.news ul li.newsletters { position: absolute; right: -240px; top: 0px; }
* html body div#mainNav ul li.news ul li.press { position: absolute; right: -120px; top: 0px; }
* html body div#mainNav ul li.news ul li a:hover { background-position: left top; }
* html body div#mainNav ul li.about ul li.oursystems { position: absolute; top: 0px; right: -240px; }
* html body div#mainNav ul li.about ul li.aboutk { position: absolute; top: 0; right: -120px; }

*/