html,body,div,dl,dt,dd,menu,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
article,aside,figure,footer,header,hgroup,nav,section{display:block}
img,body,html{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul,menu {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
a{text-decoration:none;color:#08c;}
a:hover{text-decoration:underline;color:#08c;}
a:visited{color:#08c;}

body {font:12px/2 "Lucida Grande",Verdana,Arial,Helvetica,sans-serif;color:#5c5c5c;
    background-image:url(/style/body-gradient.svg);
	background-color:#eee;
	background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#f6f6f6),to(#eee));
	background-image:-moz-linear-gradient(-90deg,#f6f6f6,#eee);
    background-image:-o-linear-gradient(#f6f6f6,#eee);
	filter:progid:DXImageTransform.Microsoft.Gradient(enabled='true',StartColorStr=#fff6f6f6,EndColorStr=#ffeeeeee); 
	-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#fff6f6f6,EndColorStr=#ffeeeeee)";
}

dl{overflow:hidden;margin-top:16px;}
dt{float:left;clear:both;width:100px;padding-right:6px;font-weight:bold;color:#444;text-align:right;}
dd{}
blockquote{padding:0px 46px;font-style:oblique;font-size:140%;position:relative}
blockquote::before,blockquote::after{font-size:42pt;position:absolute;color:#ccc}
blockquote::before{content:"\00ab";top:-40px;left:0}
blockquote::after{content:"\00bb";bottom:0;right:0}
cite{font-style:oblique}
abbr{border-bottom:1px dotted #aaa;}
strong{color:#222;}
b{color:#444;}
.clear{clear:both}
.hidden{display:none}
.transp{color:#eee;}
.quote-ref{text-align:right;padding-top:20;font-size:120%}
	
#main{width:966px;margin:0px auto;}
#header{margin:18px 0px 0px 0px;overflow:hidden;}
#region li {float:left;padding:0px 12px}
#region span {font-weight:bold;}
#region li + li {border-left:1px solid #ccc}
#header .skype-contact{float:right;padding-left:26px;background:url(img/skype.png) no-repeat left center;0}
#header .quick-contact{float:right;padding-left:32px;padding-right:20px;background:url(img/phone.png) no-repeat left center;0}
#header .socials{float:left;}
#header .socials .twitter{float:left;padding-right:16px;height:27px;}
#header iframe{background-color:#f6f6f6;float:left;border:none;overflow:hidden;width:120px;height:20px;padding-top:3px;}
#header small{color:#aaa;font-weight:normal;}

#menu{clear:both;overflow:hidden;border:1px solid #ada8a3;padding:0px 0px 0px 6px;background-color:#b7b2ae;font-size:16px;margin-top:16px;
	  background-image:url(/style/menu-gradient.svg);
	  background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#c6c2bf),to(#a39d98));
	  background-image:-moz-linear-gradient(-90deg,#c6c2bf,#a39d98);
	  background-image:-o-linear-gradient(#c6c2bf,#a39d98);
	  filter:progid:DXImageTransform.Microsoft.Gradient(enabled='true',StartColorStr=#ffc6c2bf,EndColorStr=#ffa39d98); 
	  -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#ffc6c2bf,EndColorStr=#ffa39d98)";
	  -webkit-box-shadow:#333 0px 1px 2px;
	  -moz-box-shadow:#333 0px 1px 2px;
	  -ms-box-shadow:#333 0px 1px 2px;
	  -o-box-shadow:#333 0px 1px 2px;
	  box-shadow:#333 0px 1px 2px;
	  -webkit-border-radius:7px;
	  -moz-border-radius:7px;
	  -ms-border-radius:7px;
	  -o-border-radius:7px;
	  border-radius:7px;}
#logo{float:left;display:block;text-decoration:none!important;background:url(img/logo.png) no-repeat -13px -7px;
			width:120px;height:32px;margin-top:6px;}
#menu menu{float:right;border-left:1px solid #999;font-size:80%;overflow:hidden;}
#menu menu li{float:left;border-left:1px solid #ddd;border-right:1px solid #999;}
#menu menu li:last-child{border-right:none;}
#menu menu li.last{border-right:none;}
#menu menu li a {overflow:hidden;color:#333!important;text-decoration:none!important;text-shadow:white 1px 1px 2px;display:block;padding:6px 16px;}
#menu menu li a:hover {
		    background-image:url(/style/menu-gradient-hover.svg);
			background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#b0aba7),to(#888079));
			background-image:-moz-linear-gradient(90deg,#b0aba7,#888079);
		    background-image:-o-linear-gradient(#b0aba7,#888079);
		    filter:progid:DXImageTransform.Microsoft.Gradient(enabled='true',StartColorStr=#ffb0aba7,EndColorStr=#ff888079); 
		    -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#ffb0aba7,EndColorStr=#ff888079)";
			}
#menu menu li a.active,
#menu menu li a.active:hover {
		    background-image:url(/style/menu-gradient-active.svg);
			background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#888079),to(#b0aba7));
			background-image:-moz-linear-gradient(90deg,#888079,#b0aba7);
		    background-image:-o-linear-gradient(#888079,#b0aba7);
		    filter:progid:DXImageTransform.Microsoft.Gradient(enabled='true',StartColorStr=#ff888079,EndColorStr=#ffb0aba7); 
		    -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#ff888079,EndColorStr=#ffb0aba7)";
			}

#submenu menu{float:right;overflow:hidden;margin:24px 0px 0px 4px}
#submenu menu.separate {float:left}
#submenu menu li{overflow:hidden;float:left;}
#submenu menu li + li{border-left:1px solid #ccc;}
#submenu menu li span {font-weight:bold;text-shadow:white 1px 1px 2px;display:block;padding:0px 16px;}
#submenu menu li a {text-shadow:white 1px 1px 2px;display:block;padding:0px 16px;}
#submenu menu li a:hover {}
#submenu menu li a.active,
#submenu menu li a.active:hover {}
#submenu menu li.menu-label {font-style:oblique;text-shadow:white 1px 1px 2px;padding:0px 4px;}
#submenu menu li.menu-label + li{border-left:none;}

#footer{margin:22px 0px;padding:22px;border-top:1px solid #e2e2e2;color:#808080;text-align:right;line-height:2;font-size:10px;}
#copyright{float:left;text-align:left;}

#bookmarks{position:fixed;top:6px;right:0px;width:50px;}
#bookmarks li a{display:block;height:36px;width:36px;margin-left:auto;}
#bookmarks li.twitter a{background-image:url(/img/twitter.png);}

.columns-2 {column-count:2;-webkit-column-count:2;-moz-column-count:2;-o-column-count:2;-ms-column-count:2;
			column-gap:44px;-webkit-column-gap:44px;-moz-column-gap:44px;-o-column-gap:44px;-ms-column-gap:44px;}
.section{border:1px solid #cacaca;margin:16px 0px 0px 0px;background-color:white;padding:1px;overflow:hidden;
		 -webkit-box-shadow:#bbb 0px 1px 3px;box-shadow:#bbb 0px 1px 3px;
		 -webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px;}
.section-internal{
		 -webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px;}
.section-gradient{overflow:hidden;
		 /*background-image:url(/style/section-gradient.svg);*/
		 background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#f6eee7),to(white));
		 background-image:-moz-linear-gradient(-90deg,#f6eee7,white);
	     background-image:-o-linear-gradient(#f6eee7,white);
		  filter:progid:DXImageTransform.Microsoft.Gradient(enabled='true',StartColorStr=#fff6eee7,EndColorStr=#ffffffff); 
		  -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#fff6eee7,EndColorStr=#ffffffff)";
		}
.section .section-image{padding:35px 44px 44px 44px;}
.subsection .section-image{padding:16px 22px 20px 22px;}
.subsection{width:468px;}
.subsection.left{float:left}
.subsection.right{float:right}
.section h1{color:#e39449;font-size:40px;line-height:1.2;padding-bottom:10px;}
.section h1 a{color:#e39449;text-decoration:none!important}
.section h1 small {color:black;text-decoration:none!important;font-size:60%;display:inline-block;padding-top:9px;}
.section h2{color:#4d4d4d;font-size:30px;line-height:1.2;}
.section h3{color:#4d4d4d;font-size:20px;line-height:1;padding-top:22px;}
.section p,.section ul,.section ol{margin-top:12px}
.section ul{margin-left:18px;list-style:disc;}
.section ol{margin-left:18px;list-style:decimal;}
.section li{padding:0px 0px 4px 0px;}
.section ul.compact{margin-top:2px}
.section ul.compact.with-padding{margin-top:12px}
.section .compact li{padding:0px 0px 2px 0px;}
.subsection .section-image {height:200px;overflow:hidden;}
.subsection h2 a{color:#4d4d4d;font-size:20px;float:left;}
.subsection p,.subsection ul,.subsection ol{margin:4px 0px 0px 200px;line-height:1.8;}

ul.portfolio-entries {list-style:none;padding-left:0px;margin-left:0px;}
ul.portfolio-entries li {
	margin:0px 18px 18px 0px;padding:0px 18px 0px 68px;min-height:106px;
	background-position:left 20px;background-repeat:no-repeat;
	float:left;width:332px;
}
ul.portfolio-entries .app-description{padding-top:10px}

.app-type-ipad, .app-type-iphone, .app-type-android, .app-type-mac {
	display:inline-block;width:32px;height:24px;background-repeat:no-repeat;background-position:center center;opacity:0.4;
}
.app-type-mac{background-image:url(/img/app-mac-icon.png);}
.app-type-ipad{background-image:url(/img/app-ipad-icon.png);}
.app-type-iphone{background-image:url(/img/app-iphone-icon.png);}
.app-type-android{background-image:url(/img/app-android-icon.png);}
a.appstore-iphone{width:198px;height:99px;background:url(img/appstore.png) no-repeat center center;display:block;float:right}
a.appstore-ipad{width:198px;height:99px;background:url(img/appstore-ipad.png) no-repeat center center;display:block;float:right}
a.appstore-mac{width:198px;height:99px;background:url(img/appstore-mac.png) no-repeat center center;display:block;float:right}

.portfolio-item{padding-left:350px;min-height:480px;}
.portfolio-item dl{overflow:hidden;margin-top:16px;}
.portfolio-item dt{float:left;clear:both;width:100px;padding-right:6px;font-weight:bold;color:#444;text-align:right;}
.portfolio-item dd{}
.portfolio-item li{padding-top:0px;padding-bottom:0px;}
.portfolio-item a.badge{float:right}
.screenshots-ipad{text-align:center;}
.screenshots-ipad img{margin:16px;width:768px;height:576px;-webkit-box-shadow:#666 3px 3px 4px;box-shadow:#666 3px 3px 4px;}

ul.portfolio  {overflow:hidden;height:430px;list-style:none;margin-left:0px;}
ul.portfolio li {float:left;width:266px;height:430px;margin:0px 0px 0px 0px;padding:380px 16px 0px 0px;text-align:center;line-height:1.2}
ul.portfolio li strong{font-weight:bold}

ul.portfolio-apps {list-style:none;padding-left:0px;margin-left:0px;}
ul.portfolio-apps li {padding-left:166px;margin-left:0px;border-bottom:1px solid #cacaca;margin-bottom:28px;padding-bottom:28px;min-height:136px;}
ul.portfolio-apps li.last {border:none;margin-bottom:none;padding-bottom:0px;}
ul.portfolio-apps li a.badge{float:right}

ul.screenshots {overflow:hidden;list-style:none;margin:20px 0px 0px 0px;}
ul.screenshots li {float:left;width:266px;height:400px;margin:0px 0px 0px 0px;padding:0px 16px 0px 0px;text-align:center;line-height:1.2}

.section-buttons{border:1px solid #cacaca;margin:22px 0px 0px 0px;background-color:white;overflow:hidden;
				 -webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px;}
.section-buttons li{float:left;width:20%}
.section-buttons li a{display:block;text-align:center;padding:6px 10px;border-left:1px solid #cacaca;}
.section-buttons li a.first{border-left:none}
.section-buttons li a:hover,
.section-buttons li a.active{background-color:#f6eee7;}

.section-ad{border:1px solid #cacaca;margin:22px 0px 0px 0px;background-color:white;overflow:hidden;width:466px;
				 -webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px;}
.section-ad a{color:#e39449;font-size:18px;line-height:1.3;padding:20px 0px;display:block;padding-left:246px;}
.section-ad a,.section-ad a:hover{text-decoration:none!important;}
.section-ad a small{color:#4d4d4d;font-size:30px;display:inline-block;padding-top:6px;}

form {margin-top:20px;}
form label {width:150px;text-align:right;margin-right:10px;display:inline-block;float:left;font-size:11px;color:#808080;}
form label.required:before{content:'*';padding-right:5px;color:red;}
form input,
form textarea {width:406px;background:transparent;color:#5c5c5c;border:1px solid #cacaca;padding:4px;font-size:13px;
					  -webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px;}
form input[type='submit']{cursor:hand;color:#333;text-shadow:white 1px 1px 2px;padding:10px;width:auto;padding:4px 12px;
				-webkit-box-shadow:#333 0px 1px 2px;
				-moz-box-shadow:#333 0px 1px 2px;
				-ms-box-shadow:#333 0px 1px 2px;-o-box-shadow:#333 0px 1px 2px;box-shadow:#333 0px 1px 2px;
				background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#c6c2bf),to(#a39d98));
				background-image:-moz-linear-gradient(-90deg,#c6c2bf,#a39d98);
			    filter:progid:DXImageTransform.Microsoft.Gradient(enabled='true',StartColorStr=#ffc6c2bf,EndColorStr=#ffa39d98); 
			    -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#ffc6c2bf,EndColorStr=#ffa39d98)";
				}
form input[type='submit']:hover{
				background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#b0aba7),to(#888079));
				background-image:-moz-linear-gradient(90deg,#b0aba7,#888079);
			    filter:progid:DXImageTransform.Microsoft.Gradient(enabled='true',StartColorStr=#ffb0aba7,EndColorStr=#ff888079); 
			    -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#ffb0aba7,EndColorStr=#ff888079)";
				}