/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

/*------------------------------------------------------------------------------------
  @group Columns
------------------------------------------------------------------------------------*/

.columns:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html .columns {height: 1%;}
.columns {display:inline-block;}
.columns {display: block;}

.columns .column{
  float:left;
  display:inline;
}

.columns .column p {text-align:justify;}

.threecol{
  width:920px;
  margin-left:-20px;
}
.threecol .column{
  margin-left:20px;
  width:280px;
}

.twocol{
  width:960px;
  margin-left:-80px;
}
.twocol .column{
  margin-left:80px;
  width:400px;
}

.twocol .twocol{
  width:440px;
  margin-left:-40px;
}
.twocol .twocol .column{
  margin-left:40px;
  width:180px;
}

/* @end */

/*------------------------------------------------------------------------------------
  @group Masthead Blocks
------------------------------------------------------------------------------------*/

.mastheadblocks img.masthead{
  margin-top:20px;
  padding:1px;
  border:1px solid #666;
}

.mastheadblocks h2{
  margin:5px 0 -10px 0;
  font-weight:normal;
}

.mastheadblocks img.smallpic{
  float:left;
  margin-top:18px;
  margin-right:15px;
  margin-bottom:10px;
  padding:1px;
  border:1px solid #666;
}

/* @end */

/*------------------------------------------------------------------------------------
  @group Work Feature
------------------------------------------------------------------------------------*/

.work-feature img{
  float:right;
  margin-left:40px;
}

.work-feature h2{
  margin:15px 0;
  font-size:20px;
  line-height:30px;
}
.work-feature h2 a{
  display:block;
  font-size:32px;
}

.work-feature .goactions{
  margin:15px 0;
}

/* @end */

/*------------------------------------------------------------------------------------
  @group Work Listing
------------------------------------------------------------------------------------*/

ul.work{
  margin:0 0 50px 0;
}
ul.work li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html ul.work li {height: 1%;}
ul.work li {display:inline-block;}
ul.work li {display: block;}
ul.work li{
  list-style-type:none;
  position:relative;
  margin:45px 0 -20px 0;
  border-top:1px solid #adadad;
}
ul.work li img{
  float:left;
  margin-top:-1px;
  margin-bottom:50px;
  border:2px solid #adadad;
}
ul.work li h3{
  margin:0;
  position:absolute;
  top:-25px;
  font-size:12px;
  text-transform:uppercase;
}
ul.work li .description {
  float:right;
  width:460px;
}

/* @end */

/*------------------------------------------------------------------------------------
  @group Apz Theme Modifications
------------------------------------------------------------------------------------*/

.title {
  display:none;
}

#credit {
  display:none;
}

.rss {
  display:none;
}

.fb {
  display:none;
}

.twitter {
  display:none;
}

#contact-us .screenReader { left: -9999px; position: absolute; top: -9999px; }
#contact-us ol.forms{ float:left;list-style:none;width:100%;margin:30px 0 0;}
#contact-us ol.forms li{clear:both;float:left;margin-bottom:18px;position:relative;width:100%;list-style:none;}
#contact-us ol.forms label{cursor:pointer;display:block;float:left;font-weight:700;padding-right:20px;width:100px;}
#contact-us ol.forms input.txt{width:214px;}
#contact-us ol.forms input#sendCopy{border:none;}
#contact-us ol.forms textarea{height:300px;width:360px;}
#contact-us ol.forms li .error{font-size:12px;display:block;margin-left:120px;color:red;}
#contact-us ol.forms li.textarea .error{display:block; margin-left:120px}
#contact-us ol.forms li.screenReader{margin-bottom:0;}
#contact-us ol.forms li.buttons .submit{margin: 5px 0 0 5px; }
#contact-us ol.forms li.inline input{width:auto;margin-left:120px;}
#contact-us ol.forms li.inline label{display:inline;float:none;width:auto;}
#contact-us ol.forms textarea{width:500px;height:100px;}

/* @end */

/*------------------------------------------------------------------------------------
  @group Pricing
------------------------------------------------------------------------------------*/
div.line {
	border-bottom: 1px solid #D5EAF3;
}

div.pricing {
	height: 210px;
	margin: 0px auto;
	padding: 5px;
}

div.general {
	width: 170px;
	height: 180px;
	border: 1px solid #999;
	float: left;
	margin-top: 22px;
	text-align: center;
	padding: 10px;
	background-color: #D5EAF3;
}

div.popular {
	width: 200px;
	height: 200px;
	border: 3px solid #3671A1;
	float: left;
	text-align: center;
	padding: 8px 10px 10px 10px;
	background-color: #fff9df;
}
/* @end */