@charset "utf-8";

/* CSS Document */

body{

		background:#ebebeb 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:250px;} 

#outwrapin{ height:200px; 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: 300px; 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; }





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; }



#textSlide                              { padding: 0px 30px; }

a.footer{

color:#d1cec4;

outline:none;

text-decoration:underline;

}