@font-face {
    font-family: 'GnuolaneRg';
    src: url('fonts/gnuolane.eot');
    src: url('fonts/gnuolane.eot?#iefix') format('embedded-opentype'),
         url('fonts/gnuolane.woff') format('woff'),
         url('fonts/gnuolane.ttf') format('truetype'),
         url('fonts/gnuolane.svg#Gnuolane') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; margin:0; padding:0; background:url(images/gui/home_bg_main.png) top repeat-x #9e9e9e}

.main_frame {width:990px; margin:0 auto; padding:0 8px;}
#navigation {height:46px; background:url(images/gui/navi_bg.jpg) repeat-x;} 
#navigation_content_frame {margin:0 auto; width:990px; padding-top:5px;}
#header_logo {width:295px; height:133px; background:url(images/gui/logo_header.jpg); float:left}
#header_subnavi {margin-left:295px; width:703px; height:133px; background:url(images/gui/header_highlight.jpg) right no-repeat; }

#tag_line { height:71px; padding:23px 0 0 246px; font-family:'GnuolaneRg'; font-size:24px; color:#666}
#subnavi_left {background:url(images/gui/sub_navi_left.png) no-repeat right; width:257px; height:39px; float:left; margin-left:50px}
#subnavi_right {background:url(images/gui/sub_navi_right.png); width:15px; height:39px; float:left}
#subnavi {list-style:none; margin:0; padding:0}
#subnavi li {float:left; background:url(images/gui/sub_navi_mid.png) repeat-x top; height:26px; padding:13px 20px 0 15px;}


#subheader_frame {width:1006px; margin:0 auto; padding:0 8px; background:url(images/gui/content_bg.png) repeat-y center; }
#subheader_fill_l {width:8px; height:250px; background:url(images/gui/subheader_sides_bg.png) repeat-x; float:left;}
#subheader_fill_r {width:8px; height:250px; background:url(images/gui/subheader_sides_bg.png) repeat-x; margin-left:998px;}
#sidebar {width: 295px; background:url(images/gui/home_subheader_bg.png) repeat-x #2c2c2c; float:left; margin-bottom:6px;}

#sidebar_txt {color:#FFF; font-size:14px; padding:0 20px 0 25px; line-height:18px;} 
#sidebar_txt a {font-size:20px; color:#09F}

#content_sub{ width:690px; background:#900; float:left; background:url(images/gui/subheader_sides_bg.png) repeat-x top; min-height:249px; padding:8px 0 0 5px;}
#content {background:url(images/gui/content_mid.png) repeat-y; width:639px; min-height:260px; padding:10px 25px; margin-top:-12px;}
#content_top {background:url(images/gui/content_top.png); height:7px; width:689px; display:block; margin-bottom:12px}

#subheader_addon {width:1006px; height:14px; background:url(images/gui/subheader_bg_bottom.png); margin:0 auto}
#home_subheader_frame {width:990px; margin:0 auto; padding:0 8px; background:url(images/gui/home_subheader_bg_bottom.png) bottom no-repeat; }
#home_subheader {height:282px; width: 295px; background:url(images/gui/home_subheader_bg.png) repeat-x #2c2c2c; float:left}
#home_slideshow {width:690px; height:280px; margin-left:300px; padding-top:8px;}
#home_subheader_addon {background:url(images/gui/home_subheader_bg_addon.png) no-repeat right bottom; height:8px;}





#featured_project {background:url(images/gui/featured_project_bg.jpg) center; height:249px;}
#featured_project_des {width:190px; padding:20px; float:left}
#featured_project_content { margin-left:190px;}

#content_frame {background-color:#fff}

.content_navi_divider {float:left; width:2px; height:135px; background:url(images/gui/content_navi_divider.png) no-repeat; background-position: 0 0;}
#content_navi_a {float:left; width:194px; height:135px; padding-left:20px; background:url(images/gui/bullets.png) no-repeat; background-position:20px 47px}
#content_navi_b {float:left; width:241px; height:135px; padding-left:20px; background:url(images/gui/bullets.png) no-repeat; background-position:20px -71px}
#content_navi_c {float:left; width:201px; height:135px; padding-left:20px; background:url(images/gui/bullets.png) no-repeat; background-position:20px -189px}
#home_ad {margin-left:700px; width:290px; height:135px; background:url(images/gui/home_ad.jpg);}
.content_navi {list-style:none; margin:0; padding:0}
.content_navi li {height:20px; padding-left:20px;}

.divider {height:4px; background:url(images/gui/divider.png);}
.content {padding:15px 20px 10px 20px;}
.communities { float:left; padding:5px 20px 0 10px;}

#footer {background:url(images/gui/footer_bg_sides.png) repeat-x;}
#footer_content_frame {height:178px; background:url(images/gui/footer_bg_center.png) repeat-x; width:990px; margin:0 auto;}
#footer_bottom {background:url(images/gui/footer_bottom.png) no-repeat top; height:14px; margin-bottom:20px;}

.featured_content {background:#414141; height:46px; width:186px; color:#FFF; padding:3px 14px 0 14px;}
.featured_bottom {background:url(images/featured/featured_bottom.png); width:214px; height:7px; }
.featured_top {background:url(images/featured/featured_top.png); width:200px; height:20px; padding:7px 0 0 14px; font-size:13px; color:#FFF; font-weight:bold}



a {color:#444; text-decoration:none}
a:hover {color:#2781d7; text-decoration:underline;}
h1 {color: #2781D7; font-size:22px; margin:0; padding:0}
h2 {color:#2781d7; font-size:15px;}


#footer_navi { padding:22px 20px;}
#footer_navi ul{ list-style:none; margin:0px; padding:0;}
#footer_navi ul li {float:left; padding:7px 12px; background:#333; -moz-border-radius: 5px;
border-radius: 5px; margin:1px; border:1px solid #444}
#footer_navi ul li a {color:#FFF; text-decoration:none}
#footer_navi ul li:hover {background:#FFF !important}
#footer_navi ul li:hover a {color:#333;}




.center_txt { text-align:center;}
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}









ul.topnav { list-style: none; padding: 0; margin: 0; float: left;}
ul.topnav li { float: left; margin: 0; padding: 0; position: relative; /*--Declare X and Y axis base for sub navigation--*/}
ul.topnav li a{ display: block; text-decoration: none; float: left; color:#FFF; }
ul.topnav li a b {color:#FC0;}
ul.topnav li ul.subnav { list-style: none; position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 20px; top: 35px; background: #333; margin: 0; padding: 0; display: none; float: left; width: 205px; border: 1px solid #111; }
ul.topnav li ul.subnav li{ margin: 0; padding: 0; border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/ clear: both; width: 205px;}
ul.topnav li ul.subnav li a { float: left; width: 165px; background: #333; padding: 4px 20px; }
ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/background: #222;}



.button_a, .button_b, .button_c, .button_d, .button_e {margin:0 28px 0 28px;}

.button_a {float:left; display:block; background-image:url(images/gui/navi_main.png);
	width:120px; height:36px;	
	background-position: top left;}

.button_a span.hover { position: absolute; display: block; background-image:url(images/gui/navi_main.png);
	width:120px; height:36px;
	background-position: bottom left;}


.button_b {float:left; display:block; background-image:url(images/gui/navi_main.png);
	width:194px; height:36px;	
	background-position: -120px 0;}

.button_b span.hover { position: absolute; display: block; background-image:url(images/gui/navi_main.png);
	width:194px; height:36px;
	background-position: -120px 36px;}


.button_c {float:left; display:block; background-image:url(images/gui/navi_main.png);
	width:152px; height:36px;	
	background-position: -314px 0;}

.button_c span.hover { position: absolute; display: block; background-image:url(images/gui/navi_main.png);
	width:152px; height:36px;
	background-position: -314px 36px;}


.button_d {float:left; display:block; background-image:url(images/gui/navi_main.png);
	width:126px; height:36px;	
	background-position: -466px 0;}

.button_d span.hover { position: absolute; display: block; background-image:url(images/gui/navi_main.png);
	width:126px; height:36px;
	background-position: -466px 36px;}


.button_e {float:left; display:block; background-image:url(images/gui/navi_main.png);
	width:115px; height:36px;	
	background-position: top right;}

.button_e span.hover { position: absolute; display: block; background-image:url(images/gui/navi_main.png);
	width:115px; height:36px;
	background-position: bottom right;}
	
.size-thumbnail {float:left; border:8px solid #FFF; box-shadow:2px 2px 4px 4px #BBB; margin:5px 35px 20px 0 }