html { margin:0px; padding:0; text-align:center;}

body {
    margin-bottom:20px;
    margin-top:0px;
    padding:0px;
    background:#fff url('img/body_bg.gif') repeat-x;
    color: #757575;
    text-align:center;
    font-family:Verdana, Arial,Helvetica,Tahoma ;
	  font-size: 10px;
    
    }

img{ border:0; margin:0; padding:0; display:block;}
h1, h2, p, div {padding:0; margin:0;}
#wrapper{ width:950px; padding:0px 0px 0px 0px; margin:0px auto; margin-top:0px; text-align:left; border:0;}

#header{ width: 950px; height:64px; margin:0; padding:0; }
#header img{ border:0; margin:0; padding:0; display:block;}

#main{width: 950px; height: 544px; background: url('img/-wrapper_dummy.jpg') repeat-y;}

#container{width: 950px;}
#container_left{float:left; width:222px; padding:0px 0px 0px 0px; margin:0; text-align:left; border:0;}
#container_right{float:left; width:717px; height:473px;  padding:0px 0px 0px 0px; margin:0;  text-align:left; border:0; background-image: url(img/container_bg.jpg); background-repeat: no-repeat; background-position: top left;}
#container_bottom{height: 71px; background: url('img/container_bottom_bg.jpg');}

#menu{width:180px;}
#menu .container{}
#footer{width: 950px; height: 50px;  color: #777; text-align: right; font-size: 9px;}


/*-------------------links decoration----------------------------------*/
a:link			{ text-decoration: none; color: #000; }
a:visited			{ text-decoration: none; color: #000; }
a:hover			{ text-decoration: none; color: #000; }
a:active			{ text-decoration: none; color: #000; }

#menu a:link			{ text-decoration: none; color: #fff; }
#menu a:visited			{ text-decoration: none; color: #fff; }
#menu a:hover			{ text-decoration: none; color: #fff; }
#menu a:active			{ text-decoration: none; color: #fff; }

a:link.in_text			{ text-decoration: underline; color: #7A7A8B; }
a:visited.in_text			{ text-decoration: underline; color: #7A7A8B; }
a:hover.in_text		{ text-decoration: underline; color: #fff; }
a:active.in_text			{ text-decoration: underline; color: #fff; }

#content_box a:link			{ text-decoration: none; color: #FFA800; }
#content_box a:visited			{ text-decoration: none; color: #FFA800; }
#content_box a:hover			{ text-decoration: none; color: #AAA;}
#content_box a:active			{ text-decoration: none; color: #AAA; }

#contact a:link			{ text-decoration: none; color: #FFA800; }
#contact a:visited			{ text-decoration: none; color: #FFA800; }
#contact a:hover			{ text-decoration: none; color: #fff; }
#contact a:active			{ text-decoration: none; color: #fff; }

#footer a:link			{ text-decoration: none; color: #FFFFFF; }
#footer a:visited			{ text-decoration: none; color: #FFFFFF; }
#footer a:hover			{ text-decoration: none; color: #FFA800; }
#footer a:active			{ text-decoration: none; color: #FFA800; }


/*-----------------------------------------------------------------*/

.clear { height: 0px; clear: both; font-size: 0px; line-height: 0px; background: transparent; }
.fl {float: left;}
.fr {float: right;}
.blue{color: #395571;}
.grey{color:#9F9E9E;}
.lgrey{color: #909090;}
.orange{color: #FFAA00;}
.white{color: #FFFFFF;}
.black{color: #000000;}
.b{font-weight: bold;}
.white_frame{border: 1px solid #FFFFFF;}
.caps{font-variant: small-caps;}
.no_caps{font-variant: normal;}
.upper_case{text-transform:capitalize;}
.no_upper_case{text-transform:none;}
.bigger{ font-size: 12px;}
.ac{text-align: center;}
.al{text-align: left;}
.ar{text-align: right;}
.fs12{font-size: 12px;}

.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}

/* ---------------- SLIDER ------------------------------------------- */
.link {cursor:pointer; color:#666}
.link:hover {color:#000}
.slider {position:relative; overflow:hidden; border:0px solid #9ac1c9; background:transparent; margin-bottom:0px}
.slidercontent {position:absolute}
.slidercontent .upper {border-bottom:1px solid #000}
.section {padding:10px}
.newsslider {position:relative; overflow:hidden; border:2px solid #9ac1c9; height:95px; width:300px; background:#eef5f6; margin-bottom:20px}
.newsslidercontent {position:absolute}
.newsslidercontent .upper {border-bottom:1px solid #000}
.newssection {padding:10px; height:75px}

/*-------------------------------------------------------------------*/

#home{}
#home .left{float: left; width: 225px; color: #7A7A8B;}
#home .left div.inner{padding: 133px 0 0 40px;}
#home .left h1{font-size: 16px; font-weight:normal; color: #fff; padding: 0 0 5px 0;}
#home .left h2{font-size: 14px; font-weight:normal; line-height:14px; color: #BB5C35; padding: 8px 0px 13px 0px;}
#home .right{float: left; width:325px;}
#home .right div.inner{padding: 120px 0 0 0px;}

#what{}
#what .left{float: left; width: 273px; color: #7A7A8B;}
#what .left div.inner{padding: 40px 0px 0 50px;}
#what .left h2{font-size: 14px; color: #fff; padding: 0 0px 5px 0px; margin:0;}
#what .mid{float: left; width:180px; height: 300px; margin: 130px 0 0 0;}
#what .right{float: left; width:263px; color: #7A7A8B;}
#what .right div.inner{padding: 40px 40px 0 0px;}
#what .right h2{font-size: 14px; color: #fff; padding: 0 0px 5px 0px; margin:0;}

#about{}
#about .left{float: left; width: 225px; color: #7A7A8B;}
#about .left div.inner{padding: 133px 0 0 40px;}
#about .left h1{font-size: 16px; color: #fff; padding: 0 0 5px 0;}
#about .left h2{font-size: 14px; color: #BB5C35; padding: 0 0px 5px 0px;}
#about .left div.inner p{margin: 5px 0 0 0;}
#about .right{float: left; width:325px;}
#about .right div.inner{padding: 120px 0 0 0px;}


#portfolio{}
#portfolio .left{float: left; width: 222px; color: #7A7A8B;}
#portfolio .left div.inner{padding: 143px 20px 0 50px;}
#portfolio .left h1{font-size: 16px; color: #fff; padding: 0 0 5px 0;}
#portfolio .left h2{font-size: 14px; color: #BB5C35; padding: 0 0px 5px 0px;}
#portfolio .left div{padding: 10px 0px 0px 0px;}
#portfolio .mid{float: left; width:315px; height: 300px; margin: 108px 0 0 0; background: url('img/portf_bg.jpg') no-repeat;}
#portfolio .right{float: left; width:100px;}
#portfolio .right div.inner{padding: 127px 0 0 60px;}

#contact{}
#contact .left{float: left; width: 340px; color: #7A7A8B;}
#contact .left div.inner{padding: 123px 20px 0 50px;}
#contact .left h1{font-size: 16px; color: #fff; padding: 0 0 5px 0;}
#contact .left h2{font-size: 14px; color: #BB5C35; padding: 0 0px 5px 0px;}
#contact .left div{padding: 8px 0px 0px 0px;}
#contact .right{float: left; width:300px;}
#contact .right div.inner{padding: 155px 0 0 35px;}
#cont_form{}
#cont_form input{background:#000; color:#999; border:1px solid #424250;}
#cont_form textarea {background:#000; color:#999; border:1px solid #424250; overflow: auto;}
#cont_form table{font-size: 11px; color:#7A7A8B;}
#cont_form td{padding: 0 5px 5px 0;}
#cont_form .button{color: #7A7A8B; width: 80px;}