img {border:0px;}


body {margin:0px; padding:0px;  font-family: verdana, arial; min-height:700px; position:relative; height:100%;}
html{height:100%;}


.float {float:left;}
.absolute {position:absolute;}
.relative {position:relative;}
.center{margin:0 auto; width:1100px; border:0px solid black;}
.full{width:100%; height:100%;}
.clear{clear:both;}


.bottom {bottom:0px;}
.top{top:0px;} 
.right{right:0px;} 
.left{left:0px;}


.bg{height:100%; width:100%; z-index:100; overflow:hidden;}
.bg_top {background-image:url(../i/top_down_bg_02.jpg); width:100%; height:340px;}
.cars_bg {background-image:url(../i/top_bg_06.jpg); width:792px; height:164px;}
.bg_middle {height:100px;top:340px; width:100%; }
.bg_bottom {background-image:url(../i/footer_down_bg_16.jpg); width:100%; height:183px;}
.menu_stripe {width:100%; top:156px; height:31px; background-color:#1d5295;}
.auto_bottom{background-image:url(../i/car_left_down_18_25.png); width:188px; height:127px; border:0px solid black;}
.logo_bottom{background-image:url(../i/logo_footer_21.png); 
background-repeat:no-repeat;
width:450px; height:105px; border:0px solid black;}
.bg_bottom{min-width:1100px}

.nav{height:100%; width:100%; z-index:200;}
.nav_top{width:100%; height:340px;}

.logo {border:0px solid black;}
.cars {border:0px solid black; width:602px;height:340px; 	
		background-image:url(../i/cars_03.png); 
		background-repeat:no-repeat;
		background-position:3px 60px;
		}

.content {z-index:300; height:100%; width:100%;}
.content_top{width:100%; height:340px;}
.content_slogan{color:#ffffff /*#e0e5ea*/ ;font-size:1.4em;}
.content_menu {top:156px; width:500px;}
.content_menu ul {list-style-type:none; padding:0; margin:0;  height:31px; border-bottom:1px solid #7c8ea4;}
.content_menu_list li {
	float:left; height:31px;
	background-image:url(../i/menu_button_13.png); 
	repeat-y:none; 
	display:block; 
	color:#ffffff;
	padding:0 9px 0 9px;
	line-height:31px;
	border-right:1px solid #2a476c;
	border-left:1px solid #5d82b3;
	}
.content_menu_list li a {text-decoration:none; color:#8fa8c9; display:block; height:31px; float:left;}

.content_menu_list li a.active{color:#ffffff;}

#side-menu{list-style-type:none;}
#side-menu li {margin-bottom:20px;;}
#side-menu li a {text-decoration:none; color:#000000;}
#side-menu li a.active-side-menu{font-weight:normal;  background-color:grey; color:white;}
#side-menu li a:hover {text-decoration:underline; background-color:grey; color:white; }

.content_menu_list li a:hover{color:#ffffff;}
.line {width:1px; background-color:#173356; height:31px;}
.line-2 {width:1px; background-color:#173356; height:31px;}
.line-3 {width:1px; background-color:#173356; height:31px;}

.content_bottom {width:100%; height:183px;}
.copyright{top:130px; left:200px; font-size:0.8em; color:#4d5d72}
.copyright a {color:#4d5d72; text-decoration:none;}
.contacts{font-size:0.8em;color:#4d5d72; top:120px; right:60px;}

.content_middle{top:230px;}

ul#carousel{list-style-type:none; height:444px; margin:0; padding:0}

ul#carousel a img{border:0;}

.content_column_carousel {width:170px; position:relative; top:10px;  overflow:hidden;min-height:460px;}
.content_column_text {width:600px; margin-left:8px; min-height:300px;}
.content_column_text.projects {width:1000px; position:relative; top:-20px; left:0px; min-height:500px;}
p, h3 {margin:0}
h3{margin-top:20px;}
h2,h3 {font-weight:normal}

#contact_form input, #contact_form textarea{display:block; width:416px;}
#contact_form {margin-top:30px;}
/*
rotator
*/

.main_image {
    width: 600px;
    height: 400px;
    float: left;
    background: #333;
    position: relative;
    overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    color: #fff;
	
}
.main_image h2 {
    font-size: 2em;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 10px;
}
.main_image p {
    font-size: 1.2em;
    line-height: 1.6em;
    padding: 10px;
    margin: 0;
}
.block small { /*--We'll be using this same style on our thumbnail list--*/
    font-size: 1em;
    padding: 0 0 0 20px;
    background: url(icon_calendar.gif) no-repeat 0 center;
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
    position: absolute;
    bottom: 0;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 100%;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.main_image .block{
    width: 100%;
    background: #111;
    border-top: 1px solid #000;
}
.main_image a.collapse { /*--This is our hide/show tab--*/
    background: url(btn_collapse.gif) no-repeat left top;
    height: 27px;
    width: 93px;
    tsext-indent: -99999px;
    position: absolute;
    top: -27px;
    right: 20px;
}
.main_image a.show {background-position: left bottom;}

.image_thumb {
    float: left;
    width: 250px;
    background: #f0f0f0;
    border-right: 1px solid #fff;
    border-top: 1px solid #ccc;
	}
.image_thumb img {
    border: 1px solid #ccc;
    padding: 5px;
    background: #fff;
    float: left;
}
.image_thumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.image_thumb ul li{
    margin: 0;
    padding: 8px 0px;
    background: #f0f0f0 url(nav_a.gif) repeat-x;
    width: 250px;
    float: left;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    border-right: 1px solid #ccc;
}
.image_thumb ul li.hover { /*--Hover State--*/
    background: #ddd;
    cursor: pointer;
}
.image_thumb ul li.active { /*--Active State--*/
    background: #fff;
    cursor: default;
}
html .image_thumb ul li h2 {
    font-size: 1.5em;
    margin: 5px 0;
    padding: 0;
}
.image_thumb ul li .block {
    float: left;
    margin-left: 10px;
    padding: 0;
    width: 150px;
}
.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/

.collapse {color:white;}

.other_autos{margin-top:10px; display:block;font-size:0.8em; text-decoration:none; color:#1d5295;}
.other_autos:hover{text-decoration:underline;}

.other_autos_top{margin-bottom:10px; display:block;font-size:0.8em; text-decoration:none; color:#1d5295;}
.other_autos_top:hover{text-decoration:underline;}

#carousel li a {display:block; height:100px;}
#carousel li {height:100px;display:block; margin-bottom:5px; }

.announces {margin-top:30px;}
.project_announce p { float:left; margin-left:30px; }
.project_announce {margin-left:60px;}

.news_container{padding-left:60px;}

.news_container h3 a {color:#78889e;}

.news_container a:hover{color:green;} 
.news_container h3 a:hover{text-decoration:underline;}

.news_container a {text-decoration:none; color:#000000; display:block; margin-top:10px;}
.date{font-size:0.8em; margin-top:5px; margin-left:0px;}


span.carousel-next{display:block;text-indent:-10000px; background:url(../i/arrow_down.png) 20px 0  no-repeat; height:20px;}
span.carousel-previous{display:block;text-indent:-10000px;background:url(../i/arrow_up.png)20px 5px no-repeat; display:block; height:25px; }
.carousel-control:hover{-moz-opacity:.7;opacity:0.70;filter:alpha(opacity=70);}
.disabled,#container .carousel .disabled:hover{-moz-opacity:.1;opacity:0.10;filter:alpha(opacity=10);cursor:default;}

.carousel.js{position:relative; top:-5px;}

/*
span.carousel-next{display:block;margin-left:50px; height:12px; cursor:pointer;}
span.carousel-previous{display:block;margin-left:40px; margin-bottom:7px; cursor:pointer;}
.disabled,#container .carousel .disabled:hover{color:grey;}

*/
