/*
CSS - Air Force Air Conditioning
*/

@import url('nav.css');

* {
	padding: 0;
	margin: 0;
}/* this will reset all elements to margin/padding = 0 */

body {
	background: #fff url(../images/core/body-background.gif) top left repeat-x;
}

div#container {
	margin: 0 auto;
	padding: 0;
	width: 740px;
	background: #fff;
	overflow: hidden;
}

img {border: none;}

.clearfix:after {
    content: "."; 
    clear: both; 
    display: block; 
    height: 0; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/**************************
	HEADER
**************************/
div#header {
	width: 740px;
	height: 84px;
	background: url(../images/core/header-background.jpg) top left no-repeat;
}

div#header img.header-logo {
	width: 509px;
	height: 27px;
	margin: 20px 0 0 22px;
	background:url(../images/core/header-logo.jpg) top left no-repeat;
}

div#header img.logo {
	margin: 9px 0 0 30px;
}

/**************************
	LEFTBOX
**************************/
div#leftbox {
	width: 247px;
	float: left;
	border-left: 1px solid #8b8f93;
	padding-bottom: 32767px; /* equal-height columns - http://www.positioniseverything.net/articles/onetruelayout/equalheight */
	margin-bottom: -32767px;
}

div#leftbox .quotebox {	
	background: url(../images/core/leftbox-blockquote-background.jpg) top left no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	color: #226997;
	font-weight: bold;
	text-align: center;
	margin: 34px 0 34px 0;
	height: 91px;
}

div#leftbox .quotebox a {color: #226997; text-decoration: none;} 

div#leftbox h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3a3736;
	text-decoration: underline;
	margin: 30px 10px -15px 0;
	text-align: right;
}

div#leftbox p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3a3736;
	text-align: right;
	margin: 0 10px 10px 0;
}

div#leftbox p a, div#leftbox p a:visited {color: #226997; font-weight: bold; text-decoration: none;}
div#leftbox p a:hover  {color: #226997; font-weight: bold; text-decoration: underline;}

div#leftbox img.webbasic {
	margin: 40px 10px 40px 0;
	float: right;
}

div#leftbox img.daikin {
	margin: 40px 35px 0px 0;
}

/**************************
	CONTENTBOX
**************************/
div#contentbox {
	width: 491px;
	background: #fff;
	float: right;
	border-right: 1px solid #8b8f93;
	padding-bottom: 32767px; /* equal-height columns - http://www.positioniseverything.net/articles/onetruelayout/equalheight */
	margin-bottom: -32767px;
}

div#contentbox div#contentbox-top {
	width: 491px;
	height: 192px;
	background: #94b8d1;
}

div#contentbox div.content {
	width: 450px;
	margin: 37px 0 0 12px;
}

div#contentbox div.content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #3a3736;
	margin: 0 0 10px 0;
}

div#contentbox div.content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #246897;
	margin: 0 0 -7px 0;
	border-bottom: 1px dotted #ccc;
}

div#contentbox div.content p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3a3736;
	line-height: 16px;
	margin: 10px 0 10px 2px;
}

div#contentbox div.content ul.list li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3a3736;
	line-height: 16px;
	margin-left: 30px;
}

div#contentbox div.content img.img_right {float: right; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; clear: right;}
div#contentbox div.content img.img_left {float: left; margin: 0 10px 10px 0;}

div#contentbox div.content p a, div#leftbox p a:visited {color: #226997; font-weight: bold; text-decoration: underline;}
div#contentbox div.content p a:hover  {color: #226997; font-weight: bold; text-decoration: none;}

div#contentbox div.content p.pdf {background: url(../images/core/icon-pdf.gif) center left no-repeat; padding-left: 20px;}

/**************************
	FOOTER
**************************/
div#footer {
	clear: both;
	background: url(../images/core/footer-background.jpg) top left no-repeat;
	width: 740px;
	height: 58px;
	margin: 0 auto;
}

div#footer p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000;
  padding: 10px;
  text-align: center;
}

div#footer a {color: #000; text-decoration: underline;}
div#footer a:hover {text-decoration: none;}