/*** GLOBAL  ***/
html,body{height:100%; min-height:100%}
body {
	font-family:Verdana, arial;
	font-size:12px;
	text-align:justify;
	margin:0 auto;
	color:#656253;
	line-height:20px;
	background: transparent url(../img/bg.jpg) repeat 0% 0%;
	word-wrap:break-word;
	}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
.clr{clear:both}
form{margin:0; padding:0;}
hr {
	border: 0;
	color: #f2f2f2;
	background-color: #f2f2f2;
	height: 1px;
	margin:5px 0px 5px 0px;
	padding:0px;
}
*+html hr{margin:0px 0px 5px 0px;}

hr.dotted{background-image:url(../images/t-horizontal.gif) !important; border:0px; background-repeat:repeat-x;}


/*** END OF GLOBAL  ***/ 

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2{margin-bottom:12px; font-family:Arial, Verdana; font-weight:normal; color:#880000}
h3, h4, h5, h6{margin-bottom:8px; font-family:Arial, Verdana; font-weight:normal; color:#880000;  letter-spacing:-1px}
h1 {font-size:28px; line-height:30px;}
h2 {font-size:22px; line-height:24px;}
h3 {font-size:18px; line-height:20px;}
h4 {font-size:14px; line-height:15px;}
h5, h6 {font-size:13px; line-height:15px;}

/* links */
a, a:link, a:visited {color:#fff; text-decoration:none;}
a:hover{color:#fff; text-decoration:none;}
a img{border:none}
.imgleft{float:left; margin-right:15px; margin-top:5px;}
.imgborder{padding:0px; margin:5px 0px;}
.imgright{float:right; margin-left:15px;}
.imgcenter{ margin:5px 0px 10px 0px; display:block; text-align:center}

/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	font-size:12px;
	margin-bottom:20px;
}
ul, ol {
	margin:10px 0 20px 20px;
}
li ol,
li ul
{
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}
	
blockquote {
	font-size:12px;
	margin:20px 0 20px 0px;
	color:#6b6b6b;
	padding:15px 20px 10px 35px;
	background-image:none;
	line-height:20px;
	border-left:solid 5px #880000;
	background-color:#f6f6f6;
	}

/* code */
code {
	font-family:Verdana, Arial;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #e0e0e0;
	padding:15px 10px;
}
hr { border-bottom:1px dotted #000; width:940px; background:#fff;margin-bottom:30px
}

/*** END OF DEFAULT ELEMENT STYLES ***/

/*** CONTAINER ***/
#wrapper{width:100%;}
#container{width:940px; margin:0 auto; padding:0px 30px; background-color:#fff; -moz-box-shadow: 0 0 15px #000;
-webkit-box-shadow: 0 0 15px #000;
box-shadow: 0 0 15px #000;
}

/* TOP */
#top{height:92px; border-top:solid 3px #880000; padding:22px 0px 0px 0px; width:100%; clear:both;}
#logo h1, #logo h1 a, #logo h1 a:visited{font-size:32px; color:#880000; margin-bottom:0px; font-weight:bold; }
#logo h1 a:hover{text-decoration:none; position:absolute; }
#logo .t1{color:#656253; }
#logo .desc{color:#7c7a6b; font-size:15px; letter-spacing:.39em;  }
.logonav { float:left; display:block;}
#contact { float:right; width:18%;}
#topnavigation{ border-top: dotted 1px #7c7a6b; border-bottom:dotted 1px #7c7a6b; height:34px;}
#topnav{float:left; width:690px;}
#topnav ul{list-style-type:none; margin:0px; padding:0px 0px 0px 0px;}
#topnav ul li{list-style-type:none; margin:0; padding:0;color:#b9b9b9; background-image:url(images/menu-separator.gif); background-repeat:no-repeat; background-position:0px 12px}
#topnav ul li li{padding:0px;}
#topnav ul li.home{background-image:none;}
#topnav ul li.active{border-top:solid 3px #880000;}
#topnav ul li a, #topnav ul li a:visited{color:#000;}
#topnav ul li a:hover{color:#9fa1a2; text-decoration:none}
#topnav li ul li { 
	float: none; 
	display: inline-block; 
}
#topnav li ul li a { 
	border-left: 1px solid black; 
	border-right: 1px solid black; 
	border-bottom: 1px solid black; 
	background: #fff; 
	color: #000; 
}
#topnav li ul li a:hover { 
	background: #ccc; 
	color: #000;
}
#topsearch{width:250px; float:left; padding:7px 0px 0px 0px;}
#topsearch form p{margin:0px;}
*+html #topsearch {padding:5px 0px 0px 0px;}/* ie 7 only */
* html #topsearch {padding:5px 0px 0px 0px;}/* ie 6 only */
.inputbox{border:solid 1px #c4c3ba; padding:2px 2px 2px 2px; margin-right:3px; vertical-align:middle; width:170px}
.but{border:solid 1px #363637; font-family:Arial; font-size:11px; background-color:#000; color:#fff; padding:2px 10px;  cursor:pointer; vertical-align:middle; text-transform:uppercase}
a.but, a.but:hover{text-decoration:none; color:#fff; padding:6px 10px !important}
*+html .but{padding:2px 3px 1px 3px !important;}/* ie 7 only */
* html .but{padding:2px 3px 1px 3px !important;}/* ie 6 only */

/* HEADER */
#header{height:350px; clear:left; margin:10px 0px 0px 0px; border-bottom:dotted 0px #7c7a6b; position:relative}
#header-inner{background-image:url(images/dotted-horizootal.gif); background-repeat:repeat-x; background-position:bottom; padding:35px 0px 20px 0px}
#header-inner h1.pagetitle{margin:0px; color:#444133; font-size:30px;}
#slideshow ul{margin:0px; padding:0px; list-style-type:none;}
#slideshow ul li{margin:0px; padding:0px; list-style-type:none;}

/* CONTENT */
#content{margin:20px 0px; background-image:url(images/bg-content.gif); background-repeat:repeat-y; width:940px}
#content-full{margin:20px 20px 0px 0px}
#content-left{width:650px; float:left;}
#content-right{width:290px; float:left;}
.left {width:20%;float:left;}
.right {width:75%; float:left;}
.right label {font:22px; color:#880000; font-size:bold;}
.content { width:100%; clear:both; border-bottom:1px dotted #000;}
.content label { font-size:22px; margin-bottom:12px; font-family:Arial, Verdana; font-weight:normal; color:#880000 }
.content-left{ float:left; padding:10px;}
.content-right{width:50%; float:right; padding:30px 46px 0 0px;}
.content-leftrev{ float:right; padding:15px;}
.content-rightrev{ float:left; padding:30px 0 0 46px;}
#maintext{ margin:0 auto;}
.inline{ width:100%; clear:both;}
ul.inline{list-style-type:none; padding:0px; margin:20px 0px 20px 0px; }
ul.inline li{list-style-type:none; padding:19px; margin:0px 20px 0px 0px; display:block; float:left; width:27%; margin-bottom:30px; border-top:3px solid #880000;  border-radius:1em; border-bottom:0px dotted #000;
border-left:0px dotted #000;border-right:0px dotted #000; background:url('../img/bg.png'); }
ul.inline li ul ol { line-height:20px; background-image:url('../img/right.gif') no-repeat 0% 0%;}
ul.inline li.nomargin{margin:0px;}
ul.inline h2{margin:10px 0px 5px 0px; font-size:22px;}
ul.inline span{float:right; color:#ffffff; display:block; background-color: #7fbf4d;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
  background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: linear-gradient(top, #7fbf4d, #63a62f);
  border: 1px solid #63a62f;
  border-bottom: 1px solid #5b992b;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
  box-shadow: inset 0 1px 0 0 #96ca6d;
  color: #fff;
  font: normal 16px/1  Geneva, Verdana, sans-serif;
  padding: 10px 20px 10px 20px;
  text-shadow: 0 -1px 0 #4c9021;
  }
ul.inline span a, a:hover{float:right; color:#ffffff; }
#outerblock {width:100%; clear:both; }
#inlineblock { float:left; width:30%; margin-left:10px; padding:10px; display:block; border-top:3px solid #880000; background:url('../img/bg.png');  border-radius:1em;}
#inlineblock .navlist {padding-top:20px;}
#inlineblock .navlist  li{ list-style-type: none;
background: url('../img/arrow.png') no-repeat top 2px left 0;
height: 46px;
padding-left: 20px;}
#blurb { padding-top:20px; width:940px;}

.leftwidget{ width:100%; clear:both;}
ul.leftwidget{list-style-type:none; padding:0px; margin:20px 0px 20px 0px; float:left; }
ul.leftwidget li{list-style-type:none; padding:19px; margin:0px 20px 0px 0px; display:block; float:left; width:27%; margin-bottom:30px; border-top:3px solid #880000;  border-radius:1em; border-bottom:1px dotted #000;
border-left:1px dotted #000;border-right:1px dotted #000; }
ul.leftwidget li.nomargin{margin:0px;}
ul.leftwidget h2{margin:10px 0px 5px 0px;}
ul.leftwidget span{float:right; color:#ffffff; display:block; background-color: #7fbf4d;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
  background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: linear-gradient(top, #7fbf4d, #63a62f);
  border: 1px solid #63a62f;
  border-bottom: 1px solid #5b992b;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
  box-shadow: inset 0 1px 0 0 #96ca6d;
  color: #fff;
  font: normal 16px/1  Geneva, Verdana, sans-serif;
  padding: 10px 20px 10px 20px;
  text-shadow: 0 -1px 0 #4c9021;
  }
ul.leftwidget span a, a:hover{float:right; color:#ffffff; }

.rightwidget{ width:100%; clear:both;}
ul.rightwidget{list-style-type:none; padding:0px; margin:20px 0px 20px 0px; }
ul.rightwidgetli{list-style-type:none; padding:19px; margin:0px 20px 0px 0px; display:block; float:right; width:27%; margin-bottom:30px; border-top:3px solid #880000;  border-radius:1em; border-bottom:1px dotted #000;
border-left:1px dotted #000;border-right:1px dotted #000; }
ul.rightwidget li.nomargin{margin:0px;}
ul.rightwidget h2{margin:10px 0px 5px 0px;}
ul.rightwidget span{float:right; color:#ffffff; display:block; background-color: #7fbf4d;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
  background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: linear-gradient(top, #7fbf4d, #63a62f);
  border: 1px solid #63a62f;
  border-bottom: 1px solid #5b992b;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
  box-shadow: inset 0 1px 0 0 #96ca6d;
  color: #fff;
  font: normal 16px/1  Geneva, Verdana, sans-serif;
  padding: 10px 20px 10px 20px;
  text-shadow: 0 -1px 0 #4c9021;
  }
ul.rightwidgets span a, a:hover{float:right; color:#ffffff; }


ul.checklist{list-style-type:none; padding:0px; margin:0px}
ul.checklist li{list-style-type:none; padding:0px 0px 0px 20px; margin:0px; background-image:url(images/checklist.gif); background-repeat:no-repeat; background-position:0px 5px;}
* html ul.checklist li{ padding:0px 0px 0px 30px !important;}/* ie 6 only */
#sideright{padding:0px 0px 0px 30px}
#sideright h2{margin-bottom:8px;}
#sideright ul{list-style-type:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
#sideright ul li { background-image:url(images/arrowlist.gif); background-repeat:no-repeat; background-position:0px 11px; padding:5px 0px 5px 20px}
#sideright ul.newslist li{list-style-type:none; padding:5px 0px 10px 0px; margin:0px 0px 5px 0px;  background-image:url(../images/dotted-horizontal.gif); 
background-repeat:repeat-x; background-position:bottom; line-height:20px}
#sideright ul.newslist li.noline{background-image:none; padding-bottom:0px; margin-bottom:0px;}
#sideright ul li a, #sideright ul li a:visited{color:#656253;}
.box{ border-left:1px dotted #000; border-bottom:1px dotted #000; background-position:bottom; padding:0px 0px 18px 20px; margin:0px 0px 18px 0px;}
.boxnoline{background-image:none; padding:0px 0px 18px 0px; margin:0px 0px 18px 0px;}
.news-container .box{ background-image:none; padding:0px; margin:0px;}
#sideright blockquote{margin:10px 0px 0px 0px; padding:0px 0px 0px 30px; background:none; border:0px; background-image:url(images/quote.gif); background-repeat:no-repeat;}
.small{color:#999; font-size:11px;}
span.tblue, span.tblue a, span.tblue a:visited{color:#880000 !important; font-weight:bold;}
span.tblue2{color:#880000 !important;}
.scrollicon { width:auto; padding:20px; background:#fff; display:block; border:1px dotted #000; border-radius:1em; margin:0 auto;}
.row { width:100%; clear:both; display:block; padding:20px;}
.col1 { width:70%; float:left;}
.col2 { width:25%; float:right;}
/* BUTTON */
button.cupid-green {
  background-color: #7fbf4d;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
  background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: linear-gradient(top, #7fbf4d, #63a62f);
  border: 1px solid #63a62f;
  border-bottom: 1px solid #5b992b;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
  box-shadow: inset 0 1px 0 0 #96ca6d;
  color: #fff;
  font: bold 16px/1  Geneva, Verdana, sans-serif;
  padding: 10px 20px 10px 20px;
  text-align: center;
  text-shadow: 0 -1px 0 #4c9021;
  float:right;
   }
  
  button.cupid-green:hover {
    background-color: #76b347;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
    background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
    background-image: linear-gradient(top, #76b347, #5e9e2e);
    -webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
    box-shadow: inset 0 1px 0 0 #8dbf67;
    cursor: pointer; }
  button.cupid-green:active {
    border: 1px solid #5b992b;
	background-color: #c67605 \9;
    border-bottom: 1px solid #538c27;
    -webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee; }
  button.cupid-green.read {
	padding:7px 20px;
	font: normal 16px/1  Geneva, Verdana, sans-serif;
	}
#demobutton {
	padding:20px 20px; margin:30px 240px 30px 0; width:400px; font:2em normal 'Arial, Verdana'; font-style:italic;
	}
  
.contentbox {
width: 100%;
clear: both;
background:url('../img/bg.png');
padding-top:5px;
height:200px;
}
.contentbox .three.columns  h2 {
font-size:22px;
padding-bottom:10px;
}
.contentbox .three.columns   { width: 28%; float:left; padding:20px; }
.row, .clearfix {
zoom: 1;
}
/* Get In Touch
====================================*/
.get-in-touch { margin: 0 0 0 0; }

.get-in-touch .icon-map-marker {font-size: 16px;}
.get-in-touch li {  clear:both; list-style-type:none; padding-bottom:25px; }

.get-in-touch p,
.get-in-touch li,
.get-in-touch a { color: #888 !important; }
.get-in-touch a:hover { text-decoration:none;}
.get-in-touch label {
	float:left;
	width:25%;
	font-weight:bold;
}
.get-in-touch p {
	float:right;
	width:72%;
}
/* PUNCHLINE
====================================*/

#punchtitle h1{
color: #333333;
font-size: 80px;
font-weight: 950px;
letter-spacing: -1px;
text-align:center;
padding-top:35px;
padding-bottom:35px;
}

input.newsletter,
input.search {
	float: left;
	color: #888 !important; 
	box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.06);
	border-radius: 3px 0 0 3px;
	z-index: 1;
	position: relative;
	font-size: 14px;
	width: 85%;
	margin-top: -38px;
	padding: 9px 12px;
	line-height: 18px;
	height: 18px;
}

/* FOOTER */
#footer{padding:10px 0px 40px 0px; width:940px; clear:both;}
.footer-text{font-size:11px; color:#999; float:left;}

/* =================================================================== */
/* NEWSLETTER SUBSCRIBE
====================================================================== */

input.newsletter, input.search {
float: left;
color: #888 !important; 
box-shadow: inset 1px 1px 2px 0 rgba(0,0,0,0.06);
border-radius: 3px 0 0 3px;
z-index: 1;
position: relative;
font-size: 14px;
width: 85%;
margin-top: -38px;
padding: 9px 12px;
line-height: 18px;
height: 18px;
}
 .newsletter-btn, .search-btn {
background-color: #73b819;
}
.newsletter-btn, .search-btn {
background-color: #a0a0a0;
border-radius: 0 3px 3px 0;
box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.1);
border: 0;
font-size: 14px;
color: #fff;
cursor: pointer;
float: right;
z-index: 5;
position: relative;
padding: 9px 16px;
line-height: 18px;
margin: 0;
height: 38px;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

/* =================================================================== */
/* ANCHOR TAG Green #73b819
====================================================================== */

a, a:visited,
#not-found i,
.comment-by span.reply a:hover,
.comment-by span.reply a:hover i,
.categories a:hover,
.testimonials-author,
.happy-clients-author,
.dropcap,
.meta ul li a:hover,
.list-1 li:before,
.list-2 li:before,
.list-3 li:before,
.list-4 li:before { color: #73b819; }

#current,
.menu ul li a:hover,
.menu ul > li:hover > a,
.flickr-widget-blog a:hover { border-color: #73b819; }
.menu ul ul { border-top-color: #73b819; }

.tp-leftarrow:hover,
.tp-rightarrow:hover,
.flexslider .flex-next:hover,
.flexslider .flex-prev:hover,
.featured-box:hover > .circle,
.featured-box:hover > .circle span,
.featured-box:hover > .circle-2,
.featured-box:hover > .circle-3,
.portfolio-item:hover > figure > a .item-description,
.sb-navigation-left:hover,
.sb-navigation-right:hover,
.newsletter-btn,
.search-btn { background-color: #73b819; }

#filters a:hover, .selected { background-color: #73b819 !important; }

.premium .plan-price,
.premium .plan-features a.button:hover { background-color: #68a914; }
.premium.plan h3,
.premium .plan-features a.button { background-color: #73b819; }

.featured-box:hover > .circle-2,
.featured-box:hover > .circle-3 { box-shadow: 0 0 0 8px rgba(115,184,25,0.3); }

#current:after,
.pagination .current,
.pagination ul li a:hover,
.tags a:hover,
.button.gray:hover,
.button.light:hover,
.button.color,
input[type="button"],
input[type="submit"],
input[type="button"]:focus,
input[type="submit"]:focus,
.tabs-nav li.active a,
.ui-accordion .ui-accordion-header-active:hover,
.ui-accordion .ui-accordion-header-active,
.trigger.active a,
.trigger.active a:hover,
.skill-bar-value,
.highlight.color,
.notice-box:hover { background: #73b819; }