@charset "utf-8";
@font-face {
	font-family: 'Museo-500';
	src: url('../fonts/museo500-regular-webfont.eot');
	src: local('☺'), url('../fonts/museo500-regular-webfont.woff') format('woff'), url('../fonts/museo500-regular-webfont.ttf') format('truetype'), url('../fonts/museo500-regular-webfont.svg#webfontVrnr6UxF') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Calluna';
	src: url('../fonts/calluna-regular-webfont.eot');
	src: local('☺'), url('../fonts/calluna-regular-webfont.woff') format('woff'), url('../fonts/calluna-regular-webfont.ttf') format('truetype'), url('../fonts/calluna-regular-webfont.svg#webfontJluxr96a') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Vollkorn';
	src: url('../fonts/vollkorn-webfont.eot');
	src: local('☺'), url('../fonts/vollkorn-webfont.woff') format('woff'), url('../fonts/vollkorn-webfont.ttf') format('truetype'), url('../fonts/vollkorn-webfont.svg#webfontly7e2l3T') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyriadProRegular';
	src: url('../fonts/myriadpro-regular-webfont.eot');
	src: local('☺'), url('../fonts/myriadpro-regular-webfont.woff') format('woff'), url('../fonts/myriadpro-regular-webfont.ttf') format('truetype'), url('../fonts/myriadpro-regular-webfont.svg#webfontshx5vMqU') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MyriadProLightRegular';
	src: url('../fonts/myriadpro-light-webfont.eot');
	src: local('☺'), url('../fonts/myriadpro-light-webfont.woff') format('woff'), url('../fonts/myriadpro-light-webfont.ttf') format('truetype'), url('../fonts/myriadpro-light-webfont.svg#webfontmtVICeDM') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ColaborateLightRegular';
	src: url('../fonts/ColabLig-webfont.eot');
	src: local('☺'), url('../fonts/ColabLig-webfont.woff') format('woff'), url('../fonts/ColabLig-webfont.ttf') format('truetype'), url('../fonts/ColabLig-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Colaborate-RegularRegular';
	src: url('../fonts/ColabReg-webfont.eot');
	src: local('☺'), url('../fonts/ColabReg-webfont.woff') format('woff'), url('../fonts/ColabReg-webfont.ttf') format('truetype'), url('../fonts/ColabReg-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Colaborate-MediumRegular';
	src: url('../fonts/ColabMed-webfont.eot');
	src: local('☺'), url('../fonts/ColabMed-webfont.woff') format('woff'), url('../fonts/ColabMed-webfont.ttf') format('truetype'), url('../fonts/ColabMed-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	font: 8pt verdana, georgia, serif;
	color: #000;
	background: #1D4897 url(../img/bg_pattern.jpg);
	margin: 0;
	padding:0;
}
a {
	text-decoration: none;
	color:#d27b0a;
}
a:hover {
	color:#b96d0a;
}
a img{
	opacity:0.8;
	filter:alpha(opacity=80);
}
a:hover img{
	opacity:1;
	filter:alpha(opacity=100);
}
h1 {
	font:normal 24pt  Museo-500, MyriadProRegular, arial;
	color: #000;
	margin-top:0;
}
h2 {
	font:normal 22pt  Museo-500, MyriadProRegular, arial;
	color: #000;
	margin-top:0;
}
h3 {
	font:normal 18pt  Museo-500, MyriadProRegular, arial;
	color: #000;
	margin:5px 0;
}
h4 {
	font:normal 14pt  Museo-500, MyriadProRegular, arial;
	color: #000;
	margin:5px 0;
}


#container {
	width:930px;
	margin: 50px auto 10px auto;
	background:#fff;
	padding:10px;
}
.corner {
	position:absolute;
	margin:-50px 0 0 -30px;
	z-index:20;
	background: transparent url(../img/postit.png) no-repeat;
	height:260px;
	width:300px;

}
.callus {
	position:absolute;
	margin:105px 0 0 210px;
	font:normal 28pt Calluna, Vollkorn, georgia, serif;
	font-style:normal;
	color: #ff0000;
	line-height: 75%;
	z-index: 21;
	padding:10px 0;
}

#header {
	background:#1D4897 url(../img/bg_headers.jpg) no-repeat;
	padding:0;
}
#header .gfx {
	margin-left:380px;
	width:550px;
	height:200px;
	padding:0;
}

/* top menu */
#topmenu {
	margin:10px 0px;
	font: 16pt MyriadProRegular, arial;
	color: #1D4897;
	padding:0; 
}
#topmenu ul{
	list-style-type:none;
	padding: 0; 
	margin: 5px 0;
}
#topmenu li {
	float:left;
	padding: 0 10px;
}
#topmenu a {
	text-decoration:none; 
	margin:0 10px;
	color: #1D4897;
	letter-spacing: .5pt
	display:block; 
	text-align:center; 
	padding:4px 0px; 
}
#topmenu a:hover{
	color:#A40000;
}
#topmenu .selek {
	color:#000;
}

#mainbody {
	background:#FBFBFB url(../img/bg_inner.jpg) repeat-x;
	min-height:500px;
}
* html #mainbody {
	height:500px;
}

#left {
	float:left;
	width:620px;
	padding:10px 0 10px 10px;
}
#left h1 {
	font:26pt Vollkorn, georgia;
	letter-spacing:-1pt;
	padding:10px 5px;
}
#left h3 {
	border-bottom: 1px solid #5677B5;
	background:#fff url(../img/bg_strip.gif);
	color:#1D4897;
	padding:0 5px;
}
#right {
	float:left;
	width:280px;
	padding:0 10px;
}
.why {
	margin:10px 0;
	background: #E6E6E6 url(../img/bg_btm.gif) left bottom repeat-x;
	min-height:290px;
}
.why h3{
	color:#E80808;
	text-align:center;
	margin:0;
	padding-top:10px;
}
.whylist {
	padding: 10px 10px 10px 0;
	font:12pt Vollkorn, georgia;
	text-align:justify;
}

.whylist ul {
	margin:0;
	padding:0px;
	list-style-type: none;
}
.whylist li {
	background: transparent url(../img/ico_ok.png) 5px 7px no-repeat;
	padding: 5px 0 5px 30px;
}

.whylist li a{
	display: block;
	text-decoration: none;
	color: #000;
}

.whylist li a:hover{
	color: #6d6951;
}

.wht {
	padding: 5px 0 3px 0;
	background: #FFF;
}

.plg {
	background: #F7F7F7;
	padding-bottom: 10px;
	border:1px solid #DFDFDF;
	font:bold 10pt arial;
}
.plg h3{
	color:#000;
	text-align:right;
	margin:0;
	padding-top:10px;
	border-bottom:2px dotted #E80808;
}

.plg ul {
	list-style-type: none;
	padding:0;
	margin:0;
}
.plg li {
	padding: 5px 10px;
}

.plg li a{
	display: block;
	text-decoration: none;
	color: #4f412e;
}

.plg li a:hover{
	color: #6d6951;
}

.banner {
	margin: 20px 0;
	background: #FFF;
	padding: 10px;
	border:1px solid #cbcac2;
	text-align:center;
}


.pro {
	background: #FFF;
	padding-bottom: 20px;
}
.pro ul {
	padding: 0;
	margin :0 0px;
}
.pro li {
	list-style-type: none;
}

.pro li a{
	padding: 5px 20px;
	display: block;
	text-decoration: none;
	color: #3f2907;
	font:normal 14pt georgia, serif;
	border-bottom: 1px dotted #cccabe;
}

.pro li a:hover{
	color: #44412d;
	background: #ede6df;
	border-bottom: 1px dotted #c9c1a0;
}

#prj {
	padding:0 10px;
	margin-top:10px
}
#prj a {
	font:normal 14pt georgia, serif;
	font-style:italic;
	color:#000;
}
#prj a:hover {
	color:#FA6B2C;
	text-decoration:underline;
}
#prj .gfx {
	float:left; 
	width:180px; 
	height:110px; 
	margin-right:10px; 
	padding:15px; 
	background:transparent url(../img/gfx_bg.gif) no-repeat;
}

#prj .gfx:hover {
	background:transparent url(../img/gfx_bg2.gif) no-repeat;
}

#prj .knt {
	margin-top:10px;
	min-height: 100px;
	height: 100px;
}
#prj .btm {
	padding: 3px 0;
	border-bottom: 1px solid #d2cba6;
	text-align:right;
}
#prj .btm a{
	font:9pt arial;
	padding: 1px 3px ;
	background: #999;
	color:#fff
}
#prj .btm a:hover{
	background: #000;
	color:#fff
}

#inf {
	padding:0 10px;
	margin-top:10px
}
#inf a {
	font:normal 14pt georgia, serif;
	font-style:italic;
	color:#000;
}
#inf a:hover {
	color:#FA6B2C;
	text-decoration:underline;
}

#inf .knt {
	margin-top:10px;
	min-height: 50px;
	height: 40px;
}
#inf .btm {
	padding: 3px 0;
	border-bottom: 1px dotted #d2cba6;
	text-align:right;
}
#inf .btm a{
	font:9pt arial;
	padding: 1px 3px ;
	background: #999;
	color:#fff
}
#inf .btm a:hover{
	background: #000;
	color:#fff
}

#dwl {
	margin-top:10px;
	border-bottom: 1px dotted #d2cba6;
}
#dwl .gfx {
	float:right;
}
#dwl .nm {
	font-weight:bold;
}
#dwl .ket {
	padding: 5px 0;
	min-height: 30px;
}
#dwl .file {
	font: 7pt verdana;
	color: #646361;
}
#dwl .tgl {
	font: 7pt verdana;
	color: #ec5c5b;
}

.devider {
	margin: 10px auto;
	min-height: 50px;
	background: url(../img/devider.png) center center no-repeat;
	width:120px;

}
* html .devider {
	height:50px;
}

.form input, .form textarea, .form select{
	font: normal 10pt arial;
	width:400px; 
	border: 1px solid #000;
	background: #F0F0F0;
	padding:5px;
}
.btn{
	font: normal 10pt arial;
}

#footer {
	background:#1D4897;
	height:70px;
}
/* btm menu */
#btmmenu {
	margin:10px 0px;
	font: 12pt MyriadProRegular, arial;
	color: #fff;
	padding:0; 
}
#btmmenu ul{
	list-style-type:none;
	padding: 0; 
	margin: 25px 0;
}
#btmmenu li {
	float:left;
	padding: 0 5px;
}
#btmmenu a {
	text-decoration:none; 
	margin:0 10px;
	color: #fff;
	letter-spacing: .5pt
	display:block; 
	text-align:center; 
	padding:4px 0px; 
}
#btmmenu a:hover{
	color:#000;
}
#btmmenu .selek {
	color:#FA6B2C;
}

#footer .mn{
	float:left;
	padding: 0 20px;
}
#footer .copy{
	float:left;
	color:#fff;
	padding:0 10px;
}




.foto {
	padding:5px;
	border: 1px solid #d2cba6;
	background: #FFF;
	width:500px;
	margin: 10px auto;
}

.prd {
	float: left;
	padding:5px;
	border: 1px solid #d2cba6;
	background: #FFF;
	width:165px;
	margin: 5px;
}

.clear {
	clear:both;
}
.inside {
	padding: 10px 0;