@charset "utf-8";
/*========================================== =GENERAL =====*/

*{
font-family:Verdana, Arial, sans-serif;
color:#3e3e3e;
outline:0;
padding:0;
margin:0;
border:0 none;
text-decoration:none;
white-space:normal;
vertical-align:baseline;
list-style:none;
}

body{
background:#cdd1b7 url(img/bkgd.gif) repeat;
font-size:11px;
line-height:1.5em;
}

:focus {outline:none;}

.skip {display:none;}

/*========================================== =HEADER =====*/
#wrapper {
position:relative;
margin:0 auto;
width:850px;
}

#masthead {
	height:120px;
	position:relative;
}

h1 a {
	background:transparent url(img/logo.png) no-repeat 0 0;
	display:block;
	float:left;
	height:68px;
	margin:20px 0;
	text-indent:-9000px;
	width:334px;
}

#group {
	float:right;
	padding-top:52px;
	width:493px;
}

#tag_line {
	background:transparent url(img/tag_line.png) no-repeat 0 0;
	height:12px;
	margin:0 0 20px 75px;
	text-indent:-9000px;
	width:324px;
}

/*========================================== =NAV =====*/
#nav {
/*margin:0 0 0 360px;*/
/*padding:0 0 36px 0;*/
}

#nav li {
float:left;
display:inline;
margin:0 4px 0 0;
}

#nav li a {
display:block;
width:93px;
height:42px;
}

a#nav_home {
text-indent:-9000px;
background:url(img/nav_home.png) no-repeat;
}

a#nav_home:hover {
text-indent:-9000px;
background-position:0 -6px;
}

body#home a#nav_home {
text-indent:-9000px;
background:url(img/nav_home_white.png) no-repeat;
}

a#nav_about {
text-indent:-9000px;
background:url(img/nav_about.png) no-repeat;
}

a#nav_about:hover {
text-indent:-9000px;
background-position:0 -6px;
}

body#about a#nav_about {
text-indent:-9000px;
background:url(img/nav_about_white.png) no-repeat;
}

a#nav_services {
text-indent:-9000px;
background:url(img/nav_services.png) no-repeat;
}

a#nav_services:hover {
text-indent:-9000px;
background-position:0 -6px;
}

body#services a#nav_services {
text-indent:-9000px;
background:url(img/nav_services_white.png) no-repeat;
}

a#nav_projects {
text-indent:-9000px;
background:url(img/nav_projects.png) no-repeat;
}

a#nav_projects:hover {
text-indent:-9000px;
background-position:0 -6px;
}

body#projects a#nav_projects {
text-indent:-9000px;
background:url(img/nav_projects_white.png) no-repeat;
}

a#nav_contact {
text-indent:-9000px;
background:url(img/nav_contact.png) no-repeat;
}

a#nav_contact:hover {
text-indent:-9000px;
background-position:0 -6px;
}

body#contact a#nav_contact {
text-indent:-9000px;
background:url(img/nav_contact_white.png) no-repeat;
}

/*========================================== =CONTENT WELL =====*/
#content {
position:relative;
background:#FFF;
width:850px;
padding-bottom:10px;
}

#pic_main {padding:20px;}

#tag_line2 p {
text-indent:-9000px;
margin:0 0 20px 60px;
width:405px;
height:86px;
background:url(img/tag_line2.gif) no-repeat;
}

#left_side {
float:left;
width:550px;
}

#left_side p {padding:0 20px 10px 20px;}

hr {
display:list-item;
list-style:url(img/divider.jpg) inside;
filter:alpha(opacity=0);
margin:4px 0 12px 85px;
}

#side_bar {
float:right;
width:300px;
}

h2, h3 {color:#780032;}

h2, #left_side h3, #left_side ul {padding:0 0 0 20px;}

#why_choose {background:url(img/why_choose.jpg) no-repeat;}

#explore {background:url(img/explore.jpg) no-repeat;}

#about_side1 {background:url(img/about_side1.jpg) no-repeat;}

#about_side2 {background:url(img/about_side2.jpg) no-repeat;}

#services_side1 {background:url(img/services_side1.jpg) no-repeat;}

#services_side2 {background:url(img/services_side2.jpg) no-repeat;}

#projects_side1 {background:url(img/projects_side1.jpg) no-repeat;}

#projects_side2 {background:url(img/projects_side2.jpg) no-repeat;}

#contact_side1 {background:url(img/contact_side1.jpg) no-repeat;}

#contact_side2 {background:url(img/contact_side2.jpg) no-repeat;}

#why_choose, #explore, #about_side1, #about_side2, #services_side1, #services_side2, #projects_side1, #projects_side2, #contact_side1, #contact_side2 {
width:273px;
height:148px;
margin-left:10px;
}

#why_choose h3, #explore h3, #about_side1 h3, #about_side2 h3, #services_side1 h3, #services_side2 h3, #projects_side1 h3, #projects_side2 h3, #contact_side1 h3, #contact_side2 h3 {
padding:15px 0 0 10px;
}

#why_choose p, #explore p, #about_side1 p, #about_side2 p, #services_side1 p, #services_side2 p, #projects_side1 p, #projects_side2 p, #contact_side1 p, #contact_side2 p {
margin:0 0 5px 0;
padding:0 0 0 10px;
width:200px;
}

#left_side a, #side_bar a {color:#780032;}

#left_side a:hover, #side_bar a:hover {
color:#780032;
text-decoration:underline;
}

.credit {
font-size:9px;
font-style:italic;
}

.divider, #left_side h3 {clear:both;}

img#about_pic {
float:left;
margin:3px 8px 0 20px;
padding:2px;
border:1px solid #cdd1b7;
}

#side_pics1 img, #side_pics2 img, ul.project_list img, #project_res img, #project_com img, #map {
padding:2px;
border:1px solid #cdd1b7;
}

p.serv_title {margin:3px 0 0 -18px;}

p.serv_title a {color:#780032;}

#projects_res {
float:left;
margin:0 10px 0 0;
}

#side_pics1 {
float:right;
margin:0 0 10px 17px;
}

#side_pics2 {
float:right;
margin:0 20px 10px 0;
}

ul.contact_list {
margin:10px 0 20px 0;
}

ul#why_choose2 li, ul#services_list li {
list-style:disc;
margin:0 0 7px 15px;
}

ul.project_list li {
float:left;
display:inline;
margin:0 45px 10px 0;
}

#project_res {
float:left;
margin:0 45px 0 0;
}

#project_res ul li, #project_com ul li  {
margin:0 0 10px 0;
}

#project_res p, #project_com p {
font-weight:bold;
font-size:11.5px;
}

#adr {
float:left;
}

#adr p {
padding:0 0 0 20px;
font-weight:bold;
}

#map {
float:right;
margin:0 40px 0 0;
}

/*========================================== =FOOTER =====*/
#footer {margin-bottom:100px;}

#footer p {
font-size:10px;
text-align:center;
padding-top:5px;
}

#footer ul {margin-left:280px;}

#footer ul li {
float:left;
display:inline;
padding:0 5px 0 0;
margin-top:4px;
font-size:10px;
text-transform:uppercase;
}

#footer ul li#last {border:none;}

#footer ul li a {color:#780032;}

#footer ul li a:hover {text-decoration:underline;}


/*========================================== =SLIDER =====*/

#slider1 {
    width: 814px; /* important to be same as image width */
    height: 228px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#slider1Content {
    width: 814px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.slider1Image {
    float: left;
    position: relative;
	display: none;
}
.slider1Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 5px 13px;
    width: 814px;
    background-color: #000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
	-khtml-opacity: 0.6;
    opacity: 0.6;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.slider1Image span strong {
    font-size: 13px;
	color:#FFF;
	 filter: alpha(opacity=100);
    -moz-opacity: 1;
	-khtml-opacity: 1;
    opacity: 1;
}
.bottom {
	bottom: 0;
    left: 0;
	margin:4px 0;
	padding:5px 0;
	width:854px;
}
ul { list-style-type: none;}