/* 
2am Design : CSS for EEI
-----------------------------------------------------------------------------------------------
*/


/*****************************************************
* Global
*****************************************************/

* { padding: 0; margin: 0; }

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

ul,
li  { list-style-type: none; }
img { border: 0; }
a   { outline: none; }

div.clear {
	clear: both;
}

.hidden { display: none; }
.right { float: right; }


/*****************************************************
* Bodies
*****************************************************/

body#home {
	background: #000000 url(../images/home-main.gif) no-repeat center 70px;
}
body#domestic {
	background: #000F24 url(../images/blue-bg.jpg) no-repeat center top;
}
body#fire {
	background: #120D0C url(../images/fire-bg.jpg) no-repeat center top;
}
body#security {
	background: #18251C url(../images/cctv-bg.jpg) no-repeat center top;
}
body#data {
	background: #011F15 url(../images/data-bg.jpg) no-repeat center top;
}
body#inspection {
	background: #016701 url(../images/yellow-bg.jpg) no-repeat center top;
}
body#maintenance {
	background: #CD6C01 url(../images/phone-bg.jpg) no-repeat center top;
}
body#contact {
	background: #050A10 url(../images/contact-bg.jpg) no-repeat center top;
}

/*****************************************************
* Typography
*****************************************************/

h1#logo {
	text-indent: -7777px;
	display: block;
	position: absolute;
	height: 60px;
	width: 330px;
	left: 30px;
	top: 70px;
	padding-bottom: 0px;
}
#main-content h1 {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 1.7em;
	line-height: 1.3em;
	letter-spacing: 1px;
	padding: 10px 110px 10px 15px;
	background: url(../images/trans-bg.png) repeat left top;
	display: block;
}
body#fire h1 {
	color: #E73E2E;
}
body#security h1 {
	color: #CCCECF;
}
body#data h1 {
	color: #589E3F;
}
body#inspection h1 {
	color: #F8D100;
}
body#maintenance h1 {
	color: #EE7F01;
}
#contact-nav p,
#footer p,
#main-content p {
	font-size: 0.75em;
	line-height: 1.45em;
	color: #FFFFFF;
	padding-bottom: 8px;
}
#footer p {
	font-size: 0.65em;
	line-height: 1.45em;
	color: #666666;
	padding-bottom: 8px;
}
#main-content p {
	padding-right: 110px;
	padding-left: 15px;
	background: url(../images/trans-bg.png) repeat left top;
	display: block;
}
#main-content ul {
	padding-right: 110px;
	padding-left: 15px;
	background: url(../images/trans-bg.png) repeat left top;
	display: block;
}
#main-content ul li {
	font-size: 0.75em;
	line-height: 1.45em;
	color: #FFFFFF;
	padding-bottom: 8px;
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 20px;
	padding-left: 5px;
}

/*****************************************************
* Links
*****************************************************/

h1#logo a {
	display: block;
	height: 60px;
	width: 100%;
}
#contact-button p a,
#contact-button p a:visited,
#about-button p a,
#about-button p a:visited {
	font-size: 1em;
	line-height: 1.3em;
	color: #FFFFFF;
	text-decoration: none;
}
#contact-button p a:hover,
#about-button p a:hover {
	border-bottom: 1px dotted #666666;
}
#footer a,
#footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px dotted #666666;
}
#footer a:hover {
	border-bottom: none;
}
#contact-nav a,
#contact-nav a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#contact-nav a:hover {
	text-decoration: underline;
}
#main-content a,
#main-content a:visited {
	color: #004B96;
	text-decoration: none;
	font-weight: bold;
}
#main-content a:hover {
	text-decoration: underline;
}



/*****************************************************
* Layout
*****************************************************/

#content {
	width: 960px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	height: 645px;
}
.new-logos { 
	background: url(../images/new-logos.png) no-repeat left top; 
	width: 137px; 
	height: 29px; 
	position: absolute;
	right: 414px;
	top: 98px;
}
#inspection .new-logos { background: url(../images/new-logos.png) no-repeat left top;  }
body#home #content {
	height: 750px;
}
#contact-button {
	position: absolute;
	top: 146px;
	left: 860px;
	width: 100px;
}
#about-button {
	position: absolute;
	top: 146px;
	width: 100px;
	right: 600px;
	text-align: right;
}
body#home #main-content {
	position: absolute;
	top: 480px;
	right: 0px;
	width: 581px;
}
#main-content {
	width: 581px;
	position: absolute;
	top: 217px;
	right: 0px;
}
#round-corner {
	background: url(../images/trans-round-corner.png) no-repeat left bottom;
	height: 44px;
	width: 581px;
	display: block;
}
#footer {
	width: 950px;
	text-align: right;
	padding-bottom: 30px;
	padding-top: 10px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
}
#contact-nav {
	position: absolute;
	top: 450px;
	right: 600px;
	text-align: right;
	width: 360px;
	padding-top: 20px;
	border-top: 1px solid #FFFFFF;
}



/*****************************************************
* Lists
*****************************************************/

body#home ul#home-nav {
	position: absolute;
	top: 217px;
	right: 117px;
	text-align: right;
}
ul#home-nav {
	position: absolute;
	top: 218px;
	right: 600px;
	text-align: right;
}
ul#home-nav li {
	font-size: 1em;
	line-height: 1.3em;
	padding-bottom: 14px;
}
ul#home-nav li a,
ul#home-nav li a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
body#home ul#home-nav li#domestic-btn a:hover {
	color: #004B96;
}
body#home ul#home-nav li#fire-btn a:hover {
	color: #E53D2D;
}
body#home ul#home-nav li#security-btn a:hover {
	color: #CCCECF;
}
body#home ul#home-nav li#data-btn a:hover {
	color: #589E3F;
}
body#home ul#home-nav li#inspection-btn a:hover {
	color: #FFD700;
}
body#home ul#home-nav li#maintenance-btn a:hover {
	color: #EE7F01;
}
body#domestic ul#home-nav li a:hover {
	color: #004B96;
}
body#security ul#home-nav li a:hover {
	color: #182522;
}
body#data ul#home-nav li a:hover {
	color: #599C42;
}
body#inspection ul#home-nav li a:hover {
	border-bottom: 1px dotted #FFFFFF;
}
body#maintenance ul#home-nav li a:hover {
	color: #1E3E01;
}

/*****************************************************
* Forms
*****************************************************/