/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }



/**
  CUSTOM STYLES
*/
a:hover {
  text-decoration:none;
}

a,
a span,
button {
  cursor:pointer;
}

img {
  vertical-align:bottom;
}

DD_belatedPNG\\:*,
DD_belatedPNG\\:shape,
#ie6 .pngfix {
  visibility:hidden;
}

.hasJS DD_belatedPNG\\:*,
.hasJS DD_belatedPNG\\:shape,
.hasJS .pngfix {
  visibility:visible !important;
}

/*
.unit {
  float:left;
}

.size1of2 {
  width:48.99%;
}

.size1of3 {
  width:33.33%;
}

.size2of3 {
  width:66%;
}

.firstUnit {
  margin:0;
}

.lastUnit {
  float:right;
  margin:0;
}
*/

.align-left {
  text-align:left;
}

.align-right {
  text-align:right;
}

.line, .lastUnit, .clearfix {overflow: hidden;_overflow:visible;_zoom:1; }
.unit{float:left; _zoom:1;}
.unitExt{float:right;}
.size1of1{float:none;}
.size1of2{width:49.99999%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit {float:right;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}

.clear { clear:both; }


/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 75%;
  color: #fff;
  text-align:center;
  font-family:Arial, Helvetica, sans-serif;	
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; line-height: 1.1; margin-bottom: 0.5em; }

h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; font-weight: bold; }
h4 { font-size: 1.2em; font-weight: bold; font-style:italic; }
h5 { font-size: 1.1em; font-weight: bold; }
h6 { font-size: 1.1em; font-weight: bold; font-style:italic; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { line-height: 1.3; margin: 0 0 0.75em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }



html {
}

body {
	background:#E0D7B5 url(../images/bg.jpg) left top repeat-x;
	text-align:center;
	font-size:12px;
}

.post-content {
	margin: 0;
}

a {
	color: #a4ce13;
}

.post-more,
.post-excerpt a {
	color: #f11300;
}

/**
 *  #page
 *  @desc  Main container for the whole page, except by the #footer.
 *         It's suppose to act as a replacement for the body tag, this
 *         is needed to implement "FooterStick Alt" by "Cameron Adams"
 *         http://themaninblue.com/experiment/footerStickAlt/
 */
#page {
	margin:0 auto;
	text-align:left;
	width:928px;
	position: relative;
}

/**
 *  #branding
 *  @desc  Main header bar, contains the branding elements:
 *         logo, tagline, description, phone, and get a free quote button
 */
#branding {
	height: 113px;
	position: relative;
}

#head-logo {
	margin: 0;
	margin-top:13px;
	width:336px;
	height:100px;
	overflow:hidden;
	text-indent:-9000px;
	background:url(../images/tngh-sprite.png) left top no-repeat;
	left: 23px;
	position: absolute;
	top: 0;
}

#head-logo a {
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
}

#head-tagline {
	display: none;
}

#head-contact {
	overflow:hidden;
	text-align:center;
	background:url(../images/tngh-sprite.png) left bottom no-repeat;
	float:right;
	width:380px;
	height:114px;
	margin-right: -5px;
	background-position:bottom left;
	margin-bottom: -1px;
}

.cufon-start #head-contact {
	font-size: 1.75em;
	line-height: 1;
}

#head-contact,
#head-contact a {
	color: #fff;
}

#head-contact a {
	text-decoration: none;
}

#head-logo span,
#head-tagline a,
#head-tagline span {
	display: block;
	font-size: 1px;
	height: 100%;
}

#head-logo span,
#head-tagline span {
	visibility: hidden;
}

#head-contact .row {
	display: block;
	padding-top: 18px;
}

#head-contact strong {
	display: block;
	font-size: 1.25em;
}


/**
 *  #nav
 *  @desc  Horizontal navigation bar with dropdown support
 */
#nav {
	position:relative;
	margin-left:-23px;
	width:974px;
	position: relative;
	z-index: 2;
}

#ie8 #nav {
	top: 0px;
	}
	
#ie8 #nav-cont {
	margin-top: 0px;
}	

#nav .nav-l,
#nav .nav-r {
	background:transparent url(../images/menu-sprite.png) no-repeat scroll 0 -104px;
	display:block;
	height:69px;
	position:absolute;
	width:23px;
}

#nav .nav-l {
	left: 0;
	}
	
#nav .nav-r {
	right: 0;
	background-position:-23px -104px;
	}

.cufon-start #nav {
	font-size: 14px;
}

#nav-cont {
	list-style: none;
	display:block;
	height:52px;
	margin:0 23px;
	overflow:hidden;
	width: 928px;
	background:url(../images/menu-sprite.png) repeat-x left top;
}

#nav,
#nav a,
#nav-cont{
	height: 52px;
}

#nav li {
	float: left;
	padding: 0;
	position: relative;
}

#nav li,
#nav a {
	background: none;
	color: #fff;
	display: block;
	float: left;
}

.cufon-start #nav a {
	font-weight: bold;
}

#ie7 #nav .cufon, #ie6 #nav .cufon {
	margin-top: 10px;
}

#nav a {
	font-family:Helvetica,Arial;
	font-size:23px;
	height:100%;
	line-height:52px;
	margin:0 15px;
	text-align:center;
	text-decoration:none;
	width:155px;
}

.cufon-start #ie6 #nav-cont a,
.cufon-start #ie7 #nav-cont a {
	padding-top: 5px;
	height: 46px;
	}

#nav li.current_page_item {
	background:transparent url(../images/menu-sprite.png) repeat-x scroll left -52px;
	height: 52px;
}

#nav li:hover,
#nav li.hover {
	background:transparent url(../images/menu-sprite.png) repeat-x scroll left -52px;
	height: 52px;
}

#nav ul.hover,
#nav li:hover > ul {
	display: block;
}

#nav-cont ul {
	background: #7ab600;
	display: none;
	font: 12px Arial, sans-serif;
	height: auto;
	line-height: auto;
	left: 0;
	position: absolute;
	text-align: left;
	text-transform: none;
	top: 34px;
}

#nav-cont ul,
#nav-cont ul a {
	height: auto !important;
	line-height: auto !important;
}

#nav-cont ul,
#nav-cont ul li {
	width: 180px;
}

#nav-cont ul a {
	border-bottom: 1px solid #9ed218;
	padding: 4px 10px;
	width: 160px;
}

#nav-cont ul ul {
	background: #9ed218;
	left: 180px;
	top: 0;
}

#nav-cont ul li.hover,
#nav-cont ul li:hover {
	margin-top: 0px;
	background: #9ed218;
}

#nav-cont ul ul li.hover,
#nav-cont ul ul li:hover {
	margin-top: 0px;
	background: #7ab600;
}


/**
 *  #container
 *  @desc  Main container for the whole content. It has 1, 2 and 3 columns
 *         support, depending on child class elements.
 */
#nav .searchform {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
}

#nav .searchform input,
#nav .searchform button {
	position: absolute;
}

input {
	color: #666;
	font: 14px Arial, sans-serif;
	padding: 2px;
}

.searchform input {
	width: 225px;
}

#nav .searchform input {
	right: 48px;
	top: 10px;
}

button {
	background: #97420a;
	color: #fff;
	border: 0;
	font-size: 10px;
	font-weight: bold;
	height: 22px;
	padding: 0;
	text-transform: uppercase;
	text-align: center;
	vertical-align: bottom;
}

.cufon-start button {
	font-size: 14px;
}

#nav .searchform button {
	right: 14px;
	top: 9px;
}

/**
 *  #container
 *  @desc  Main container for the whole content. It has 1, 2 and 3 columns
 *         support, depending on child class elements.
 */
#container {
	text-align: justify;
	
	z-index: 1;
	width:928px;
}

#banner {
	overflow: hidden;
	background: #fff;
	padding: 11px 14px;
	text-align: center;
	width: 900px;
	height: 271px;
	position: relative;
}

#carousel-cont, #carousel ul, #carousel li {
	height: 271px;
	overflow: hidden;
	margin: 0;
	padding: 0;	
}

#carousel-cont ul {
	list-style: none;
}

#carousel-cont li {
	float: left;
}

#carousel-cont .prev,
#carousel-cont .next {
	background: url(../images/arrows.png) right top;
	width: 54px;
	height: 71px;
	position: absolute;
	z-index: 5;
	top: 111px;
	display: none;
}

#carousel-cont .prev {
	left: 14px;
}

#carousel-cont .next {
	right: 14px;
	background: url(../images/arrows.png) left top;
}

#ie6 #carousel-cont .next {
	right: -1px;
}

#carousel-cont .prev:hover,
#carousel-cont .next:hover {
	cursor: pointer;
	}

#carousel-cont a {
	display: block;
	width: 100%;
	height: 100%;
}

#carousel-cont a img {
	border:none;
	padding: 0;
}

#callout {
	float: right;
	width: 334px;
}

#callout-testimonials {
	background: #fff url(../images/block.jpg) repeat-x left bottom;
	height: 151px;
	overflow: hidden;
}

#callout-subscribe {
	background: #fff url(../images/block.jpg) repeat-x left bottom;
	height: 150px;
	overflow: hidden;
}

#callout .content {
	padding: 15px 95px 10px 12px;
}

#callout-testimonials .content {
	background: url(../images/icon_testimonial.png) no-repeat 260px 50px;
}

#callout-subscribe .content {
	background: url(../images/icon_subscribe.png) no-repeat 260px 50px;
	padding-right: 15px;
	padding-top: 25px;
}

h2 {
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 5px;
	font-weight: bold;
}

h2,
h2 a {
	color: #240f03;
	text-decoration: none;
}

h2 a:hover {
	text-decoration: underline;
}

h2.post-title {
	font-size: 20px;
}

.cufon-start h2.post-title{
	font-size: 25px;
	font-weight: bold;
	line-height: 1;
}

#callout blockquote {
	background: url(../images/quote.png) no-repeat;
	color: #9d897b;
	font-size: 1.4em;
	font-weight: bold;
	font-style: normal;
	margin: 0;
	padding: 15px 20px 10px;
	text-align: center;
}

.cufon-start #callout blockquote {
	font-size: 25px;
	letter-spacing: -1px;
	line-height: 1;
}

#callout-subscribe h2 {
	margin-bottom: 10px;
}

#callout-subscribe form {
	text-align: right;
	width: 230px;
}

#callout-subscribe input {
	padding: 2px 4px;
	width: 215px;
}

#callout-subscribe button {
	background: transparent url(../images/button_subscribe.png) no-repeat;
	border: 0;
	height: 22px;
	padding: 0;
	width: 79px;
}

#callout-subscribe button span {
	display: none;
}

.widget {
	background: #fff url(../images/block.jpg) repeat-x left bottom;
	color: #431e08;
	float: left;
	padding: 7px 8px;
}

.size1of3 {
	margin-right: 10px;
	width: 192px;
}

.last {
	margin: 0;
}

input,
select,
textarea {
	width: 70px;
	border: solid 1px #cccccc;
	background: #ffffff;
}

#types input,
#q-listing input,
#q-property input,
#listing input,
#property input {
	border: none;
	width: 15px;
	height: 15px;
}

/**
 *  #form de real state
 *  @desc  Footer container, it has 2 rows with repeated content site wide
 *         It has FooterStick Alt support by "FooterStick Alt" by
 *         "Cameron Adams" http://themaninblue.com/experiment/footerStickAlt/
 */
.search-home,
.search-result,
.house,
.contact-agent {
	margin-left:7px;
	padding-left:0;
	padding-right:0;
	padding-top:0;
	width:671px;
 }
 
.search-house h3,
.search-result h3,
.house h3,
.contact-agent h3{
	background: url(../images/let-help.png) no-repeat;
	height: 43px;
}

.search-house h3 span,
.search-result h3 span,
.house h3 span,
.contact-agent h3 span {
	display:none;
}

.search-house form {
	text-align: center;
	background: #EBF5F9;
	padding-left: 20px;
	padding-bottom: 20px;
}

.search-house #search-terms {
	width: 400px;
	margin-left: 20px;
	}
	
.search-house ul {
	list-style:none;
}
.search-house ul li {
	float: left;
	margin-right: 10px;
}

.search-house fieldset {
	margin-top: 10px;
	margin-bottom: 15px;
}

.search-house fieldset.location {
	padding-top: 10px;
	}
	
.search-house fieldset#price {
	margin-left: 20px;
	}
	
.search-house fieldset#price p{
	text-align: left;
	}
	
.search-house fieldset#habitation{	
	padding-left:30px;
	padding-top:13px;
}

.search-house fieldset#listing legend,
.search-house fieldset#property legend {
	font-weight: bold;
}

.search-house fieldset#habitation label{
	font-weight: bold;
	}

.search-house fieldset#another ul {
	height: 38px;
	margin-bottom:69px;
	margin-top:2px;	
	}
	
.search-house fieldset#another ul li {
	margin-right: 20px;
	font-weight: bold;
	}
	
.search-house fieldset#another {
	font-weight: bold;
	margin-left: 56px;
	}
	
.search-house fieldset#another .another{
	text-align: left;
	padding-bottom: 10px;
	}
	
.search-house fieldset#another .another ul{
	padding-left: 0;
	margin-left: 0;
	}	
	
.search-house fieldset#prices input,
#another .another input {
	background: url(../images/input-backgroung.png) no-repeat;
	height:14px;
	padding-bottom:7px;
	padding-left:6px;
	padding-right:6px;
	padding-top:7px;
	width:89px;	
	border: none;
	}

.search-house .another {
	height:55px;
	}
	
.search-house .submit {
	float: right;
	margin-right: 30px;
	width: 130px;
	}

.search-house fieldset#listing,
.search-house fieldset#property{
		text-align: left;
	}
	
.search-house form div fieldset {
	float: left;
}

.search-result #result-header{
	background: #ebf5f9;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.search-result .result-content{
margin-bottom:10px;
margin-top:0;
padding-bottom:5px;
padding-right:10px;
padding-top:10px;
width:627px;
	height: 100px;
	background: #ebf5f9;
	}
	
.search-result .result-content img{
	background: url(../images/img-background2.png) no-repeat;
	padding-bottom:6px;
	padding-left:2px;
	padding-right:6px;
	padding-top:1px;	
	}	
	
.search-result ul {
	list-style:none;
}

.search-result ul li.photo{
	float: left;
	width: 120px;
}

.search-result ul li{
	float: left;
	width: 94px;
}

.search-result .more-info{
	float: left;
	margin-top: 50px;
	}

.search-result .send-question{
	float: right;
	background: #80B80D url(../images/search_c.png) repeat-x;
	margin-top:50px;	
}

.search-result .send-question a{
	display: block;
	color: #ffffff;
	text-decoration: none;
	height:23px;

	padding-left:20px;
	padding-right:20px;
	padding-top:4px;
	}

#paginator .prev {
	float: left;
}

#paginator .next {
	float: right;
}

#paginator .pag {
	float: right;
}

#paginator .pag li{
	width: 10px;
}

/**
 *  #footer
 *  @desc  Footer container, it has 2 rows with repeated content site wide
 *         It has FooterStick Alt support by "FooterStick Alt" by
 *         "Cameron Adams" http://themaninblue.com/experiment/footerStickAlt/
 */
#footer {
	background:transparent url(../images/footer-bg.jpg) repeat-x scroll left bottom;
	color:#8B4E10;
	height:254px;
	z-index:1;
	font-size: 12px;
	position: relative;
}

#foot-content {
	margin:0 auto;
	width: 960px;
	padding-top: 100px;
}

#foot-nav {
	list-style: none;
	margin: 0 0 0.25em;
	overflow:hidden;
}

#foot-nav,
#foot-nav * {
	height: 1em;
	line-height: 1;
	color: #8B4E10;
}

#foot-nav li {
	border-left: 1px solid #B16920;
	display: inline;
	padding:0 4px 0 8px;
}

#foot-nav li.first {
	border:0;
	padding-left:0;
}

#credits {
	margin:0 auto;
		padding-top: 120px;
	width:927px;
}

.lastUnit a {
	color: #8B4E10;
}

/**
 *  #content
 *  @desc  Footer container, it has 2 rows with repeated content site wide
 *         It has FooterStick Alt support by "FooterStick Alt" by
 *         "Cameron Adams" http://themaninblue.com/experiment/footerStickAlt/
 */
 
#content {
	background: #c1b185;
	margin-top:20px;
	padding:7px 11px 0px 11px;
	position:relative;
	width: 905px;
}

.home #content {
	/*background:transparent url(../images/semi-transparent-bg.png) repeat scroll left top;*/
	background: #c1b185;
	height:535px;
	margin-top:20px;
	padding:7px 11px 0px 11px;
	position:relative;
	width: 905px;
}

.page-template-service-php #content,
.page-template-services-php #content {
	margin-top: 0;
}

#sidebar {
	float: right;
	padding-right: 10px;
	width: 324px;
}

.content {
	padding: 10px;
}

.post {
	min-height: 220px;
	padding: 10px 10px 20px;
}

#ie6 .post {
	height: 250px;
}

h1 {
	font-size: 28px;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0;
}

.post-meta {
	font-size: 0.9em;
	margin-bottom: 0.5em;
}

.post-meta,
.post-meta a {
	color: #555;
}

.post-navigation {
	padding: 5px 0px;
	text-align: center;
}

.post-share {
	float: left;
}

.post-share img {
	height: 18px;
}

.post-ratings {
	float: right;
	width: 160px !important;
}

.post .post-content p {
	font-family: Arial;
	font-size: 12px;
	color: #000;
}

a img {
	background: #fff;
	border: 1px solid #ccc;
	color: #666;
	padding: 2px;
}

.alignleft {
	float: left;
	margin: 0 1em 1em 0;
}

.alignright {
	float: right;
	margin: 0 0 1em 1em;
}

.alignnone {
	clear: both;
	float: none;
	margin: 0 0 1em 0;
}

.aligncenter {
	clear: both;
	float: none;
	margin: 0 0 1em 0;
	text-align: center;
}

img.alignleft,
img.alignright,
img.aligncenter,
img.alignnone {
	background: #fff;
	padding: 7px 8px;
	border: 1px solid #666;
	border-color: #ddd #bbb #bbb #ddd;
}

hr {
	border: 1px solid #ccc;
	border-width: 0 0 1px;
	margin: 10px 0;
}

#map {
	width: 350px;
	height:278px;
	margin-left:10px;
	float: right;
	overflow: hidden;
	background: #fff;
	padding: 7px 8px;
	border: 1px solid #666;
	border-color: #ddd #bbb #bbb #ddd;
}

/* Formularios */

#cformsform legend {
	color:#240F03;
	font-size:20px;
	font-weight:normal;
	letter-spacing:-1px;
	line-height:1;	
}

#sidebar .widget {
	width: 308px;
}

#sidebar form input, #sidebar form textarea {
	width:170px;
}

#post-4 form {
	margin-top: 200px;
}
.post-content form {
	width:305px;
}

#sidebar form {
	width: 280px;
	padding-top: 10px;
}

.post-content form,
#sidebar form {
}

#cformsform ol {
	list-style: none;
	margin-top: 8px;
}

.post-content #sendbutton,
#sidebar #sendbutton  {
	height:27px;
	margin-left:84px;
}

#cformsform ol li {
	margin-bottom:2px;
}

.post-content #cformsform label,
#sidebar #cformsform label {
	float:left;
	width:65px;
}

.post-content form input, .post-content form textarea {
	width:198px;
	padding-left: 2px;
	padding-right: 2px;
}

p.linklove {
	display: none;
}

/**
 *  #services
 *  @desc  Footer container, it has 2 rows with repeated content site wide
 *         It has FooterStick Alt support by "FooterStick Alt" by
 *         "Cameron Adams" http://themaninblue.com/experiment/footerStickAlt/
 */
 
#services {
 	position: absolute;
 	right: -10px;
 	list-style: none;
 	margin: 0;
 	width: 630px;
 }
 
#ie6 #services {
	right: -30px;
}

#services a img,
.post-content a img {
	border: none;
	padding: 0;
}

#services li,
.services .deco,
.products .deco {
	background: url(../images/box-sprite.png) no-repeat;
	display:block;
	float:left;
	height:231px;
	margin-right:19px;
	text-align:center;
	width:191px;
	padding-top: 18px;
 }
 
.products .deco {
	width:291px;
	margin-right: 0;
	height: 180px;
	background: url(../images/box-products.png) no-repeat;
	} 
  
#services li:last-child {
	/*margin-left: -5px;*/
	} 
 
#services li p.service-title,
.service .deco p.service-title,
.services p.service-title,
.products p.product-title {
	background:#A40328 url(../images/services-sprite.png) repeat-x scroll left top;
	display:block;
	font-family:Helvetica,Arial;
	font-size:21px;
	height:43px;
	line-height:40px;
	margin:8px 0 0 -1px;
	position:relative;
	width:182px;
	color: #fff;
}

.products p.product-title {
	width:282px;
}

.cufon-start p.product-title,
.cufon-start p.service-title,
.cufon-start #services li p.service-title{
	font-weight: bold;
}

.cufon-start #ie6 p.service-title,
.cufon-start #ie6 p.product-title,
.cufon-start #ie6 #services li p.service-title,
.cufon-start #ie7 p.service-title,
.cufon-start #ie7 p.product-title,
.cufon-start #ie7 #services li p.service-title {
	padding-top: 10px;
	height: 33px;
}

#ie6 .service p.service-title,
#ie6 #services li p.service-title,
#ie6 .services .deco p.service-title
#ie6 .products .deco p.product-title
#ie7 .service p.service-title,
#ie7 #services li p.service-title,
#ie7 .services .deco p.service-title,
#ie7 .products .deco p.product-title {	
	margin-left: -11px;
	}

.service-title span.s-left-corner,
.service-title span.s-right-corner,
.product-title span.s-left-corner,
.product-title span.s-right-corner {
	background:transparent url(../images/services-sprite.png) no-repeat left -43px;
	display:block;
	height:54px;
	left:0;
	position:absolute;
	top:0px;
	width:11px;
}

.service-title span.s-right-corner,
.product-title span.s-right-corner {
	background-position:right -43px;
	left:100%;
	top:0;
	width: 10px;
}

.service-title a,
.product-title a {
	color: #fff;
	text-decoration: none;
}

.service-title a:hover,
.product-title a:hover {
	text-decoration: underline;
}

.highlighted {
	background:transparent url(../images/box-sprite.png) no-repeat scroll right top;
	color:#757575;
	height:261px;
	overflow:hidden;
	position:absolute;
	left:-9px;
	text-align:left;
	top:-10px;
	width:295px;
	padding: 10px;
	z-index: 20;
}

div.second {
	top:271px;
}

#services .second {
	margin-top: 31px !important;
}

.highlighted p {
	margin: 5px 18px;
}

.highlighted h2 {
	overflow:hidden;
	font-size: 1.6em;
	text-align: center;
	color: #B16920;
	padding-top: 5px;
}

.highlighted p.callus {
	font-weight: bold;
	font-size:1.2em;
	margin-top: 15px;
	}

#h-about-title {
	background:transparent url(../images/tngh-sprite.png) no-repeat scroll -393px -110px;
	height: 70px;
	margin: 0 0 0 15px;
	padding: 5px 10px 0 34px;
}

.products,
.services {
	float: left;
	width: 442px;
	height: 259px;
	overflow: hidden;
	padding: 0 10px 0 0;
	color: #000;
}

.products {
	width: 291px;
	height: 180px;
}

.products h2,
.services h2{
	text-align: center;
	margin-top: 20px;
	margin-bottom: 5px;
}

.products h2 a,
.services h2 a{
	color: #77001b;
	text-decoration: none;
}

.service div.title {
	background:transparent url(../images/box-sprite.png) no-repeat right -281px;
	float:right;
	height:101px;
	width:513px;
	margin: -10px 29px 0 0;
	padding: 0 13px 0 0;
}

.service img.title{
	background: #fff;
	padding: 5px 7px;
	float: left;
	margin: 0 15px 5px 0;
}

.service h2 {
	background:#A40328 url(../images/services-sprite.png) repeat-x scroll left top;
	color:#FFFFFF;
	display:block;
	font-family:Helvetica,Arial;
	font-size:21px;
	height:43px;
	line-height:40px;
	margin:25px 0 0 -1px;
	position:relative;
	text-align: center;
}

.cufon-start #ie6 .service h2,
.cufon-start #ie7 .service h2 {
	height:33px;
	padding-top: 10px;
}

.service h2 a{
	color:#FFFFFF;
	text-decoration: none;
}

.home form ul {
	list-style: none;
}

.home form li {
	height: 25px;
	margin: 5px 0;
}

.home form input {
	width: 200px;
	height: 19px;	
}

.home form label {
	float: left;
	width: 45px;
	height: 25px;
	line-height: 25px;
}

.home form li.submit {
	text-align: center;
	margin: 10px 0;
	}

.home form input.submit {
	height: 25px;
	padding: 2px 15px;
	width: 150px;
}


/*

	GalleryView Stylesheet
	
	Use the CSS rules below to modify the look of your gallery.
	
	To create additional rules, use the markup below as a guide to GalleryView's architecture.
	
	<div class="gallery">
		<div class="panel">
			<img src="path/to/image.jpg" />
			<div class="panel-overlay">
				...overlay content...
			</div>
			<div class="overlay-background"></div>
		</div>
		<ul class="filmstrip">
			<li class="frame current">
				<img src="path/to/thumbnail.jpg" />
				<div class="caption">caption text</div>
			</li>
			<li class="frame">
				<img src="path/to/thumbnail.jpg" />
				<div class="caption">caption text</div>
			</li>
		</ul>
	</div>
		

*/

ul.galleryview {
	list-style: none;
	height: 100%;
	width: 100%;
	overflow: hidden;
	margin: 0;
}

ul.galleryview li{
	display: none;
}

ul.galleryview li:first-child{
	display: block;
}

/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#photos { visibility: hidden; }

/* GALLERY CONTAINER */
.gallery { margin: 0 auto;}

.gallery ul {
	text-indent: 0 !important;
	list-style: none !important;
}

.gallery ul li {
	display: inline;
}

/* LOADING BOX */
.loader { background: url(loader.gif) center center no-repeat #ddd; }

/* GALLERY PANELS */
.panel {
}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */

.panel .panel-overlay,
.panel .overlay-background { height: 0px;}

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #222; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 1.6em; font-weight: bold;}
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #aaa; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #000; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }

/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #000;
}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
	filter: chroma(color=pink);
}