/* CSS Document */

@font-face {
  font-family: YanoneT;
  src: url(fonts/YanoneKaffeesatz-Thin.ttf);
}

@font-face {
  font-family: YanoneR;
  src: url(fonts/YanoneKaffeesatz-Regular.ttf);
}

@font-face {
  font-family: DroidSans;
  src: url(fonts/DroidSans.ttf);
}

@font-face {
  font-family: DroidSansB;
  src: url(fonts/DroidSans-Bold.ttf);
}

.clear {clear:both;}
.30height {height:30px; float:left; clear:both;}
 h1 {font-family:YanoneR; color:#353535; text-align:left; font-size:32px; margin-top:0px; padding-top:0px;}
 h2 {font-family:YanoneR; color:#353535; text-align:left; font-size:28px; margin-top:0px;}
 h3 {font-family:YanoneR; color:#353535; text-align:left; font-size:18px; margin-top:0px; margin-bottom:5px;}

 a {color:#597e13; text-decoration:none;}
 a:hover {color:#000000;}
 
 a img {border:none;}
 h3 a {color:#353535;}
 h3 a:hover {color:#000;}
 
 submit {line-height:30px;}
 
body {background:url(images/background.jpg); margin:0; padding:0; font-size:12px; font-family:DroidSans, Helvetica, sans-serif; color:#333333; line-height:20px;}

/* HEADER */
.header {width:960px; padding-left:10px; padding-right:10px;   }
.logo {float:left; width:700px; text-align:left; margin-top:10px;}
.header-social {float:left; width:240px; text-align:right; margin-top:15px;}
.header-social img {margin-left:5px;}
.callus {font-family:YanoneR; color:#a8a8a8; font-size:16px;}

#menu {border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; margin-top:20px; float:left; clear:both; width:940px; z-index:3000; position:relative;}
#menu ul {margin:0px; border:0px; padding:0px; z-index:1000;}
#menu ul li{ display:inline; float:left; padding-right:25px; padding-left:25px; border-right:1px dashed #ccc; margin-top:12px; margin-bottom:12px; font-family:YanoneR;  color:#5d5d5d; font-size:18px; position:relative; height:22px; }
#menu ul li a {color:#5d5d5d; font-size:18px; text-decoration:none; height:20px; }
#menu ul li a:hover{color:#99ca3c;}
#menu ul li ul {display:none; z-index:3000;}
#menu ul li:hover ul{display:block; position:absolute; padding:5px 5px 0px 5px; border:1px solid #ccc; background:#FFFFFF; left:20px; top:22px; }
#menu ul li ul li {    width:150px; clear:both; height:30px; margin:0px; border-right:none; border-bottom:1px dashed #ccc; text-align:left; line-height:1.5em; height:30px; z-index:1000;}
#menu ul li ul li:last-child { border:none; }
#menu ul li ul li a {margin-left:-10px;}

.search {float:right; margin-top:8px;}
.search .search-form {border:1px solid #ccc; height:25px; width:230px; margin-top:0px; float:left; margin-right:4px; line-height:25px; font-size:12px;}
.search .button {background:#99ca3c; border:0px; font-family:YanoneR; font-size:18px; padding:0px; margin:0px; padding-left:10px; padding-right:10px; height:29px; color:#FFFFFF;}
.search .button:hover {background:#6f6f6f;}


/* SLIDER */
.slider-container {width:100%; background:url(images/slyder-background.jpg); height:458px; margin-top:10px; float:left; border-bottom:2px #e2e2e2 solid; }

/* CONTENT */
.content { width:960px; padding-left:10px; padding-right:10px; }
.welcome {margin-top:15px; width:640px; float:left; text-align:left;}
.welcome h1 {font-size:46px; font-family:YanoneR; color:#353535; margin-bottom:5px; margin-top:30px;}
.welcome p {margin-top:30px; font-family:DroidSans, Helvetica, sans-serif;  color:#414141; line-height:20px;}
.testimonial {color:#353535; font-family:YanoneT; font-size:22px; margin-top:55px; float:left; width:280px; text-align:justify; margin-left:20px;} 
.testmonial-author {font-family:DroidSans, Helvetica, sans-serif; font-size:14px; color:#99ca3c; float:right; margin-top:10px;} 

.dashed-separator {height:1px; width:940px; border-top:1px dashed #ccc; float:left; margin-top:40px; margin-bottom:40px; float:left;}

.column-index { float:left; width:190px; text-align:left; font-family:DroidSans, Helvetica, sans-serif; line-height:1.4em;}
.column-index h2 {
	font-family:YanoneR;
	color:#353535;
	margin:0px;
	padding:0px;
	font-size:20px;
	margin-bottom:20px;
}
.column-index img {float:left; margin-right:5px; margin-bottom:3px;}
.ci-margin {margin-right:58px;}


.middle-pic {width:295px; height:173px; float:left; position:relative;}
.middle-pic img {padding:5px; border:1px solid #ccc;}
.middle-pic img:hover{background: #d5d5d5;}
.middle-pic-band {height:30px; position:absolute; bottom:5px; left:0px;background:#000000; width:283px; margin-left:6px; text-align:left; line-height:30px; color:#FFFFFF; }
.middle-pic-band a { line-height:30px; color:#FFFFFF; text-decoration:none; margin-left:10px; font-family:YanoneR; font-size:18px;}
.middle-pic-margin {margin-right:29px;}

.blog-text {width:290px; text-align:left; margin-left:30px; line-height:1.4em; float:left;}
.blog-text h2 {margin-bottom:10px;}
.blog-text h2 a{color:#333333;}
.blog-text .posted-by {font-size:12px; color:#ccc; clear:both;}
.blog-text .posted-by a {color:#99ca3c; text-decoration:none;}
.blog-text .read-button {float:right; background:#6f6f6f; padding:5px 10px 5px 10px;}
.blog-text .read-button:hover { background:#99ca3c;}
.blog-text .read-button a {color:#fff; font-family:YanoneR; font-size:18px; text-decoration:none;}

.small-sidebar {width:275px; float:left; margin-left:50px; text-align:left;}
.small-sidebar img{ float:left;  padding:3px; border:1px solid #ccc; margin-right:10px;}
.small-sidebar img:hover {background: #d5d5d5; }
.small-sidebar .pic-row {margin-bottom:20px; height:63px;}


.visit-category{float:right; background:#6f6f6f; padding:5px 10px 5px 10px; margin-top:-45px; margin-right:20px;}
.visit-category a {color:#fff; font-family:YanoneR; font-size:18px; text-decoration:none;}
.visit-category:hover { background:#99ca3c;}

/* FOOTER */

.footer {background:#f1f3ec; min-height:250px; border-top:3px solid #eceee6; margin-bottom:20px; margin-top:30px;}
.footer-container {  margin-top:30px; width:960px; }
.footer-column {width:190px; float:left; text-align:left; line-height:1.4em;}
.footer-column h3 {font-size:22px; border-bottom:1px dashed #ccc; padding-bottom:10px;}
.margin50 {margin-right:59px;}
.footer-column ul {margin:0px 0px 0px 12px; padding:0; border:0; } 
.footer-column ul li{padding:4px 0px 4px 0px; border-bottom:1px dashed #ccc;}
.footer-column a { text-decoration:none; color:#000000;}
.footer-column a:hover { color:#99ca3c;}
.newsletter-input { border:1px solid #ccc; width:128px; height:25px; margin-top:5px; margin-bottom:10px; float:left; margin-right:2px; color:#000000; font-size:12px; padding-left:5px; line-height:25px;}
.newsletter-button { height:28px; font-family:YanoneR; font-size:16px; color:#FFFFFF; background:#6f6f6f; border:0px; margin-top:5px; float:left;}
.newsletter-button:hover { background:#99ca3c;}
.footer-bottom { background:#e2e5dc; clear:both; margin-top:-30px;}
.footer-bottom-container {width:960px; height:50px; position:relative;}
.footer-bottom-left {position:absolute; top:16px; left:0px; font-size:12px; color:#92958d;}
.footer-bottom-right {position:absolute; top:16px; right:20px; font-size:12px; color:#92958d;}
.footer form {margin:0; padding:0; border:0;}



/* POST CATEGORY */

.post {width:600px; text-align:left; line-height:1.4em; float:left; color:#727171; border-right:0px dashed #ccc; padding-right:30px;}
.post h2 {margin-bottom:10px;}
.post h2 a {color:#2D2D2D;}
.post .posted-by { color:#ccc;}
.post .posted-by a {color:#99ca3c; text-decoration:none; font-size:12px;}
.post .read-button {float:right; background:#6f6f6f; padding:5px 10px 5px 10px;}
.post .read-button:hover { background:#99ca3c;}
.post .read-button a {color:#fff; font-family:YanoneR; font-size:18px; text-decoration:none;}
.post  img.pimg { float:left; margin-right:30px; margin-bottom:5px; padding:5px; border:1px solid #ccc;}
.post-separator {height:1px; border-bottom:1px dashed #ccc; margin-bottom:35px; margin-top:35px;}
.post p img {padding:5px; border:1px solid #ccc; margin-bottom:10px;}
.post .postedon {font-size:12px; margin-top:-12px;}


.content .breadcrumbs {height:20px; text-align:left; margin-top:10px; margin-bottom:20px; float:left; font-size:12px; color:#727171;}
.content .breadcrumbs a{color:#99ca3c; text-decoration:none;}
.content .breadcrumbs a:hover{color:#000;}

.small-text-index  {
	float:left;
	width:150px;
}


/* SIDEBAR */

.sidebar {width:275px; float:left; margin-left:35px; text-align:left; margin-top:-30px;}
.sidebar img{ float:left;  padding:3px; border:1px solid #ccc; margin-right:10px;}
.sidebar img:hover {background: #d5d5d5; }
.sidebar .pic-row {margin-bottom:20px; height:63px;}
.sidebar h2 { border-bottom:1px dashed #ccc; padding-bottom:10px;}
.sidebar .widget {margin-bottom:50px;}
.sidebar .widget ul {margin:0; padding:0px; margin-left:15px; display:block; margin-top:-10px;}
.sidebar .widget ul li { padding-bottom:8px; padding-top:7px; border-bottom:1px dashed #ccc; }
.sidebar .widget ul li a {text-decoration:none; color:#3d3d3d;}
.sidebar .widget ul li a:hover {color:#99ca3c;}


/* PAGE NAVIGATION */

#navigation {float:left;}
#navigation ul{ margin:0; padding:0;}
#navigation ul li{margin:5px; display:inline; background:#969696; padding:5px; color:#FFFFFF; }
#navigation ul li:hover { background:#99ca3c;}
#navigation ul li a{ text-decoration:none; color:#FFFFFF;}


/* COMMENTS */

.comments {padding:10px; border:1px solid #ccc; margin-top:30px; background:#f5f5f5; float:left; width:580px; position:relative; } 
.comments img {float:left; margin-right:10px; margin-bottom:5px;}
.comments .posted {font-size:12px; padding-left:19px; background:url(images/clock.jpg) no-repeat; float:left;}
.comments p {margin-top:5px; color:#000000;}
.comments .reply { position:absolute; top:10px; right:15px; font-size:12px;}

.comment-form input {height:35px; border:1px solid #ccc; margin-top:30px; width:325px; background:#f5f5f5; float:left;}
.comment-form textarea {border:1px solid #ccc; margin-top:35px; width:580px; background:#f5f5f5; height:250px; float:left;}
.comment-form .form-name { float:left; font-family:YanoneR; font-size:22px; margin-left:25px; margin-top:38px; color:#a5a5a5;}
.comment-form .button {background:#6f6f6f; border:0px; font-family:YanoneR; font-size:18px; padding:0px; margin:0px; padding-left:10px; padding-right:10px; height:35px; color:#FFFFFF; width:100px; margin-top:30px;}
.comment-form .button:hover {background:#99ca3c ;}
.comment-form h2 {margin-top:20px; margin-bottom:5px;}


/* CONTACT */

.contact-left {width:280px; border-right:0px dashed #ccc; float:left; padding-right:19px;}
.contact-right {width:640px; float:left; padding-left:20px; margin-top:8px;}

.contact-cell {padding-bottom:20px;  border-bottom:1px dashed #ccc; text-align:left; margin-bottom:20px; line-height:20px;}
.contact-cell h2 {margin-bottom:5px; line-height:30px;}

.first-container {text-align:left; line-height:20px; padding-bottom:30px; border-bottom:1px dashed #ccc; float:right; margin-bottom:25px; margin-right:20px;}
.first-container img {float:right; margin-left:10px; margin-bottom:5px; }



/* PORTFOLIO */

.portfolio2 {width:447px; float:left; text-align:left; position:relative;}
.portfolio2 img{ padding:6px; border:1px solid #ccc; float:left;}
.portfolio2 h2 {margin-top:15px; margin-bottom:15px; padding:0;}
.portfolio2 .read-button {float:right; background:#6f6f6f; padding:5px 10px 5px 10px; margin-top:10px; margin-bottom:25px;}
.portfolio2 .read-button:hover { background:#99ca3c;}
.portfolio2 .read-button a {color:#fff; font-family:YanoneR; font-size:18px; text-decoration:none;}
.margin40 {margin-right:46px;}
.filter-portfolio {margin-bottom:10px; float:left;}
.filter-portfolio a {font-family:YanoneR; font-size:18px; padding:3px; color:#666666;}
.filter-portfolio a:hover {color:#99ca3c;}
.roll-over {display:none; position:absolute; top:0px; left:0px;}

.portfolio3 {width:294px; float:left; text-align:left; position:relative; }
.portfolio3 img{ padding:6px; border:1px solid #ccc; float:left;}
.portfolio3 h2 {margin-top:15px; margin-bottom:15px; padding:0; font-family:YanoneR; font-size:22px;} 
.portfolio3 .read-button {float:right; background:#6f6f6f; padding:5px 10px 5px 10px; margin-top:10px; margin-bottom:25px;}
.portfolio3 .read-button:hover { background:#99ca3c;}
.portfolio3 .read-button a {color:#fff; font-family:YanoneR; font-size:18px; text-decoration:none;}



.portfolio4 {width:215px; float:left; text-align:left; position:relative;}
.portfolio4 img{ padding:6px; border:1px solid #ccc; float:left;}
.portfolio4 h2 {margin-top:15px; margin-bottom:15px; padding:0; font-family:YanoneT; font-size:22px;} 
.portfolio4 .read-button {float:right; background:#6f6f6f; padding:5px 10px 5px 10px; margin-top:10px;  margin-bottom:30px;}
.portfolio4 .read-button:hover { background:#99ca3c;}
.portfolio4 .read-button a {color:#fff; font-family:YanoneR; font-size:18px; text-decoration:none;}
.margin20 {margin-right:26px;}


.portfolio-big-img {width:480px; float:left; position:relative; margin-bottom:35px;}
.portfolio-big-img img{ padding:6px; border:1px solid #ccc; float:left;}
.portfolio-big-text {width:480px; float:left; text-align:left;}
.portfolio-big-text .read-button:hover { background:#99ca3c;}
.portfolio-big-text .read-button {float:left; background:#6f6f6f; padding:5px 10px 5px 10px; margin-top:10px;}
.portfolio-big-text .read-button a {color:#fff; font-family:YanoneR; font-size:18px; text-decoration:none;}

#filter {margin:0; padding:0;}
#filter li {display:inline; }


#portfolio {margin:0; padding:0; list-style-type:none; float:left; width:960px;}
#portfolio li { list-style:none; list-style-type:none; *display:inline; float:left; }
#portfolio ul { float:left; width:1000px;}

.wtf #portfolio {margin:0; padding:0; list-style-type:none; }
.wtf #portfolio li { list-style:none; list-style-type:none; display:inline;  }



/* NIVO SLIDER */
.theme-default #slider {
    margin:100px auto 0 auto;
    width:618px; /* Make sure your images are the same size */
    height:246px; /* Make sure your images are the same size */
}
.theme-pascal.slider-wrapper,
.theme-orman.slider-wrapper {
    margin-top:150px;
	float:left;
}




.slider-wrapper{
clear:both;
width:1066px;
height:450px;
background:url(images/background-slyder.png) left bottom no-repeat;
position:relative;
padding:0px;
border:0px;
border-top:1px dashed #e9e9e9;
margin-top:8px;
}

.nivo-html-caption {text-align:left; display:none;}
.nivo-html-caption h2 {color:#FFFFFF; margin-bottom:2px;}

.current a {color:#99ca3c;}


.pt-5{
  padding-top: 10px;
}