html, body {
    height: 100%; /* Required */
}

body {
    padding: 0px;
	margin: 0px;
	background: #edf0f2;
	padding-bottom: 25px;
	text-align: center;	
}


* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6F838B;
	text-decoration: none;
	margin: 0;
    padding: 0;
    border: 0;
	vertical-align: top;
	text-align: left;
}

h1 , h1 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #79CBDF;
	display: block;
}
h1 a:LINK, h1 a:VISITED { color: #79CBDF;}
h1 a:HOVER, h1 a:ACTIVE { color: #06A6EB;}

h2 , h2 a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #0493D0;
	display: block;
}
h2 a:LINK, h2 a:VISITED { color: #0493D0;}
h2 a:HOVER, h2 a:ACTIVE { color: #06A6EB;}

h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #79CBDF;
	display: block;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	text-transform: lowercase;
	display: inline;
}

a {
	font-weight: bold;
	color: #0480B7;
}
a:LINK, a:VISITED {	color: #0480B7;}
a:HOVER, a:ACTIVE {	color: #06A6EB;}


select {
    font-weight: bold;
	color: #0480B7;
}
input, textarea {
	padding-left: 2px;
	background: #fff;
	border: 1px solid #6F838B;
}

li {
    list-style: url(../images/arrow33.gif);
    vertical-align: middle;
}

.clear {
    clear:both;
    height:1px;
    overflow:hidden;
}

.white { background-color: #fff;}

.bold {	font-weight: bold;}
.center { text-align: center;}

.left {
    float: left;
}
.right {
    float: right;
}

#page {
    text-align: center;
    width: 760px;
    margin: auto;
    height: 100%;
}
#page_inner {
    text-align: center;
    width: 760px;
    margin: auto;
    float: left;
}

#lang {
    color: #fff;
    padding: 4px 11px 0px 0px;
    width: 747px;
    height: 9px;
    background: #80CFE2;
    text-align: right;
    float: right;
}
#lang a:LINK, #lang a:VISITED { color: #fff;}
#lang a:HOVER, #lang a:ACTIVE { color: #fff;}

#header {    
	padding: 0px 0px 0px 0px;
	background: url(../images/header_bkgr.gif) repeat-x bottom #b7bfc4;
	border-left: 1px solid #fff;
    border-right: 1px solid #fff;
	vertical-align: bottom;
	width: 758px;
	float: left;
}
#welcome {
    text-align: right;
    vertical-align: middle;
    width: 345px;
}
#welcome p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #fff;	
	display: inline;
}
#welcome p, #welcome h4 {
    vertical-align: middle;
}
#welcome .small {
    font-size: 11px;
}
#welcome .bold {
    font-weight: bold;
}

#welcome img {
    padding: 0px 20px;
    vertical-align: middle;
}

#header #menu_container {
    text-align: right;
    vertical-align: bottom;
    width: 758px;
    height: 16px;
}
#header .menu , #header .menu_active {
    padding-right: 8px;
    height: 16px;
    display: inline;
}
#header .menu img {
    padding: 0px;
    margin: 0px;
}

#header .menu a {
	font-weight: normal;
	color: #0480B7;	
	padding: 0px 6px 5px 6px;
	vertical-align: top;
	background: url(../images/menu_header_bkgr.jpg);
}
#header .menu a:HOVER, #header .menu a:ACTIVE {
    background: url(../images/menu_header_bkgr_active.jpg);
    color: #fff;
}

#header .menu_active a {
	font-weight: normal;
	color: #fff;
	padding: 0px 6px 5px 6px;
	vertical-align: top;
	background: url(../images/menu_header_bkgr_active.jpg);
}

.body {
    background: url(../images/bkgr.jpg) repeat-x top #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    padding-bottom: 15px;
    margin: auto;
    text-align: center;    
    width: 758px;
    float: left;
}
.body_left {
    background: url(../images/body_left_bkgr.jpg) repeat-y right;
    width: 4px;
    min-height: 100%; /* For Modern Browsers */
    height: auto !important; /* For Modern Browsers */
    height: 100%; /* For IE */    
    float: left;
}
.body_right {
    background: url(../images/body_right_bkgr.jpg) repeat-y left;
    width: 4px;
    min-height: 100%; /* For Modern Browsers */
    height: auto !important; /* For Modern Browsers */
    height: 100%; /* For IE */
    float: right;
}

.logo {
    padding: 64px 0px 0px 18px;
    text-align: center;
    float: left;
}

.teaser {       
    border-left: 1px solid #fff;
    padding: 35px 10px 0px 22px;
    background: url(../images/teaser_bkgr.jpg) no-repeat left bottom #7e8d96;    
    width: 527px;
    height: 165px;
    float: right;
}
.teaser p {
    color: #CDE6F1; 
    text-align: right;
}
.teaser strong {
    color: #fff;
}
.teaser img {
    padding-top: 3px;
    vertical-align: middle;
}
.teaser .right img {
    padding: 0px;
    border: 5px solid #fff;
    margin-left: 14px;
    float: left;
}
.teaser .txt {
    padding-right: 270px;
}
.teaser a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #fff;
}
.teaser a:LINK, .teaser a:VISITED { color: #fff;}
.teaser a:HOVER, .teaser a:ACTIVE { color: #D6EAF1;}
.teaser a.link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
}
.teaser a.link:LINK, .teaser a.link:VISITED { color: #fff;}
.teaser a.link:HOVER, .teaser a.link:ACTIVE { color: #D6EAF1;}


.body-container {    
    margin-top: 1px;
    width: 758px;
    float: left;    
}

#sidebar {    
    padding-right: 20px;
    margin-top: 10px;    
    width: 181px;    
    float: left;
}
#sidebar ul, #sidebar li, #sidebar a {		
	border: 0;
	padding: 0;
	margin: 0;
	display: block;
}
#sidebar ul {
	list-style: none;
	width: 181px;
}
#sidebar li {
    list-style: url(../images/spacer.gif);
    height: 34px;
	position:relative;	
}
#sidebar a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #3F6E83;
	background: url(../images/menus_bkgr.gif) no-repeat right;		
	padding: 11px 0px 11px 21px;
	width: auto !important; /* For Modern Browsers */
	width: 160px; /* IE */
}
#sidebar li.last a {
    color: #3F6E83;
    background: url(../images/arrow.gif) no-repeat right;
}

#sidebar a:hover, #sidebar li.last a:hover {
    color: #fff;
	background: url(../images/arrow2.gif) no-repeat left #0480B7;
	background-position: 5px;
	width: auto !important; /* For Modern Browsers */
    width: 160px; /* IE */
}

.search {
    margin: 40px 0px 0px 20px;
    vertical-align: bottom;
    min-height: 100%; /* For Modern Browsers */
    height: auto !important; /* For Modern Browsers */
    height: 100%; /* For IE */
}
.search form, .search form p, .search h1 {    
    padding: 0;
    margin: 0;
    border: 0;
}
.search form {
	display: inline;
}
.search form p {
    font-family: "Small Fonts", Arial, serif;
	font-size: 7px;
	color: #6F838B;
}
.search input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6F838B;
	padding: 1px 0px 0px 3px;
 	text-align:left;
 	height: 12px;
}
.search img {
    margin: 0px 0px 1px 4px;
    vertical-align: bottom;

}

    
#main-container {
    width: 557px;
    background: url(../images/main_bkgr.gif) repeat-y top left;
    min-height: 100%; /* For Modern Browsers */
    height: auto !important; /* For Modern Browsers */
    height: 100%; /* For IE */
    float: left;
}

#main {    
    padding: 12px 6px 22px 15px;
    text-align: justify;
    margin: auto;
    width: 350px;
    height: 100%;
    float: left;
}
#main .section {    
    padding: 0px 0px 0px 15px;
}
#main .section h1 {
    float: right;
    width: 100%;
}
#main ul {
    padding-left: 15px;
    text-align: justify;
}
#main li {
    text-align: justify;
}
#main p {
    text-align: justify;
}



#news {
    background: url(../images/news_bkgr.jpg) repeat-x top #fff;
    width: 180px;
    text-align: center;
    float: right;
}
#news p {
    padding: 0px 20px 0px 20px;
    margin: 0px;
}
#news h1 a {
    color: #fff;
    border-bottom: 1px solid #fff;
    background: #b7bfc4;
    padding: 15px 0px 12px 0px;
    margin: 0px;
    text-align: center;
}
#news h1 a:LINK, #news h1 a:VISITED { color: #fff;}
#news h1 a:HOVER, #news h1 a:ACTIVE { color: #06A6EB;}

#news .separator {
    background: url(../images/news_separator_bkgr.gif) repeat-x center;
    width: 100px;
    height: 1px;    
    padding: 0px 20px 0px 20px;
    margin: 7px 20px 0px 20px;
}
.pic, .pic1 {    
    margin: 10px 0px 5px 0px;    
}
.pic {
    border: 2px solid #FAFAFA;
    padding: 2px;
}
.pic1 {
    border: 3px solid #fff;
    width: 147px;
}

#thumbs-details {
    width: 180px;
    padding-top: 10px;
    text-align: center;
    float: right;
}
#thumbs-details .right {
    padding: 0px 26px 5px 0px;
}

.separator {
    background: url(../images/separator_bkgr.gif) repeat-x center;
    width: 95%;
    height: 1px;
    margin: 7px 0px 0px 0px;
}



#footer, #footer p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #D9F1F6;
}
#footer {
	background: #b7bfc4;	
	padding: 10px 0px 0px 15px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	width: 743px;
	height: 45px;
	float: left;
}
#footer p {
    display: block;
    margin-top: 6px;
}

#footer a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #fff;
}
#footer a.menu_footer:LINK, #footer a.menu_footer:VISITED { color: #fff;}
#footer a.menu_footer:HOVER, #footer a.menu_footer:ACTIVE {	color: #06A6EB;}

#footer .active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #0480B7;
}
#footer a.active:LINK, #footer a.active:VISITED { color: #0480B7;}
#footer a.active:HOVER, #footer a.active:ACTIVE { color: #06A6EB;}

.body_bottom {
    background: url(../images/body_bottom_bkgr.jpg) repeat-x top;
    width: 760px;
    float: left;
}


.pic1_top { background: url(../images/pic1_top_bkgr.jpg) repeat-x bottom;}
.pic1_left { background: url(../images/pic1_left_bkgr.jpg) repeat-y right;}
.pic1_right { background: url(../images/pic1_right_bkgr.jpg) repeat-y left;}
.pic1_bottom { background: url(../images/pic1_bottom_bkgr.jpg) repeat-x top;}

.pic_top { background: url(../images/pic_top_bkgr.jpg) repeat-x bottom;}
.pic_left { background: url(../images/pic_left_bkgr.jpg) repeat-y right;}
.pic_right { background: url(../images/pic_right_bkgr.jpg) repeat-y left;}
.pic_bottom { background: url(../images/pic_bottom_bkgr.jpg) repeat-x top;}

.categories {
    width: 100%;
    margin-bottom: 10px;
    float: left;
    display: block;
}

.thumb {
    background: url(../images/project_bkgr.jpg) no-repeat;
    width: 97px;
    height: 111px;
    padding: 5px 8px 0px 8px;
}
.thumb_item {
    width: 3px;
    padding: 7px 3px 0px 3px;
    float: left;
}
.thumb_txt {    
    width: 86px;
    padding: 3px 0px 0px 0px;
    vertical-align: top;
    float: right;
}
.thumb_details {
    background: url(../images/project_details_bkgr.jpg) no-repeat;
    width: 168px;
    height: 92px;
    padding: 8px 8px 0px 8px;
}