@charset "UTF-8";
/* CSS Document */

/* css reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
	font-weight: bold;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:bold;
	text-align:left;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}
/* end css reset */




body {
	
	/*apply inner glow to color to achieve ps radient  thanks kevin :) */
	background-color:#7a6f63;
	font-size:14px;
}  


#mainContain {
	background-color: #FFFFFF;
    border: 4px solid #000000;
    border-radius: 15px 15px 15px 15px;
    box-shadow: 3px 3px 60px #DEDBD8;
    height: auto;
    /*overflow: auto;*/
    padding: 20px;
    position: relative;
    left: 500px;
    top: 100px;
    width: 875px;
	}
	
	
#nav{
    height: 25px;
    left: 685px;
    position: relative;
    top: 75px;
    width: auto;
	}
	

#nav li,
#subNav li {
	float:left;
	padding:10px;
	font-family: 'Raleway', sans-serif;
	font-weight:400;
	}
	
#nav li a,
#subNav li a {
	text-decoration:none;
	font-weight:bold;
	font-family: 'Raleway', sans-serif;
	font-weight:500;
	color:#fff;
	font-size:12px;
	
	}	

#topBox {
	width:835px;
	height:160px;
	position:relative;
	margin:5px;
	top:15px;
	left:10px;
	background-color:#005327;
	border:4px solid #01421f;
	border-radius:15px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e751d', endColorstr='#005327'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#3e751d), to(#005327)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #3e751d,  #005327); /* for firefox 3.6+ */ 
	}
	
	
#topBox .logo{
	margin:5px;
	
	}
	
#topBox .people{
	bottom: 5px;
    left: 247px;
    margin: 5px;
    position: relative;
	
	}
	
#midBoxContain{
	width:875px;
	height:370px;
	top:30px;
	left:15px;
	}
	
#midBoxLeft {
	width:525px;
	height:355px;
	border:4px solid #123846;
	border-radius:15px;
	background-color:#1e5970;
	background-image:url(../images/map.png);
	background-repeat:no-repeat;
	position:relative;
	top:30px;
	left:15px;
	float:left;
	}
	
	
#midBoxLeft p {
	margin:15px;
	padding:5px;
	color:#FFF;
	font-family: 'Raleway', sans-serif;
	font-weight:300;
	}
	
	
	
#midBoxRight {
	width:275px;
	height:355px;
	position:relative;
	float:right;
	top:30px;
	right:15px;
	background-color:#782632;
	border:4px solid #441118;
	border-radius:15px;
	-webkit-box-shadow: inset 0 0 60px #53151d;
    -moz-box-shadow: inset 0 0 60px #53151d;
    box-shadow: inset 0 0 60px #53151d;
	}


#midBoxLeft h1,
#midBoxRight h1,
#botBox h1{
	font-size:20px;
	color:#FFF;
	padding:10px 0 0 5px;
	font-family: 'Raleway', sans-serif;
	font-weight:500;
	}
	
#midBoxLeft h2, 
#midBoxRight h2,
#botBox h2{
	font-size:16px;
	color:#FFF;
	padding:5px 0 0 5px;
	font-family: 'Raleway', sans-serif;
	font-weight:400;
	}
	
#midBoxRight ul,
#botBox ul{
	margin:5px 0 5px 0;

	}
	
.circle{
	list-style:disc inside none;
	}
	
#midBoxRight li,
#botBox li{
	font-size:12px;
	color:#FFF;
	padding: 1px 0;
	margin:0 0 0 15px;
	font-family: 'Raleway', sans-serif;
	font-weight:300;
	}
	
	
#botBox {
	width:835px;
	height:170px;
	position:relative;
	margin:5px 0 45px;
	top:35px;
	left:10px;
	background-color:#70411e;
	border:4px solid #2d1b0d;
	border-radius:15px;
	-webkit-box-shadow: inset 0 0 60px #462913;
    -moz-box-shadow: inset 0 0 60px #462913;
    box-shadow: inset 0 0 60px #462913;
	}
	
	
#content {
	border: 4px solid #123846;
    border-radius: 15px 15px 15px 15px;
    height: auto;
    left: 15px;
    margin: 0 0 50px;
    position: relative;
    top: 30px;
    width: 835px;

	}
	
#content .topText {
	margin:15px;
	padding:5px;
	color:#005327;
	font-family: 'Raleway', sans-serif;
	font-weight:300;
	}
	
#content h1{
	font-size:22px;
	color:#005327;
	padding:10px 0 0 15px;
	font-family: 'Raleway', sans-serif;
	font-weight:500;
	}
	
#content h2{
	font-size:18px;
	color:#005327;
	padding:5px 0 0 15px;
	font-family: 'Raleway', sans-serif;
	font-weight:400;
	}
	
#content h3{
	margin:15px;
	padding:5px;
	color:#000;
	font-family: 'Raleway', sans-serif;
	font-weight:300;
	overflow:hidden;
	text-overflow:ellipsis;
	}
	
.tog1,
.tog2,
.tog3,
.tog4,
.tog5,
.tog6,
.tog7{
	height: auto;
    margin: 5px;
    padding: 5px;
    position: relative;
    top: -25px;
	overflow:hidden;
	text-overflow:ellipsis;
	
	}
	
#content ul,
.tog1 ul,
.tog2 ul,
.tog3 ul,
.tog4 ul,
.tog5 ul,
.tog6 ul,
.tog7 ul
{
	margin:5px 0 5px 0;
	}
	
#content li,
.tog1 li,
.tog2 li,
.tog3 li,
.tog4 li,
.tog5 li,
.tog6 li,
.tog7 li
{
	font-size:14px;
	color:#000;
	padding: 5px;
	margin:0 0 0 15px;
	font-family: 'Raleway', sans-serif;
	font-weight:300;
	}
	
#content p {
	margin:15px;
	padding:5px;
	color:#000;
	font-family: 'Raleway', sans-serif;
	font-weight:300;
	}
	
	
/*#togHolder{
	width: 835px;
	height:auto;
	margin:0 0 10px 0;
	}*/
	
	h4.toggle1,
	h4.toggle2,
	h4.toggle3,
	h4.toggle4,
	h4.toggle5,
	h4.toggle6,
	h4.toggle7
	{
	height:25px;
	width:auto;
	font-size:18px;
	color:#005327;
	padding:10px 0 0 15px;
	font-family: 'Raleway', sans-serif;
	font-weight:500;
	cursor:pointer;
	cursor:hand;
	margin-bottom: 20px;
		}
	
/*.tog1 h1,
.tog2 h1{
	font-size:20px;
	color:#005327;
	padding:10px 0 0 5px;
	font-family: 'Raleway', sans-serif;
	font-weight:500;
	}
	
.tog1 h2,
.tog2 h2{
	font-size:16px;
	color:#005327;
	padding:0 0 0 5px;
	font-family: 'Raleway', sans-serif;
	font-weight:400;
	}
	
.tog1 h3,
.tog2 h3{
	margin:15px;
	padding:5px;
	color:#000;
	font-family: 'Raleway', sans-serif;
	font-weight:300;
	}*/




/*#columnHolder{
	width:830px;
	height:240px;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	}
	

.col1,	
.col2,
.col3{
	float: left;
    text-align: center;
    width: 275px;
	}
	*/
.bold {
	font-weight:bold;
	font-weight:700;
	}
	
.underline {
	text-decoration:underline;
	}
	
.itl {
	font-style:italic;
	}
	
#content #partImg {
	float: right;
    left: -10px;
    padding: 10px;
    position: relative;
    top: -25px;
	}
	
	
#content #aboutImgCon{
	width:800px;
	height:175px;
	}	
	
#content #aboutImg {
	float: right;
	height:380px;
	margin-left: 30px;
	}
	
#content #apprImg {
	float: left;
    margin-right: 10px;
    padding: 20px;
	}
	
#content #servImg {
	 float: right;
    margin:0px 0px 0px 25px;
    padding: 0 20px;
position: relative;
top:-45px;
   
	}

#conContain {
	width:800px;
	height:225px;
	}

.contactInfo {
	width:300px;
	position:relative;
	left:450px;
	top:-185px;
	}

#contactImg {
	left: 20px;
    position: relative;
	}

.smIcons {
	height:30px;
	width:70px;
	position:relative;
	top:115px;
	left:510px;
	}
	
.smIcons li{
	float: left;
	padding:5px;
	}