@charset "utf-8";
/* ------ CSS RESET ------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	font: 11px/1.5 Verdana, Arial, Helvetica, sans-serif;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* ------ CSS RESET END ------ */

/* ------ CSS COMMON ELEMENTS ------ */

body { background:#fff; }

a {	color:#f90; }

a:hover { color:#c00; text-decoration:none; }

input { margin:2px; padding:2px 1px; color:#0095d9; font-size:10px; }

select { margin:2px; font-size:10px; }

/* ------ CSS COMMON ELEMENTS END ------ */

h1 {
	color:#f90;
	font-size:18px;
	font-weight:bold;
	padding:70px 0 0 45px;
}

h2 {
	color:#fff;
	font-size:12px;
	font-weight:bold;
	padding:0 0 0 45px;
}

h3 {
	color:#f90;
	font-size:18px;
	font-weight:bold;
	padding:10px 0 10px 0;
}

h4 {
	color:#665522;
	font-size:13px;
	text-transform:uppercase;
}

h4 a {
	color:#665522;
}

h5 {
	color:#369;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
}

h5 a, h5 a:hover {
	color:#369;
	text-decoration:none;
}

/* ------ CSS MAIN DIVS START ------ */

#pagewidth {
	width:964px;
	margin:auto;
}

#header {
	width:964px;
	height:95px;
	background:#fff url(images/mainmenu_back.png) repeat-x; 
}

content {
	width:964px;
}

#contenttitle {
	width:964px;
	height:225px;
}

#maincol {
	float:left;
	display:inline;
	width:570px;
	margin-left:45px;
}

#rightcol {
	float:right;
	display:inline;
	width:314px;
	margin-right:15px;
	margin-top:50px;
}

#footer {
	clear:both;
	font-size:9px !important;
	color:#999;
	background:#fff url(images/footer_back.png) repeat-x;
}



/* ------ CSS MAIN DIVS END ------ */

/* ------ CSS MENUS START ------ */

#mainmenu {
	margin-top:25px;
	margin-left:24px;
	float:left;
}

#mainmenu ul{
	white-space: nowrap;
}

#mainmenu ul li{
	float:left;
	position:relative;
	margin:0;
	padding:0;
	display:block;
}

#mainmenu ul li a{
	width:auto;
	color:#999;
	display:block;
	float:left;
	padding:10px 15px 10px 15px;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	height:20px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	height:25px;
}

#mainmenu ul li a:hover, #mainmenu ul li a.selected{
	color:#333;
}

#submenu {
	width:620px;
	height:40px;
	margin-left:45px;
}

#submenu ul{
	white-space: nowrap;
}

#submenu ul li{
	float:left;
	position:relative;
	margin:0;
	padding:0;
}

#submenu ul li a{
	margin:0;
	color:#999;
	display:block;
	padding:8px 0 0 0;
	width:115px;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	text-align:center;
	height:30px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	height:38px;
}

#submenu ul li a:hover{
	color:#333;
}

#submenu ul li a.selected{
	color:#333;
	background:url(images/submenu_btn.jpg) no-repeat top left;
}

/* ------ CSS MENUS END ------ */

#logo {
	height:95px;
	padding:0 0 0 45px;
	float:left;
}

#home_left {
	float:left;
	width:240px;
	margin-right:5px;
}

#home_right {
	float:left;
	width:240px;
}

#maincol p {
	margin-bottom:7px;
}

#maincol ul {
	list-style-type:circle;
	line-height:1.5em;
	margin-bottom:10px;
	margin-left:20px;
}

#home_left h3, #home_center h3, #home_right h3 {
	margin:0;
	padding:5px;
	color:#f90;
}

#content ol {
	margin-left:20px;
}

div.rightblock {
	width:187px;
	background:url(images/right_block_back.png) no-repeat top center;
}

div.rightblockcontent {
	width:173px;
	margin:auto;
	background:#f2f6fe url(images/right_block_content_back.png) no-repeat bottom center;
	font-size:9px;
}

div.rightblockcontent p {
	padding:3px 5px 3px 0;
	border-top:1px solid #fff;
	border-bottom:1px solid #b8c9ed;
	clear:left;
}

div.rightblockcontent p a {
	color:#003162;
	text-decoration:none;
}

div.rightblockcontent p.selected a {
	color:#c60;
	text-decoration:none;
}

div.rightblockcontent p a:hover {
	background:none;
	text-decoration:underline;
}

.date {
	font-size:10px;
	font-family:"Courier New", Courier, monospace;
	color:#758090;
}

.modthumb {
	padding:2px;
	margin-bottom:50px;
}

.sitethumb {
	float:left;
	width:250px;
	text-align:center;
	margin:5px 5px 25px 5px;
	background:#fff url(images/portfolio_back.png) no-repeat center top;
	padding:5px;
}

p.sitethumb a {
	text-decoration:none;
}

img.sitethumbpop {
	padding:3px;
	border:1px solid #f90;
	background-color:#666;
	margin:10px;
}

#footer table tr td {
	font-size:9px;
	padding:4px;
}

div.vcard  {
	width:180px;
	height:120px;
	float:left;
	font-size:9px;
	margin-left:10px;
	margin-top:10px;
}

div.vcard div, div.vcard span {
	font-size:9px;
}

div.vcard span.org, div.vcard span.title {
	font-size:9px;
	font-weight:bold;
}

#mmdownload {
	background: url(images/dl_mm_back.png) no-repeat top left;
	height:77px;
}

#amdownload {
	background: url(images/dl_am_back.png) no-repeat top left;
	height:77px;
}

#smdownload {
	background: url(images/dl_sm_back.png) no-repeat top left;
	height:77px;
}

#emdownload {
	background: url(images/dl_em_back.png) no-repeat top left;
	height:77px;
}

#stdownload {
	background: url(images/dl_st_back.png) no-repeat top left;
	height:77px;
}

p.dltitle{
	font-size:20px;
	font-weight:bold;
	color:#c00;
	padding:20px 0 0 80px;
	margin:0 !important;
}

p.dltitle a, p.dltitle a:hover {
	color:#c00;
	text-decoration:none;
}

.dltext {
	font-size:9px;
	color:#666;
	padding:0 0 5px 80px;
}

#mm_rightinfo {
	width:314px;
	height:250px;
	background:#fff url(images/mm_right_back.png);	
}

#em_rightinfo {
	width:314px;
	height:250px;
	background:#fff url(images/em_right_back.png);	
}

#sm_rightinfo {
	width:314px;
	height:250px;
	background:#fff url(images/sm_right_back.png);	
}

#ac_rightinfo {
	width:314px;
	height:250px;
	background:#fff url(images/ac_right_back.png);	
}

.rightinfo1 a {
	display:block;
	float:left;
	width:135px;
	margin:0;
	padding:190px 10px 10px 10px;
	text-align:center;
	color:#999;
	font-size:9px;
}

.rightinfo2 a {
	display:block;
	float:right;
	width:135px;
	margin:0;
	padding:190px 10px 10px 10px;
	text-align:center;
	color:#999;
	font-size:9px;
}

#rightbuttons {
	margin-top:7px;
}

.btn_pdf {
	background:#fff url(images/btn_pdf.png) no-repeat top left;
	float:left;
	width:116px;
	height:36px;
	padding:8px 0 0 43px;
	color:#fff;
	font-size:13px;
	font-weight:bold;
}

.btn_buy {
	background:#fff url(images/btn_buy.png) no-repeat top left;
	float:left;
	width:110px;
	height:36px;
	padding:8px 0 0 43px;
	color:#fff;
	font-size:13px;
	font-weight:bold;
}

p.btn_buy a, p.btn_pdf a {
	color:#fff;
	text-decoration:none;
}

.drebentext {
	font-size:9px;
	color:#555;
}

p.newsdate {
	width:40px;
	height:55px;
	text-align:center;
	float:left;
	background:#fff url(images/date.gif) no-repeat;
	color:#e7be95;
	font-size:17px;
	font-weight:bold;
}
span.newsmonth {
	color:#fff;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
}
div.newstext {
	margin-left:50px;
}

p.logdate {
	width:50px;
	height:55px;
	text-align:center;
	float:left;
	background: url(images/datel.gif) no-repeat center center;
	color:#95c4e7;
	font-size:17px !important;
	font-weight:bold;
	padding:10px 5px 3px 5px !important;
	margin:3px 0;
	line-height:22px !important;
}
p span.logmonth {
	color:#fff;
	font-size:9px;
	font-weight:normal;
	text-transform:uppercase;
}

div.lastprojects {
	padding-left:50px;
	height:55px;
	background:#fff url(images/website.gif) no-repeat;
	font-size:17px;
	font-weight:bold;
}

div.infodocs {
	padding-left:50px;
	height:55px;
	background:#fff url(images/pdfinfo.gif) no-repeat;
	font-size:17px;
	font-weight:bold;
}

p.shortdesc {
	color:#aaa;
	font-size:11px;
}

p.tutorialnum {
	width:40px;
	height:55px;
	text-align:center;
	float:left;
	background:#fff url(images/tutorial.gif) no-repeat;
	color:#8fb3e6;
	font-size:17px;
	font-weight:bold;
}

div.tutorialtext {
	margin-left:50px;
}

#updheader {
	margin-top:30px;
	padding-top:15px;
	width:570px;
	background:#fff url(images/upd_back.png) no-repeat;
	
}

#updheader h4 {
	margin-left:90px;
	font-size:12px;
	font-weight:bold;
	color:#f90;
	text-transform:none;
}

#updheader h5 {
	margin-left:90px;
	font-size:11px;
	color:#666;
	font-weight:normal;
	text-transform:none;
}

#updheader h5 span {
	color:#c00;
}

#updheader p {
	margin-top:15px;
	margin-left:90px;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
	color:#c00;
}

#updlines h4 {
	background: #fff url(images/upd_line_back.png) repeat-x;
	border-top:1px solid #ddd;
	text-transform:none;
	font-size:11px;
	color:#c00;
	padding:5px;
}

#updlines h4 strong{
	font-weight:normal;
	color:#333;
}

#updlines p {
	font-size:10px;
	color:#555;
	padding:0 5px 5px 5px;
}

#home_footer {
	background:#fff url(images/home_footer_back.png) no-repeat center top;
	padding-top:60px;
	padding-bottom:30px;
}

#home_footer table {
	width:964px;
	text-align:center;
	border-collapse:separate;
	border-spacing:3px;
}

#home_footer table tr td {
	width:186px;
}


#home_footer table tr td p {
	color:#444;
	font-size:10px;
}



#lastprojectspic {
    position:relative;
    height:205px;
}

#lastprojectspic div{
    position:absolute;
    top:0;
    left:0;
    z-index:8;
	background:#fff;
}

#lastprojectspic div.active {
    z-index:10;
}

#lastprojectspic div.last-active {
    z-index:9;
}


 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 } 
.clearfix{ display:inline-table;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  
 
 /*printer styles*/ 
@media print{ 
/*hide the left column when printing*/ 

}