/* Designed by: AdMfg, Inc. | Ronald Calbick */
/* Date: 06.09.2010*/

/* ****************************************
Contents
	1. CSS Reset
	2. Interior
	3. Left Column
	4. Right Column
	5. Footer
**************************************** */

/* ****************************** 1. CSS RESET ****************************** */

/***** GLOBAL SETTINGS *****/ 
html, body {height: 100%; border:0; margin:0; padding:0;}
body {background: #000; font-size: 13px; font-family: "Trebuchet MS", Helvetica, sans-serif;}
 
/***** HEADINGS *****/ 
h1, h2, h3, h4, h5, h6 {margin: 0 0 10px 0; padding:2px 0; font-weight:normal;} 
h1 {font-size: 20px;} 
h2 {font-size: 18px;} 
h3 {font-size: 16px;}
 
/***** COMMON ELEMENTS *****/ 
p, ul, ol {margin: 0 0 10px 0;} 
ul {padding-left: 25px;}
blockquote {margin:12px; padding:12px 12px 0px 12px;} 
small {font-size:8.5px;}
img {border:0;} 
sup {position:relative; bottom:3px; vertical-align:baseline;}
sub {position:relative; bottom:-2px; vertical-align:baseline;}
acronym, abbr {cursor:help; letter-spacing:1px; border-bottom:1px dashed;}
 
/***** LINKS *****/
a, a:link, a:visited, a:hover {text-decoration:underline;}
a:focus {outline:none;}
 
/***** FORMS *****/
form {margin:0; padding:0; display:inline;} 
input[type="checkbox"], input[type="radio"] {margin:0; padding:0; border:0;}
input[type="image"] {border: 0;}
label {cursor:pointer;}
 
/***** TABLES *****/ 
table {border: 0; margin: 0 0 10px 0; padding: 0;}
table tr td {padding: 2px;}
 
/***** WRAPPER *****/
#wrapper {position: relative; width:940px; margin:0 auto; border: 10px solid #fff; background: #fff; text-align:left;}

/***** GLOBAL CLASSES *****/
.clear  {clear:both;}
.float-left {float:left;}
.float-right {float:right;}
 
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.text-justify {text-align:justify;}
.vertMid {vertical-align: middle;}
 
.bold {font-weight:bold;}
.italic {font-style:italic;}
.underline {border-bottom:1px solid;}
  
.nopadding {padding:0;}
.nobullet {list-style:none; list-style-image:none;}

/***** CLEAR FIX *****/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* ****************************** END CSS RESET ****************************** */

/* ****************************** 2. INTERIOR ****************************** */
#interior {position: relative; width: 940px; min-height: 488px; margin: 35px 0 10px 0; background: #fff url(../images/bg-interior.jpg) repeat-x;}
#header {position: absolute; top: -35px; left: 0; z-index: 50; width: 940px; height: 167px; background: url(../images/bg-header.png) no-repeat;}
/* ****************************** END INTERIOR ****************************** */

/* ****************************** 3. LEFT COLUMN ****************************** */
#leftCol {
	position: relative; 
	float: left; 
	width: 325px; 
	height: 488px;
	background: url(../images/bg-leftCol.jpg) no-repeat top center;
	-moz-box-shadow: 3px 3px 3px #878787;
    -webkit-box-shadow: 3px 3px 3px #878787;
    box-shadow: 3px 3px 3px #878787;
}
/* ****************************** END LEFT COLUMN ****************************** */

/* ****************************** 4. RIGHT COLUMN ****************************** */
#rightCol {position: relative; float: right; width: 600px; min-height: 488px;}

/* Logo */
#logo {position: relative; width: 600px; height: 99px; margin: 110px 0 10px 0;}
#logo a {position: relative; z-index: 100; display: block; width: 284px; height; 99px;}

/* Navigation Menu */
#nav {position: relative; float: left; width: 160px;}
#nav ul {width: 125px; list-style-type: none;}
#nav ul li {display: block; width: 125px; height: 35px; padding: 0 0 0 10px; line-height: 35px; border-bottom: 1px solid #c9c9c9;}
#nav ul li.last {border: 0}
#nav ul li a {
	display: block;
	width: 125px;
	height: 35px; 
	font-weight: bold; 
	text-decoration: none; 
	text-transform: uppercase; 
	letter-spacing: 1px; 
	color: #000;
}
#nav ul li a:hover {background: url(../images/link-hover.png) no-repeat right center;}

body#home #nav ul li a.home, body#about-us #nav ul li a.about-us, body#services #nav ul li a.services, body#our-goal #nav ul li a.our-goal, body#contact-us #nav ul li a.contact-us {
	background: url(../images/link-hover.png) no-repeat right center;
}

/* Content Panel */
#content {
	position: relative; 
	float: right; 
	width: 410px; 
	padding: 0 5px 10px 25px;
}
#content h1 {font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px 1px #a6a6a6; color: #7b7b7b;}
#content img#img-interior {
	display: block; 
	margin: 10px auto;
	padding: 2px; 
	border: 1px solid #000; 
	-moz-box-shadow: 3px 3px 3px #878787;
    -webkit-box-shadow: 3px 3px 3px #878787;
    box-shadow: 3px 3px 3px #878787;
}
#content a {color: #747474;}
#content a:hover {color: #98cb4f;}
#content input[type="text"], #content textarea {background: #bfdc92; border: 1px solid #000;}
#content input[type="submit"], #content input[type="reset"] {background: #bfdc92; border: 1px solid #000; color: #000; cursor: pointer;}
#content input[type="submit"]:hover, #content input[type="reset"]:hover {background: #98cb4f; color: #000;}
/* ****************************** END RIGHT COLUMN ****************************** */

/* ****************************** 5. FOOTER ****************************** */
#footer {position: relative; clear: both; width: 940px; height: 50px; background: #010101; font-size: 11px; text-align: center; line-height: 45px; color: #98cb4f;}
#footer a {color: #98cb4f;}
#footer a:hover {color: #bfdc92;}
/* ****************************** END FOOTER ****************************** */