/*  design and CSS: Nikola Mircic                                                     */



/* General tags */

body {
	background-color:#d6d6d5;
}

p, h1, h2, h3, h4, h5, h6, li {
	font: 13px/18px Arial, Helvetica, sans-serif;
	color: #363636;	
}


h1 {
	font: bold 44px/44px Arial, Helvetica, sans-serif;
	color: #776c68;	
	letter-spacing:-0.02em;
}

h2 {
	font: normal 35px Arial, Helvetica, sans-serif;
	color: #776c68;	
	letter-spacing:-0.02em;
}


h3 {
	font: italic 18px Arial, Helvetica, sans-serif;
	color: #776c68;	
	padding:10px 0;
}

h3.gray {
	font: normal 16px Arial, Helvetica, sans-serif;
	color: #adadad;
	padding:0;
}

h3.blue {
	font: bold 20px Arial, Helvetica, sans-serif;
	color: #5a9bd5;
	letter-spacing:-0.02em;
}

h4 {
	font: bold 15px/18px Arial, Helvetica, sans-serif;
	margin:0; 
}

a {
	color:#3a9bac;
	text-decoration:none;
}

.article a:hover {
	background-color:#e1f3f7;
}


/* layout */

.wrapper {
	width:888px;
	margin:0 auto;
	border-left: 1px solid #c7c5c3;
	border-right: 1px solid #c7c5c3;
	background-color:white;
	position:relative;
}


/* side column */

#left {
	width:171px;
	float:left;
}

.logo {
	background-color:#69c5d7;
	font: bold 24px/23px Arial, Helvetica, sans-serif;
	color: #fff;
	width:171px;
	height:149px;
}

.logo a {
	font: bold 24px/23px Arial, Helvetica, sans-serif;
	color: #fff;
	display:block;
	
	letter-spacing:-0.02em;
	padding:
	display:block;
}

.logo a:hover {
	background-color:transparent;
}

ul.links {
	margin:100px 0;
}

ul.links li {
	margin-left:35px;
}

ul.links li, ul.links li a  {
	font: bold 13px/18px Arial, Helvetica, sans-serif;
	color: #69c5d7;	
}
ul.links li a:hover  {
	color:#636363;
	background-color:transparent;
	}

/* content */

#content {
	float:right;
	width:605px;	
	padding: 17px 56px;
}

ul.main-nav {
	float:left;
	margin-left:-11px;
	width:1000px;
	
}

ul.main-nav li {
	display:inline;
}

ul.main-nav li a {
	float:left;
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #776c68;	
	letter-spacing:-0.02em;
	padding: 0 6px;
	margin: 0 5px;
}

ul.main-nav li a:hover {
	color: #69c5d7;	
	background-color:transparent;
}

ul.main-nav li a:active {
	position:relative;
	top:1px;	
}


/* social links */

.social {
	float:right;
	width:150px;
}

.social p, .social a, .social img {
	float:right;
	color:#5c4b42;
	font-size: 12px;	
	
}

.social a, .social p {
	margin-left:6px;
	line-height:25px;padding-top:20px;
}


/* article */

.article {
	clear:right;
	padding-top:40px;
}


.article ul, .article img, .article p {
	margin-bottom:18px;
}

.article img {
	margin:25px 0;
}

.article ul li {
	background: url(../images/icon-placemarker.gif) no-repeat 2px 4px;
	padding-left:23px;
	font: normal 16px/23px Arial, Helvetica, sans-serif;
}

.article ul.check li {
	background: url(../images/icon-check.gif) no-repeat 1px 6px;
	padding-left:23px;
	font: normal 16px/23px Arial, Helvetica, sans-serif;
}

.article ul.square li {
	background: url(../images/icon-square.gif) no-repeat 0px 2px;
	padding-left:18px;
	font: normal 13px/18px Arial, Helvetica, sans-serif;
	color:gray;
}

.article p.quote {
	padding-left:32px;
	padding-right:32px;
	padding-top:18px;
	padding-bottom:18px;
	font-style: italic;
	background-color:#f4f4f4;
	
}

.article p.legal {
	font: italic 12px/18px Arial, Helvetica, sans-serif;
	color: #6c6c6c;	
}


/* footer */

#footer {
	margin-top:80px;
}

#footer p, #footer a {
	color:#a0a0a0;
	font: 11px/16px Arial, Helvetica, sans-serif;
}

#footer a {
	color:#6d6d6d;
}

#footer a:hover {
	color:#69c5d7;
	background-color:transparent;
}



/* Home Page */

.full-width {
	padding: 23px 60px;
	width:768px;
	float:left;
}

#featured {
	background-color:white;
	clear:right;
}

#featured h2 {
	text-align: center;
}

#featured img {
	margin-bottom: 10px;
}


/* home-columns */

#home-columns {
	padding:20px 0;
}

.home-column {
	float:left;
	margin-right:21px;
	width:242px;
}


/* slideshow */

.sc-slideshow {
	padding-bottom: 18px;
	margin-bottom:18px;
}

a.slideshow  {
	float:left;
	margin: 0;	
/*	border:1px solid #ceeaef;
*/}

	
a.slideshow img {
/*	border:7px solid #e1f3f7;
	-moz-box-shadow: 1px 1px #caeaf0;
	-webkit-box-shadow: 1px 1px #caeaf0;
	box-shadow: 1px 1px #caeaf0;
*/	
	margin: 0;	
	float:left;

}
	
a.slideshow:hover {
/*	border:1px solid #a9d3da;
*/}

a.slideshow:hover img {
/*	border:7px solid #c8e6ed;
*/}



















/* two column slideshows */
/*
.slideshow-box {
	background-color:#e1f3f7;
	width:661px;
	margin-left:-227px;
	padding-left:227px;
	float:left;
	margin-top:18px;
	margin-bottom:18px;
}

.slideshow-box > h1, .slideshow-box > h2, .slideshow-box > h3, .slideshow-box > h4, .slideshow-box > h5, .slideshow-box > h6, .slideshow-box > p, .slideshow-box > img, .slideshow-box > a, .slideshow-box > ul {
	padding-top:12px;
}

.column {
	margin-right:15px;
	float:left;
	width:288px;
	padding-bottom:10px;
	padding-top:10px;
	}

.column img {
	border:7px solid white;
	-moz-box-shadow: 1px 1px #caeaf0;
	-webkit-box-shadow: 1px 1px #caeaf0;
	box-shadow: 1px 1px #caeaf0;
	margin: 0 0 9px 0;	
	
	}
*/