/*  
Theme Name: Stellar III
Theme URI: http://stellarwebworks.com/
Description: Theme for stellarwebworks.com.
Version: 1.0
Author: Aidan Curran
Author URI: http://stellarwebworks.com/
*/
html, body {
	margin: 0;
	padding: 0;
   font-family: Calibri, Trebuchet MS, Helvetica, verdana, sans-serif;
   font-size: 15px;
   color: black;
}
h1, h2, h3, h4, h5 {
   margin: 10px 0;
   color: #515E1D;
}
h1 {
   font-size: 20px;
}
h2 {
   font-size: 18px;
}
h3 {
   font-size: 16px;
}
h4 {
   font-size: 15px;
}
h4 {
   font-size: 14px;
}
h2 small {
   font-size: 16px
}
img {
   border: 0;
}
a {
   color: #758A29;
   text-decoration: none;
   font-weight: bold;
}
a:hover {
   color: #A2B543;
   text-decoration: underline;
}
ul {
   padding: 0 15px;
   margin: 10px 0;
}
ul li { 
  list-style-type: none;
  list-style-position: outside;
  background: url(images/bullet-star.gif) 0 6px no-repeat;
  padding: 3px 0 3px 16px;
}
blockquote.quote {
   font-style: italic;
   margin: 15px 0;
   padding: 0 40px;
   background: url(images/quotes.png) 4px 4px no-repeat;
}
.center {
   text-align: center;
}
.contents {
   width: 850px;
   margin: 0 auto;
}
.leftcol {
   width:400px;
   float:left;
}
.floatleft {
   float: left;
   width: 400px;
}
.floatright {
   float: left;
   width: 400px;
   text-align: right;
}
.clear {
   clear: both;
}
#header_band {
   background: #8BA036 url(images/headerbg2.jpg) top left repeat-x;
   height: 240px;
   margin: 0 auto;   
   overflow: hidden; /* so that relatively positioned image does not disturb content flow in Safari */
}
#headertext {
   width: 400px;
   float: right;
}
#headertext h2 {
   color: #E5EAD3;
   text-align: right;
   font-size: 33px;
   font-family: "Calisto MT", Georgia, "Times New Roman", Times, serif;
   padding-top: 64px;
   font-weight: normal;
}
#top_nav {
   height: 43px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   width: 470px;
   float: right;
   text-align: right;
   padding-top: 29px;
}
#top_nav a {
   color: white;
   text-decoration: none;
   margin: 0 5px;
   padding-top: 8px;
}
#top_nav a:hover {
   color: #F2F2CA;
   background: url(images/marker.gif) top center no-repeat;
}
#top_nav .current {
   color: #F2F2CA;
   font-weight: bold; 
   background: url(images/marker.gif) top center no-repeat;
   padding-top: 8px;   
}
#logo {
   float: left;
   padding-top: 29px;
}
#promo_band {
   background: #D7D67C url(images/gradient_lightgreen.jpg) repeat-x;
   height: 275px;
}
#promo_band h1 {
   margin:0pt;
   padding-top:10px;
   text-align:center;
}
.promobox {
   width: 216px;
   height: 220px; 
   background: url(images/promobox.gif) top left no-repeat;
   color: #424E17;
   font-family : Calibri, Arial, Helvetica, sans-serif;
   font-size: 16px;
   float: left;
   margin: 10px 25px 0 25px;
   display: inline;
}
#box1 {
   margin-left: 45px;
}
.promobox h2 {
   font-family : "Times New Roman", Times, serif;
   color: #F7941D;
   text-align: center;
   font-size: 36px;
   font-weight: normal;
   margin: 10px 50px 8px 10px;
}
.promobox p {
   padding: 0 30px;
   margin-top: 8px;
   margin-bottom: 8px;
}
.promobox ul {
   padding: 0 30px;
   margin: 0;
}
.promobox li { 
  list-style-type: none;
  list-style-position: outside;
  margin-left: 0px;
  margin-top: 5px;
  background: url(images/star.gif) 0 3px no-repeat;
  padding: 0 0 0 15px;
  margin-bottom: 9px;
  line-height: 15px;
}
#flash_band {
   background: #ACAB80;
}
#flash1 {
   margin: 0 auto;
   width: 800px;
}
#content_band, .content_band {
   /*background: #ACAB80;*/
   background: #F6F5DB url(images/contentbg.gif) repeat-x;   
}
#content_band .contents {
   padding: 15px 0;
}
#quicklinks {
   background: #444;
   font-size: 12px;
   padding: 5px 0;
   text-align:center;
}
#quicklinks h4 {
   margin: 0;
   color: #ccc;
   letter-spacing:4px;
   text-align: center;
}
#quicklinks a {
   font-weight: normal;
}
#footer {
   background: black;
   font-size: 11px;
   color: #cccccc;
}
#footer .contents {
   padding: 8px 0;
   text-align: center;
}
#footer a {
   color: #cccccc;
   text-decoration:none;
}
#footer a:hover {
   color: white;
   text-decoration:underline;
}
a.quotebtn {
   background: url(images/quote_btn.gif) 0 0 no-repeat;
   width: 234px;
   height: 73px;
   display: block;
   margin: 20px auto;
}
a.quotebtn:hover {
   background: url(images/quote_btn.gif) 0 -73px no-repeat;
}
td {
   padding: 10px;
   vertical-align: top;
}
/* ------------- Contact Info ------------ */
dl.contact {
	margin-bottom: 10px;
	line-height: 16px;
   height: 200px;
   width: 400px
}
dl.contact dt { 
	font-weight: bold;
	color: #515E1D;
	padding: 10px 0px 0px 40px;
   float: left;
   clear: left;
   height: 30px;
   width: 120px;
}
dl.contact dd {
   padding: 10px 0px 0px 0px;
   float: left;
   height: 30px;
   width: 150px;
}
dl.contact dt.address {
	background: url("images/address.gif") 0 0 no-repeat;
}
dl.contact dt.phone {
	background: url("images/telephone.gif") 0 0 no-repeat;
}
dl.contact dt.mobile {
	background: url("images/cellphone.gif") 0 0 no-repeat;
}
dl.contact dt.email {
	background: url("images/email.gif") 0 3px no-repeat;
}
.postmetadata {
   font-size: 11px;
   color: #999999;
   border-top: 1px solid #999999;
}
textarea#comment {
   width: 400px;
   height: 100px;
}
.byline {
   font-size: 13px;
   color: #666666;
   margin: 10px 0 10px 0;
}
.byline img {
   margin: 0 10px 2px 0;
}
.textalignright {
   text-align: right;
}
ul.categoryLinks {
   margin: 0; 
   padding: 0; 
	list-style-type: none; 
   list-style-image: none; 
   display: inline;
}
ul.categoryLinks li {
   display: inline; 
	list-style-type: none; 
   list-style-image: none; 
}
.formTable th {
   text-align: right;
}
.textbox {
   width: 300px;
   border: 1px solid #999999;
}
.smallbox {
   width: 80px;
}
/* portfolio styles */

.portfolio_band1 {
   background: #CAC9A1;
}
.portfolio_band2 {
   background: #DEDDB8;
}
.portfolio_img {
   width:300px;
   float:left;
}
.portfolio_img img {
   margin: 12px;
   border: 1px solid #999;
}
.portfolio_txt {
   width:500px;
   float:left;
}
.portfolio_txt dl {
   width: 480px;
   padding: 0;
   font-family: georgia, times, serif;
   margin: 50px 0 0 20px;
}
.portfolio_txt dt {
   width: 130px;
   float: left;
   margin: 0 0 0 0;
   padding: 10px;
   font-weight: bold;
}
/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */
.portfolio_txt dd {
   float: left;
   width: 310px;
   margin: 0 0 0 0;
   padding: 10px;
}
.portfolioTable td {
   padding: 4px;
}
/* end portfolio styles */

.rightpanel {
   width: 250px;
   float: right;
   background: #787757;
   color: white;
   font-size: 12px;
   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
}
.rightpanel h3 {
   text-align: center;
   color: #F6F5DB;
   background-color: black;
   margin-top: 0pt;
   padding: 2px;
   -moz-border-radius-topleft: 10px;
   -moz-border-radius-topright: 10px;
   -webkit-border-top-left-radius: 10px;
   -webkit-border-top-right-radius: 10px;
}
.rightpanel p {
   padding: 0 10px;
}
.rightpanel img {
   border: 3px solid white;
   margin: 5px 10px;
}
.rightpanel hr {
   color: white;
   background-color: white;
   border: 0;
   height: 1px;
   clear: left;
   margin: 20px;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
}
.rightpanel a {
   color: #E5F49C;
}
.rightpanel a:hover {
   color: #D5FF00;
}
.imgleft {
   display: block;
   float: left;
   text-align: left;
}
.imgright {
   display: block;
   float: right;
   text-align: right;
   margin-left: 5px;
}
.contentbox {
   background: #DEDDB8;
   padding: 5px 20px;
   margin-top: 20px;
   margin-bottom: 20px;
}
.contentbox img {
   margin-top: 15px;
}
.contentbox h2 {
   text-align: center;
   font-size: 20px;
}
.box2 {
   background: #CAC9A1;
}
.left_image_col {
   float:left;
   width:300px;
   padding: 30px 20px 0 0;
}
.right_content_col {
   float:left;
   width:500px;
}
.action {
   font-size: larger;
   font-weight: bold;
   text-align: center;
}
#articlePreview {
   width: 200px;
   background: black;
   font-size: 11px;
   color: #cccccc;
   margin: 10px 0 10px 20px;
   padding: 10px;
   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;   
}
#articlePreview h3 {
   color:white;
   font-size: 12px;
   margin-top: 0;
   text-align: center;
}
#articlePreview a {
   color:#cccccc;
}
#articlePreview a:hover {
   color:#ffffff;
}
#articlePreview p {
   margin: 0;
   padding: 4px 0;
   border-bottom: 1px solid #222222;
}

a.button {
   -moz-border-radius-bottomleft:5px;
   -moz-border-radius-bottomright:5px;
   -moz-border-radius-topleft:5px;
   -moz-border-radius-topright:5px;
   background:#D54E21;
   color:#FFCCCC;
   text-decoration:none;
   display:block;
   text-align:center;
   padding-bottom:8px !important;
   cursor:pointer;
   font-size:16px;
   font-weight:bold;
   width: 100px;
   padding: 5px 0;
   margin: 10px auto;
}
a.button:hover {
   background:#FF0000;
   color:#FFFFFF;
}
.pricetable {
   border-collapse : collapse;
   width: 95%;
   margin: 0 auto;
}
.pricetable th {
   background: #494834;
   color: white;
   border: 1px solid #494834;
}
.pricetable td {
   background: #959474;
   color: #000000;
   border: 1px solid #494834;
}
.pricenotes {
   font-size: 10pt;
}
.rightpanel h4 {
   margin-left: 5px;
   color: #FFFFFF;
}
.logo-ex {
   border: 1px solid #999;
   margin: 50px auto;
   display: block;
}

/* comment styles */
h3#comments {
   background: url(images/commentsicon.png) no-repeat left 25px;
   border-bottom: 1px dashed #87909E;
   font-size:14px;
   margin:0px;
   padding: 25px 0px 5px 25px;
}
ol.commentlist {
   padding:10px 0px 0px;
   margin-left: 25px;
}
ol.commentlist li {
   font-size:13px;
   padding:15px 5px;
   position:relative;
   background: #f0f0f0;
}
ol.commentlist li.alt {
   background: #ffffff;
}
ol.commentlist cite {
   font-weight: bold;
}
.commentmetadata a {
   color:#8C97A1;
   text-decoration:none;
   font-weight: normal;
}
.commenttext {
   border-top:1px solid #C5CAD0;
   color:#333333;
   font-size:13px;
   margin:5px 0px 0px; 
   padding-top: 5px;  
}
div.quote  {
   margin:40px;
   padding-bottom: 40px;
   font-style: italic;
   font-size: 18px;
   border-bottom: 1px dashed #666;
}
div.author {
   text-align: center;
   font-style: normal;
   font-size: 12px;
   margin-top: 15px;
}


/* WP Common Styles */
.editLink {
   text-align: center;
   padding: 5px 0 15px 0;
}
.editLink a, a.editLink {
   background: #e0e0e0;
   color: #777777;
   font-size: 10px; 
   border: 1px solid #999999;
   text-decoration: none;
   padding: 3px 5px;
}
.editLink a:hover, a.editLink:hover {
   background: #eeeeee;
   border: 1px solid #333333;
   color: #000000;
}
img.aligncenter, div.aligncenter {
   display: block;
   margin: 20px auto;
}
img.alignright, div.alignright {
   display: block;
   float: right;
   margin: 10px 0px 5px 15px;
}
img.alignleft, div.alignleft {
   display: block;
   float: left;
   margin: 10px 20px 5px 0px;
}
img.aligncenter {
   text-align: center;
}
img.alignright {
   text-align: right;
}
img.alignleft {
   text-align: left;
}
.wp-caption-text,.wp-caption-dd {
   margin: 0;
   font-weight: bold;
   font-size: smaller;
   text-align: center;
}
.more-link {
   display:block;
   text-align:right;
}
.linklove {
   display:none;
}