* { margin:0; padding:0; border:0; font-family:Arial, Helvetica, sans-serif;  }

a:link { text-decoration: none;} 
a:active { text-decoration: none} 
a:hover { text-decoration: none;}
a:visited { text-decoration: none;} 	

body 
{ 
    background:url(/image/bg.png) repeat-x;
	margin:0;
	padding:10px 0 40px 0;
	font-size        : 12px;
	font-family      : Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color : #FFF;	
}
ul,
ol { list-style:none; }
*:focus { outline: 0; }
.header { width:950px; height:66px; margin:auto; }
.header .logo { display:block; padding:0px 0 12px; }
.header h1 { text-align:center; width:390px; height:72px; margin:0 auto; background:url(/image/slogan.png) center no-repeat; overflow:hidden; text-indent:-9999px; }
.header .contact { zoom:1; float:right; display:inline; height:37px; margin-top:35px; #width:320px;
}
.header .contact li {
	position:relative;
	float:right;
	display:inline;
	height:18px;
	width:200px;
	margin-right:10px;
	zoom:1;
}



.container { width:938px; height:343px; padding:5px 6px; margin:auto; position:relative; background:url(/image/picFrame.gif) no-repeat; }
.container .frame { background:transparent url(/image/picFrame.gif) no-repeat scroll -6px -5px; height:283px; left:0; position:absolute; top:0; width:940px; }
#scroller-web-wrap { width:10000em; position:absolute; }
#scroller-window,
#scroller-web-window { height:283px; width:940px; overflow:hidden; }
#scroller-window { position:relative; overflow:hidden; }
#scroller-window .project { float:left;}
#scroller-vertical { left:0px; position:absolute; top:0; width:940px; }
#scroller-web-window { overflow:hidden; width:940px; }
.project-dots { z-index:1; bottom:26px; right:50px; position:absolute; }
.button-next-project { z-index:1; position:relative; bottom:22px; margin-right:11px; background:transparent url(/image/icons.gif) -277px top no-repeat; cursor:pointer; height:25px; position:absolute; right:0px; text-indent:-99999em; width:34px; }
.button-next-project:hover { background-position: -277px -25px; }
.button-next-project:active { background-position: -277px -50px; }

.nav_top_button { z-index:1; position:relative; margin-right:26px;bottom:-4px; background:transparent url(/image/navbut.gif) -0px top no-repeat; width:75px; text-align:center; vertical-align:middle; line-height:31px; cursor:pointer;font-weight:bold; color:#000; float:left; height:31px;text-decoration:none;}
.nav_top_button:hover { background-position: -0px -31px;color:#FFF;text-shadow:1px 1px 0 #000; }
.nav_top_button:active { background-position: -0px -62px; line-height:33px;color:#EEE;}
.nav_top_button_active { z-index:1; position:relative; margin-right:26px;bottom:-4px; background:transparent url(/image/navbut.gif)  -0px -62px; width:75px; text-align:center; vertical-align:middle; line-height:31px; font-weight:bold; color:#000; float:left; height:31px;color:#FFF;text-shadow:1px 1px 0 #000;text-decoration:none;}

.download_button { z-index:1; margin-left:12px; background:transparent url(/image/downbut.gif) -0px top no-repeat; cursor:pointer; height:33px; right:0px; text-indent:-99999em; width:114px; }
.download_button:hover { background-position: -0px -33px; }
.download_button:active { background-position: -0px -66px; }

.project-dots a { background:transparent url(/image/icons.gif) -139px top no-repeat; display:block; float:left; height:18px; margin-right:5px; text-indent:-99999em; width:14px; }
.project-dots a.active { background:transparent url(/image/icons.gif) -139px -18px no-repeat;}
.project-dots a:hover { opacity:0.80; }
.contactTbl { border-collapse:collapse; margin:70px auto 0; }
.contactTbl th { width:325px; font-size:14px; color:#3f444e; padding-right:18px; background:url(/image/vLine.png) right repeat-y; }
.contactTbl th a { display:-moz-inline-box; display:inline-block; width:128px; height:28px; color:#fff; font-size:12px; line-height:27px; text-align:center; text-shadow:1px 1px 0 #000; text-decoration:none; background:url(/image/icons.gif) left -90px no-repeat; }
.contactTbl th a:hover { background-position: left -118px; text-shadow:1px 1px 0px #000; }
.contactTbl .mail b { display:-moz-inline-box; display:inline-block; height:14px; width:23px; overflow:hidden; background:url(/image/icons.gif) -156px top no-repeat; vertical-align:middle; margin-right:10px; }
.contactTbl .mail a { color:#3f444e; text-decoration:none; font-size:14px; font-weight:bold; }
.contactTbl .mail a:hover { color:#336699; text-decoration:underline; }
.contactTbl td .facebook,
.contactTbl td .facebook { background-position:-31px top; }
.contactTbl td .facebook:hover { background-position:-31px -31px; }


h3 
{
	font-size      : 14px;
	color:#333;
}

p 
{
	margin     : 0px;
	margin-top : 3px;
	line-height: 180%;
}

.post
{
	padding              : 4px;
	margin-bottom        : 28px;
}
.post h5, .post h2
{
	font-size        : 14px;
	margin           : 0px;
	margin-bottom    : 4px;
}
.post .postfoot
{
	margin           : 0px;
	margin-top       : 14px;
	color            : #AAAAAA;
	border-top       : 1px solid #DDDDDD;
	font-size        : 0.8em;
}
#navbox
{
	font-size       : 1em;
	margin          : 0px;
	padding         : 12px;
    z-index         : 100;
	width           : 910px;
	position        : relative;

}

.Framework
{
	width            : 950px;
	margin           : -65px auto;
	border-left      : 1px solid #0D73BC;
	border-right     : 1px solid #0D73BC;
	border-bottom    : 1px solid #0D73BC;
    position         : relative;
    left             : 0px !important;
}
.MainCell
{
	padding             : 0px;
	background-color    : White;
	vertical-align      : top;
   
}

.FooterCell
{
	vertical-align   : top;
	border-top       : 1px solid #B4B8C4;
	background-color : #EDEDED;
	margin      : 0px;	
	padding-top : 5px;
	text-align  : center;
	font-size   : 12px;	
}