@charset "utf-8";
/*  CSS Document for Mint Design */
/*
******************************************************************************************************

Title:			main.css
Browser(s): 	All 

Author: 		Marko Prljić (http://www.markoprljic.iz.hr)
Created: 		31.01.2009

******************************************************************************************************
*/


/*-------------------------------DEFINE BODY PROPERTIES----------------------------------------*/



* {
	margin: 0 auto 0 auto; /* GLOBAL RESET */
	padding: 0;
}
body{
	margin:0;
	font-size: 62.5%; 
	font-family: "Trebuchet MS", Arial, Sans-Serif; /*change font*/
	line-height: 150%; 
	color:#333; /*change font color*/
	background: #fff url(../images/bg_body.jpg) repeat-y; /*background color*/
}

div, p, ul, h2, h3, h4, img{
	padding:0px; margin:0px; border:none;
}
ul{
	list-style-type:none;
}
.spacer{
	clear:both; 
	font-size:0px; 
	line-height:0px;
}

a { outline:none; /* Remove Firefox's dotted borders */ text-decoration:none; color:#339900; padding:0; margin:0;}
a img { border:none;} /* Remove IE's blue borders */
a:hover{ color:#000;}

txt a{ color:#819d00;}
/*txt a:hover()*/

h1 {font-size: 1.8em; line-height:1.2em; font-weight:normal; border:none; margin:0; padding:0; color:#333;}
h2 {font-size: 1.8em; line-height:1.2em; font-weight:normal; border:none; margin:0 0 20px 0; padding:0; color:#333;}
h3 {font-size: 2.6em; line-height:1.2em; font-weight:normal; border:none; width:610px; margin:0 0 10px 10px; padding:0; float:left; color:#0099cc;}
h4 {font-size: 1.6em; border:none; margin:0; padding:0; color:#fff;}
h5 {font-size: 1.8em; line-height:1.2em; border:none; margin:0; padding:0; font-weight:normal;}
h6 {font-size: 2.6em; line-height:1em; font-weight:normal; border:none; width:320px; margin:0 0 20px 0; padding:0; float:right;}


.hr{ border-bottom:1px solid #CCCCCC; border-left:none; border-right:none; border-top:none; margin:10px 0 10px 0; }
.left{ float:left;}
.left_margin_right{ float:left; margin:0 10px 0 0; font-size:1.2em;}
.left_margin_right_top{ float:left; margin:4px 10px 0 0;}
.right{ float:right;}
.right_margin_top{ float:right; margin:-50px 0 0 0;}
.right_margin_right{ float:right; margin:0 20px 0 0;}

/*-------------------------------END----------DEFINE BODY PROPERTIES----------------------------------------*/

/*------------------------------GLOBAL TYPOGRAPHY--------------------------------*/

p  {font-size: 1.2em; padding:0 10px 0 0; line-height:1.4em;}
.fat{font-weight:bold;}
.small  {font-size: 1.1em; padding:0; line-height:1.4em;}
.big {font-size: 2.2em; padding:0; line-height:1.4em; color:#666666;}
.white {font-size: 1.2em; padding:0 10px 0 0; line-height:1.4em; color:#fff;}
.heading {font-size: 1.4em; font-weight:normal; border:none; margin:0; padding:0;}

/*------------------------------CONTENT--------------------------------*/

.wrapper{ width:960px; height:100%; margin:0; text-align:left;overflow:hidden;}
.header{ width:650px; padding:20px 10px 20px 90px; font-size:1.2em;}
.teaser_overlay{width:690px; height:224px; margin:30px 30px 70px 90px; background-color:#fff; border:4px solid #fff;}
.main_content .box_left{ width:370px; float:left; padding:0 10px 0 0;}
.main_content .box_left p{ padding:0 15px 0 15px; line-height:1.6em;}
.main_content .box_right{ width:210px; float:left; padding:35px 40px 0 50px; }
.main_content .box_right p{ line-height:1.6em; color:#999;}
.side{ width:120px; padding:50px 0 0 0; margin:0; float:right; position:relative;}

.main_content{width:700px; height:100%; padding:0 0 0 90px; margin:0; color:#666;}
.main_content .portfolio{ padding:0 0 50px 0; margin:0; float:left;}
.main_content .main_left{ width:460px; float:left; margin:50px 0 50px 0;}
.main_content .main_left p{ padding:0 15px 0 15px; line-height:1.6em;}
.main_content .main_left .blog_entry { padding:15px 0 50px 0;}
.main_content .main_left .blog_entry p.title{ font-weight:bold;}
.main_content .main_left .blog_entry p.stats { font-weight:normal; margin:15px 0 0 0;}
.main_content .main_left .blog_entry p.stats a{ font-style:italic;}
.main_content .main_left .blog_entry p.cats { font-weight:normal; margin:15px 0 0 0;}
.main_content .main_left .blog_entry p.cats a{ font-style:normal;}
.main_content .main_left .blog_entry p.lead_txt { font-weight:normal; margin:15px 0 0 0;}
.main_content .main_right{ width:220px; float:left; margin:50px 0 50px 0;}
.main_content .main_right p{ padding:0 15px 0 15px; line-height:1.6em;}
.main_content .box{ float:left; width:220px; padding:0; margin:0 10px 50px 0; display:inline; overflow:hidden;}
.main_content .box p{padding:0 15px 0 15px; line-height:1.6em;}

.img_hld_stroke{float:left; width:200px; height:100px; background-color: #cfcfcf; padding:1px; margin:30px 0 15px 15px; display:inline; overflow:hidden;}
.img_hld{ width:180px; height:80px; background-color:#fff; border:none; padding:10px;}

.folio_img_hld_stroke{float:left; width:200px; height:100px; background-color: #cfcfcf; padding:1px; margin:15px; display:inline; overflow:hidden; }
.folio_img_hld{ width:180px; height:80px; background-color:#fff; border:none; padding:10px;}

ul.listing{ padding:20px 0 0 0; margin:0;}
ul.listing li{ list-style-image: none; background-image:url(../images/bullet.png); background-repeat: no-repeat; background-position: left center; padding:0 0 5px 25px; font-size:1.2em; color:#999;}

ul.listing_cont{ padding:20px 0 0 15px; margin:0;}
ul.listing_cont li{ list-style-image: none; background-image:url(../images/bullet.png); background-repeat: no-repeat; background-position: left center; padding:0 0 5px 25px; font-size:1.2em; color:#999;}

ul.tags{ padding:15px 0 30px 0; margin:0;}
ul.tags li{ list-style-image: none; padding:0 0 5px 15px; font-size:1.2em; color:#999;}
ul.tags li a {color:#666;}
ul.tags li a.active {color:#339900;}

/*NAVIGATION*/

#nav ul {margin: 0; padding: 0; list-style: none; float:left; border-bottom:none; border-left:4px solid #ededed; border-right:none; border-top:none; background: url(images/blank.png) no-repeat left top;}
#nav ul li {float: left; display: block; margin:0 0 20px 0; clear: both;width: 100%;}
#nav ul li.odd {float: left; display: block; margin:0; clear: both;}
#nav ul li a {float: left; display: block; margin: 0; padding:0 0 0 20px; font-size: 1.2em; color: #333;text-decoration: none; }
#nav ul li a:hover{ margin:0 0 0 0px; padding:0 0 0 20px; color: #339900; border:none;}
#nav .selected {margin:0 0 0 0px; padding:0 0 0 20px; color: #339900; border:none;}
#nav .span{width: 4px; height: 15px; background-color: #339900;float: left;padding:0px;margin:0 0 0 -4px;display: none;}


#slider {
    width: 690px; /* important to be same as image width */
    height: 224px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 690px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 12px/15px Trebuchet MS, Arial, sans-serif;
    padding: 10px 13px;
    width: 690px;
    background-color: #fff;
    filter: alpha(opacity=60);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #000;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}


#preview{position:absolute;border:1px solid #b6b6b6;background:#fff;padding:5px;display:none;color:#333;}
#tooltip{position:absolute;border:1px solid #b6b6b6;background:#fff;padding:2px 5px;color:#333;display:none;}	


/*FOOTER*/
#footer{width:100%; padding:0 0 20px 90px; margin:0; color:#666; clear:both;}


/*------------------------------MAIL FORM--------------------------------*/

form#one {width:100%; margin:30px 0 50px 15px; padding:0;}
form#one fieldset {width:100%;padding:0;font-family:"Trebuchet MS", Arial, sans-serif;margin:0;border: 0;font-size: 1.1em;}
form#one input {border:1px solid #b6b6b6;padding:0.2em 0 0 0.3em;margin:5px 0 5px 0; width:220px; height:20px; font-family:"Trebuchet MS", Arial,  sans-serif; font-size:1.1em; color:#666;}
form#one label{font-family:"Trebuchet MS", Arial, sans-serif; color:#666; padding:0;}
form#one textarea {width:300px;height:15em;border:1px solid #b6b6b6;padding:0.2em; margin:10px 0 0 0;overflow:auto; font-family:"Trebuchet MS", Arial, sans-serif; font-size:1em; color:#666; }
form#one #button1 { float:left; color:#333;padding:0;cursor:pointer;width:50px;margin:10px 0 0 0; background:#fff;border:1px solid #b6b6b6;font-family:"Trebuchet MS",   Arial, sans-serif;font-size: 11px;}
form#one #button1:hover{margin:10px 0 0 0;color:#000;font-family:"Trebuchet MS",  Arial, sans-serif; border:1px solid #b6b6b6; width:50px;}

form#two {width:100%; margin:30px 0 50px 15px; padding:0;}
form#two fieldset {width:100%;padding:0;font-family:"Trebuchet MS", Arial, sans-serif;margin:0;border: 0;font-size: 1.1em;}
form#two input {border:1px solid #b6b6b6;padding:0.2em 0 0 0.3em;margin:5px 0 5px 0; width:150px; height:20px; font-family:"Trebuchet MS", Arial,  sans-serif; font-size:1.1em; color:#666;}
form#two label{font-family:"Trebuchet MS", Arial, sans-serif; color:#666; padding:0 0 0 10px;}