﻿@charset "utf-8";
/* CSS Document */
body{
		background:#f7f7f7  url(../images/bg.jpg) top center;
		font-family:Arial, Helvetica, sans-serif;
		min-height:850px;
	}
#logo{ display:block; width:216px; height:143px; position:absolute; margin-left:45px; margin-top:10px;}
#container{
	margin:0 auto;
	width:950px;
	margin-top:110px;
	background:url(../images/lefttopbg.png) top left no-repeat;
	}
#topbar{
	width:950px;
	height:168px;
	background:url(../images/leftmidbg.png) top left repeat-y;
	}
#conttop{
	width:950px;
	padding-top:20px;
	background:url(../images/conttopbg.png) top left no-repeat;
	}
#contbot{
	width:950px;
	padding-bottom:46px;
	background:url(../images/contbotbg.png) bottom left no-repeat;
	}
#content{
	width:950px;
	background:url(../images/contmidbg.png) repeat-y;
	min-height:520px;
	}
#container_bot{
	width:950px;
	padding-top:17px;
	padding-bottom:16px; 
	background:url(../images/leftbotbg.png) bottom left no-repeat;
	}
.navbar{ padding-left:310px; color:#323427}
.navbar a{
	color: #323427;
	font-size: 11pt;
	font-variant: small-caps;
	margin-left: 17px;
	margin-right: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
}
.navbar a:hover{ text-decoration:underline;}
#item{text-decoration:underline;}
.logotext{ width:565px; height:68px; padding-left:350px; margin-top:25px; margin-bottom:45px;}
.services a, #services p{ color:#606e69; font-size:14px; padding-right:35px; padding-left:100px; line-height:18px;}
#services p a{color:#606e69; font-size:14px; line-height:18px; text-decoration:none}
.services a{ color:#606e69; font-size:12px; padding-right:35px; padding-left:100px; line-height:14px;}
.title_h{ font-family:"Century Gothic"; font-size:22px; color:#00462e; padding-left:130px; padding-top:24px; padding-bottom:8px;}
.title{ font-family:"Century Gothic"; font-size:22px; color:#00462e; padding-left:100px; padding-top:24px; padding-bottom:8px;}
.title_pro{ font-family:"Century Gothic"; font-size:22px; color:#00462e; padding-top:10px; padding-bottom:15px; text-align:center}
.aboutimg{ padding:2px;  border:1px solid #666; width:159px; height:119px; margin-right:20px; margin-top:16px; margin-bottom:16px; } 
#services h2{ font-size:14px; color:#606e69; font-weight:bold; padding-left:100px; padding-top:15px; padding-bottom:5px;}
.servicesimg{ margin-left:100px;}
#footer{ margin-top:-20px; font-size:12px; padding-left:380px;}
#footer a{ font-size:12px; color:#000; text-decoration:underline}
#logo:hover{ cursor:pointer}
#aboutcont img{ padding:2px; border:1px solid #666; width:235px; height:165px; float:left; margin:20px 20px 20px 0px ;}
#aboutcont{ padding-left:80px; padding-right:20px;}
#aboutcont p{ color:#606e69; font-size:14px; padding-right:25px; padding-left:20px; line-height:18px;}
#aboutcont h1{ font-family:"Century Gothic"; font-size:22px; color:#00462e; padding-left:130px; padding-top:24px; padding-bottom:8px;}   
table{ margin-left:310px; color:#444732; line-height:30px; padding-top:10px;}
th, td{ text-align:center}
th{ line-height:40px; font-variant:small-caps; font-weight:bold}
#services table tbody tr td p{color:#444732;  line-height:30px; padding:0; margin:0; font-size:16px; font-variant:small-caps; text-align:center}
#leftcont{ display:inline-block; width:450px; _overflow:hidden;/*IE6, IE7*/
  *zoom:1;/*аВаКаЛб�б�аАаЕаМ hasLayout аДаЛб� IE6, IE7*/
  *display:inline; vertical-align:top; padding-top:10px}
#map_canvas{ width:445px; height:505px; display:inline-block; border:5px solid #FFF; _overflow:hidden;/*IE6, IE7*/
  *zoom:1;/*аВаКаЛб�б�аАаЕаМ hasLayout аДаЛб� IE6, IE7*/
  *display:inline; margin-bottom:10px; margin-top:-20px;}
#outwrap{ height:450px;} 
#outwrapin{ height:365px; overflow:auto; width:900px; margin-top:10px; text-align:center;} 
#outwrap p{ color:#606e69; font-size:14px; padding-right:35px; padding-left:100px; line-height:18px;}
#outwrap ul li div{ display:inline-block;_overflow:hidden;/*IE6, IE7*/  *zoom:1;/*аВаКаЛб�б�аАаЕаМ hasLayout аДаЛб� IE6, IE7*/ 
  *display:inline; width:230px; text-align:center}

#outwrap li{color:#444732; font-size:14px; padding-right:35px; padding-left:130px; line-height:18px; text-align:justify;  display:block}
#outwrapin ul li div{ display:inline-block;_overflow:hidden;/*IE6, IE7*/
  *zoom:1;/*аВаКаЛб�б�аАаЕаМ hasLayout аДаЛб� IE6, IE7*/ 
  *display:inline; width:230px; text-align:center}
.proj_imj{ width:670px; padding:2px; border:1px solid #666; height:350px; margin-left:-30px;}   
 #contact_form p{ margin-top:5px; margin-bottom:5px; margin-left:100px; text-align:right}
  #contact_form div p{ margin-top:5px; margin-bottom:5px; margin-left:100px; text-align:center}
  #contact_form p label{ display:inline-block; width:80px; _overflow:hidden;/*IE6, IE7*/
  *zoom:1;/*аВаКаЛб�б�аАаЕаМ hasLayout аДаЛб� IE6, IE7*/
  *display:inline; vertical-align:top; text-align:left;}
#contact_form p input, #contact_form p textarea{ width:225px;}  
.header{ font-variant:small-caps; font-weight:bold; font-size:16px; margin-top:10px}

  
  
  
  
  
  
  
  
  .anythingSlider                         { width: 754px; height: 500px; position: relative; margin: 0 auto }
.anythingSlider .wrapper                { width: 680px; overflow: auto; height: 541px; margin: 0 40px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 517px; width: 680px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -30px; top:130px }
.anythingSlider .back                   { background-position: -67px 0; left: -26px; top:130px }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 480px; text-align: center; }
#thumbNav a                             { color: black; font: 11px/18px; Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(../images/cellshade.png) repeat-x; text-align: center;}
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #e0a213; }

#start-stop                             { color: black; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 60px; top: 65px;  }
/*#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }*/

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }
p{color:#606e69; font-size:13px; padding-right:35px;  line-height:18px;}



a, a img                                { border: 0; text-decoration: none; outline: 0; }

#page-wrap                              { width: 760px;  background: white; margin: 0 auto; position: relative; }
#col1                                   { width: 49%; float: left; margin: 0 0 20px 0; }
#col2                                   { width: 49%; float: right; }



ul li                                   { margin: 0 0 8px 0; }

#dl                                     { position: absolute; top: 10px; right: 0; background: black; color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 6px; }
#dl:hover                               { background: #666; }

/*
    This stuff is for the TitleBlock Plugin
*/
.image                                  { position: relative; width: 100%; }
.image h2                               { position: absolute; top: 220px; left: 0; width: 100%; }
.image h2 span                          { color: white; font: bold 30px/40px Helvetica, Sans-Serif; letter-spacing: -1px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); padding: 6px 8px; }
.image h2 span.spacer                   { padding: 0 2px; background: none; }


/*
    For Specific Slides
*/
#textSlide                              { padding: 0px 30px; }
a.footer{
color:#d1cec4;
outline:none;
text-decoration:underline;
}
