.cols2,
.cols3,
.cols4,
.cols2-firstwide {
  width: 100%;
  overflow: hidden;
}
.cols2 .placeholder {
  width: 47%;
  padding-right: 2%;
  float: left;
}
.cols3 .placeholder {
  width: 32%;
  padding-right: 1%;
  float: left;
}
.cols4 .placeholder {
  width: 23%;
  padding-right: 2%;
  float: left;
}
.cols2-firstwide .first{
  width: 73%;
  float: left;
  padding-right: 2%;
  overflow: hidden;
}

.cols2-firstwide .second{
  width: 23%;
  float: left;
}



.WidgetImage {
	padding-top: 10px;
}

.cols2-secondwide .first{
	display: block;
  width: 27%;
  float: left;
  padding-right: 2%;
  overflow: hidden;
}

.cols2-secondwide .second{
  width: 69%;
  float: right;
}

.WidgetSideList {
  position: relative;
  width: 518px;
  height: 244px;
  background: url(/img/map.png) top left no-repeat;
}
.WidgetSideList .point {
  text-decoration: none;
  position: absolute;
  display: block;
  width: 8px;
  height: 8px;
  background: url(/img/dot.gif) top left no-repeat;
  z-index: 9;
}
.WidgetSideList .point span {
  display: none;
  width: 150px;
  padding: 15px;
  padding-bottom: 25px;
  left: -83px;
  border-top: 1px solid #E0E0E0;
  background: url(/img/bg-popup.gif) bottom left no-repeat;
}

.WidgetSideList .point span a{
  display: none;
  }

.WidgetSideList div.point:hover {
	z-index: 10;
}
  
.WidgetSideList div.point:hover span {
  display:block;
  bottom: 6px;
  position: absolute;
  font-size: 11px;
}

.WidgetSideList div.point:hover span a{
  display:inline;
  
}

.WidgetSideList h4 {
  color: #D10207;
  text-decoration: none;
}
.WidgetContact input,
.WidgetContact textarea
{
  border: 1px solid #E0E0E0;
  padding: 3px;
  width: 205px !important;
  font-size: 11px;
  margin-bottom: 3px;
  font-family: arial;
}
.send-en {
  background: url(/img/send-en.png) top left no-repeat;
  height: 16px;
  width: 59px;
  border: none !important;
  text-indent: -1000;
  padding: 0;
}
.send-bg {
  padding: 0;
  background: url(/img/send-bg.png) top left no-repeat;
  height: 16px;
  width: 103px;
  border: none !important;
  text-indent: -1000;
}

.featured {
  width: 345px;
  float: left;
  margin-right: 20px;
}
.featured-description {
  margin-right: 10px;
  padding-top: 33px;
  color: #666;
  width: 170px;
  float: left;
  line-height: 1.4em;
}
.spacer {
  clear: both;
}
/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/


/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
  min-height: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.grid-1 {
	width:60px;
}

.grid-2 {
	width:140px;
}

.grid-3 {
	width:220px;
}

.grid-4 {
	width:300px;
}

.grid-5 {
	width:380px;
}

.grid-6 {
	width:460px;
}

.grid-7 {
	width:540px;
}

.grid-8 {
	width:620px;
}

.grid-9 {
	width:700px;
}

.grid-10 {
	width:780px;
}

.grid-11 {
	width:860px;
}

.grid-12 {
	width:940px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.prefix_1 {
	padding-left:80px;
}

.prefix_2 {
	padding-left:160px;
}

.prefix_3 {
	padding-left:240px;
}

.prefix_4 {
	padding-left:320px;
}

.prefix_5 {
	padding-left:400px;
}

.prefix_6 {
	padding-left:480px;
}

.prefix_7 {
	padding-left:560px;
}

.prefix_8 {
	padding-left:640px;
}

.prefix_9 {
	padding-left:720px;
}

.prefix_10 {
	padding-left:800px;
}

.prefix_11 {
	padding-left:880px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.suffix_1 {
	padding-right:80px;
}

.suffix_2 {
	padding-right:160px;
}

.suffix_3 {
	padding-right:240px;
}

.suffix_4 {
	padding-right:320px;
}

.suffix_5 {
	padding-right:400px;
}

.suffix_6 {
	padding-right:480px;
}

.suffix_7 {
	padding-right:560px;
}

.suffix_8 {
	padding-right:640px;
}

.suffix_9 {
	padding-right:720px;
}

.suffix_10 {
	padding-right:800px;
}

.suffix_11 {
	padding-right:880px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.push_1 {
	left:80px;
}

.push_2 {
	left:160px;
}

.push_3 {
	left:240px;
}

.push_4 {
	left:320px;
}

.push_5 {
	left:400px;
}

.push_6 {
	left:480px;
}

.push_7 {
	left:560px;
}

.push_8 {
	left:640px;
}

.push_9 {
	left:720px;
}

.push_10 {
	left:800px;
}

.push_11 {
	left:880px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.pull_1 {
	left:-80px;
}

.pull_2 {
	left:-160px;
}

.pull_3 {
	left:-240px;
}

.pull_4 {
	left:-320px;
}

.pull_5 {
	left:-400px;
}

.pull_6 {
	left:-480px;
}

.pull_7 {
	left:-560px;
}

.pull_8 {
	left:-640px;
}

.pull_9 {
	left:-720px;
}

.pull_10 {
	left:-800px;
}

.pull_11 {
	left:-880px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/*Content*/

/*Contacts*/

.contacts{
	clear:both;
}




/*Text*/


/*Image*/


/*Notes*/

.notes{
	margin:100px 0 0 0;
	padding:60px 0 0 0;
	background:url(../img/note.gif) no-repeat 0 0;
}
.notes-item{
	margin:0 0 10px 0;
}





/*Project List*/

.project-item{
	margin:35px 0 10px 0;
	overflow:hidden;
	clear:both;
}
.project-item h1, .project-item h2{
	position:relative;
	z-index:11111;
}
.project-item p{
	margin:0;
	padding:0;
}
.project-item ul{
	margin:10px 0;
	padding:0;
}
.project-item ul li{
	padding:0 0 0 10px;
}
.project-image{
	float:right;
	margin:-70px 0 0 20px;
	position:relative;
	z-index:-1;
}
.project-item .project-image{
	position:static;
	margin:-45px 0 0 40px;
}


/*Categories*/

form.list-menu{
	margin:10px 0 0 0;
	padding:0 0 5px 0;
}
.list-menu select{
	width:230px;
	font:13px  Arial, "Trebuchet MS",Helvetica, sans-serif;
	margin:0;
	padding:0;
}



.category{
	margin:40px 0 0 0;
}
.category h5{
	margin:0 0 -5px 0;
}
h5.category-small{
	font-size:22px;
	margin:0;
}
.category ul{
	font-size:12px;
	margin:0;
	padding:0;
}
#Sidebar .category ul li{
	padding:0;
	background:none;
}


/*Screenshots*/

.screenshots{
	margin:15px 0 0 0;
}




/*Comments*/

.comment{
	width:100%;
	overflow:hidden;
	margin:0 0 40px 0;
}
.comment-num{
	font:60px "Arial Black", Gadget, sans-serif;
	font-size:72px;
	text-align:right;
	font-weight:bold;
	width:90px;
	padding:0 10px 0 0;
	float:left;
	color:#e5e5e5;
}
.comment-text{
	width:480px;
	float:left;
	margin:10px 0 0 0;
}
.comment-text p{
	margin-bottom:7px;
}

.comment-form{
	margin:30px 0 0 0;
	padding:0 0 0 100px;
	overflow:hidden;
}
.comment-form input{
	width:280px;
	margin:20px 0 0 0;
	float:left;
}
.comment-form label{
	margin:20px 0 0 10px;
	float:left;
	
}
.comment-form label span{
	font-size:12px;
	color:#919191;
}
.comment-form label input{
	width:280px;
	margin:0 10px 0 0;
}
.comment-form textarea{
	width:470px;
	height:150px;
	margin:20px 0 0 0;
	display:block;
	float:left;
	clear:left;
}
.comment-form label.checkbox input, .comment-form input.submit{
	width:auto;
	clear:both;
}
ul.error_list{
	font-size:11px;
	line-height:11px;
	margin:0;
	padding:0;
	list-style:none;
	color:#FF3366;
	clear:both;
}
.error_list li{
	margin:0;
	padding:0;
	background:none;
}


/*Contact Form*/

.WidgetContact{
	margin:20px 0;
}
.WidgetContact label{
	font-size:12px;
	width:80px;
	margin:0 0 10px 0;
	display:block;
	float:left;
}
.WidgetContact .property{
	margin:0 0 10px 0;
}
.WidgetContact input{
	width:200px;
}
.WidgetContact input.submit{
	width:auto;
}
.WidgetContact textarea{
	width:300px;
	height:80px;
	margin:0 0 10px 0;
}
#error{
	font-size:12px;
	margin:0 0 10px 0;
	color:#C36;
}



/*WidgetFeature*/
.WidgetFeature h4{
	margin-top:4px;
}
.home .WidgetFeature h4{
	padding-top:0;
	margin-bottom:4px;
}

.WidgetNews ol {
  line-height: 1.4em;
  list-style: none;
  margin: 0; padding: 0;
}
.WidgetNews ol li {
  padding: 0 !important; margin: 0;
  margin-bottom: 15px;
  
}