/*	CSS DOCUMENT BY VLADIMIR MIHAILOVIC 				

	VLADIMIR@IMPLEMENTEK.COM - WWW.IMPLEMENTEK.COM 	

	07.05.2010. - ver. 1	*/		



body {

	background:url(../images/background.jpg) repeat-x center top #000814;

	margin:0px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color: #002541;

}

ul {

	padding:0px;

	margin:0px;

	list-style:none

}

img {

	border:none

}

p {

	line-height:16px;

}

a {

	outline:none;

	color:#0071C4;

	text-decoration:underline;

}

a:hover {

	outline:none;

	text-decoration:underline

}

.clear {

	clear:both

}

.fieldholder {

	float:left;

	overflow:hidden;

	padding-bottom:5px;

	padding-right:20px;

	width:222px;

}

.field {

	background:url("../images/field-input.jpg") no-repeat scroll 0 0 transparent;

	border:medium none;

	color:#002541;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	height:24px;

	padding-left:8px;

	padding-right:8px;

	padding-top:2px;

	width:206px;

}

label {

	color:#002541;

	display:block;

	font-size:10px;

	font-weight:bold;

	padding-bottom:3px;

	padding-left:4px;

	padding-top:10px;

	text-transform:uppercase;

}

.textarea {

	background:url("../images/field-text-area.jpg") no-repeat scroll 0 0 transparent;

	border:medium none;

	color:#002541;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	height:90px;

	padding:8px;

	width:448px;

}

.error {

	color:#FF0000;

}

.header {

	background:url(../images/header_back.jpg) top center no-repeat;

	height:200px;

	position:relative

}

a.logo {

	display:block;

	float:left;

	height:145px;

	margin-left:-10px;

	margin-top:-70px;

	width:145px;

}

a.logo:hover {

	text-decoration:none

}

.bookmark {

	float:right;

	margin-top:-70px;

}

.bookmark a {

	display:block;

	float:left;

	font-size:11px;

	padding-top:4px;

	color:#002541;

	text-decoration:none;

}

.bookmark a:hover {

	text-decoration:underline;

}

.language {

	background:url(../images/language-back.gif);

	color:#002541;

	float:right;

	font-size:11px;

	height:16px;

	margin-left:20px;

	padding-left:8px;

	padding-right:2px;

	padding-top:3px;

	width:109px;

}

.language img {

	float:right;

	margin-right:3px;

}

.language a {

	display:inline;

	padding-top:0px;

	float:right

}

#splash {

	background:url(../images/splash_back.jpg) center top no-repeat;

	height:370px;

	clear:both

}

#splash img {

	display:none

}

#main {

	width:990px;

	margin:0 auto

}

.left {

	float:left;

	width:452px;

}

.left .top {

	background:url(../images/box-top-wide.png);

	height:47px;

}

.left .content {

	background:url(../images/box-repeat-wide.png);

	padding-left:20px;

	padding-right:20px;

}

h1, h2, h3, h4, h5 {

	margin:0px;

	padding:0px;

	font-weight:normal;

}

h1 {

	font-size:18px;

}

h3 {

	font-size:14px;

	color:#236191;

}

.left .content .date {

	font-size:10px;

	font-weight:bold;

	color:#666666;

	text-transform:uppercase

}

.left .content .title {

	font-size:12px;

	font-weight:bold;

	padding-bottom:5px;

	padding-top:2px;

}

.left .content .title a {

	color:#002541;

	text-decoration:none;

}

.left .content .title a:hover {

	text-decoration:underline;

}

.left .content .description {

	color:#666666;

	font-size:10px;

}

.left .content .description a {

	text-decoration:none;

	color:#666666;

	font-weight:bold

}

.left .content .description a:hover {

	text-decoration:underline;

}

.left .content .description img {

	float:left;

	margin-right:10px;

	margin-bottom:5px;

}

.left .content li {

	border-bottom:1px solid #cccccc;

	padding-bottom:10px;

	margin-bottom:10px;

	clear:both

}

.left .content .description .small-title {

	font-size:10px;

	font-weight:bold;

}

.left .content .description .site a {

	color:#666666

}

.left .content .description .site a:hover {

	text-decoration:underline

}

.left .bottom {

	background:url(../images/box-bottom-wide.png);

	height:11px;

	margin-bottom:20px;

}

.left .news-archive {

	float:left;

	font-weight:bold;

	padding-top:5px;

	padding-bottom:10px;

}

.left .facebook {

	float:right;

	padding-top:5px;

}
a.like { 
display:block;
float:right;
margin-left:10px;
margin-top:-4px;}


/*for 2 columns*/

.two-columns .left {

	float:left;

	width:761px;

}

.two-columns .left .top {

	background:url(../images/top-wider.png);

	height:47px;

}

.two-columns .left .content {

	background:url(../images/content-wider.png);

	padding-left:20px;

	padding-right:20px;

	padding-top:1px;

}

.two-columns .left .bottom {

	background:url(../images/bottom-wider.png);

	height:8px;

	margin-bottom:20px;

}

/*for 3 columns-middle smaller*/



.three-columns-wide .left {

	float:left;

	width:532px;

}

.three-columns-wide .left .top {

	background:url(../images/left-smaller-top.png);

	height:47px;

}

.three-columns-wide .left .content {

	background:url(../images/left-smaller-repeat.png);

	height:auto;

	min-height:400px;

	padding-left:20px;

	padding-right:20px;

	padding-top:10px;

}

.three-columns-wide .left .bottom {

	background:url(../images/left-smaller-bottom.png);

	height:8px;

	margin-bottom:20px;

}

.three-columns-wide .middle {

	float:left;

	margin-left:19px;

	width:210px;

}

.three-columns-wide .middle .top {

	background:url(../images/middle-smaller-top.png);

	height:47px;

}

.three-columns-wide .middle .content {

	background:url(../images/middle-smaller-repeat.png);

	height:auto;

	min-height:300px;

	padding-left:20px;

	padding-top:20px;

	padding-bottom:40px;

	padding-right:20px;

}

.three-columns-wide .middle .bottom {

	background:url(../images/middle-smaller-bottom.png);

	height:8px;

	margin-bottom:20px;

}

.middle {

	float:left;

	margin-left:19px;

	width:290px;

}

.middle .top {

	background:url(../images/box-top.png);

	height:47px;

}

.middle .content {

	background:url(../images/box-repeat.png);

	height:auto;

	min-height:200px;

	padding-left:15px;

	padding-top:10px;

	padding-bottom:40px;

	padding-right:10px;

}

.middle .bottom {

	background:url(../images/box-bottom.png);

	height:11px;

	margin-bottom:20px;

}

.middle a {

	font-weight:bold

}

.view-gallery {

	float:left;

	padding-top:20px;

}

.flickr {

	float:right;

	padding-top:20px;

}

#right {

	float:left;

	margin-left:19px;

	width:210px;

}

#right .top {

	background:url(../images/box-top-dark.png);

	height:7px;

}

#right .content {

	background:url(../images/box-repeat-dark.png);

	padding-bottom:20px;

}

#right .content ul {

	padding-bottom:50px;

}

#right .content ul li {

	padding-top:25px;

}

#right .bottom {

	background:url(../images/box-bottom-dark.png);

	height:7px;

	margin-bottom:20px;

}

#footer {

	width:990px;

	margin:0 auto;

	clear:both

}

#footer ul {

	padding-left:20px;

	padding-top:0px;

}

#footer ul li {

	float:left;

	margin-right:32px;

}

#footer ul li a {

	color:#fff;

	font-weight:bold;

	text-decoration:none

}

#footer ul li a:hover {

	text-decoration:none;

	color:#397bac;

}

.copyright {

	color:#5b6e79;

	font-size:10px;

	clear:both;

	padding-left:20px;

	padding-top:15px;

	padding-bottom:30px;

}

.copyright a {

	color:#5b6e79;

	font-weight:bold;

	text-decoration:none

}

.contact-info {

	float:left;

	width:220px;

	padding-top:10px;

	line-height:22px;

}

.contact-info span {

	text-transform:uppercase;

	font-weight:bold

}

/*

	Coin Slider jQuery plugin CSS styles

	http://workshop.rs/projects/coin-slider

*/





.coin-slider {

	overflow: hidden;

	zoom: 1;

	position: relative;

	width:968px;

	margin:auto;

	padding-top:12px;

}

.coin-slider a {

	text-decoration: none;

	outline: none;

	border: none;

}

.cs-buttons {

	font-size: 0px;

	padding: 10px;

	float: left;

}

.cs-buttons a {

	margin-left: 5px;

	height: 10px;

	width: 10px;

	float: left;

	border: 1px solid #B8C4CF;

	color: #B8C4CF;

	text-indent: -1000px;

}

.cs-active {

	background-color: #B8C4CF;

	color: #FFFFFF;

}

.cs-title {

	width: 545px;

	padding: 10px;

	background-color: #000000;

	color: #FFFFFF;

}

.cs-prev, .cs-next {

	background-color: #000000;

	color: #FFFFFF;

	padding: 0px 10px;

}

/* These are standard sIFR styles... do not modify */



.sIFR-flash {

	visibility: visible !important;

	margin: 0;

}

.sIFR-replaced {

	visibility: visible !important;

}

span.sIFR-alternate {

	position: absolute;

	left: 0;

	top: 0;

	width: 0;

	height: 0;

	display: block;

	overflow: hidden;

}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */

.sIFR-flash + div[adblocktab=true] {

	display: none !important;

}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */



.left h2 {

	visibility: hidden;

	font-size: 8px;

	padding-left:10px;

	width: 92%;

	margin-top:0px;

	padding-top:15px;

}

.middle h2 {

	visibility: hidden;

	font-size: 8px;

	padding-left:10px;

	width: 92%;

	margin-top:0px;

	padding-top:15px;

}

.flickr_badge_image {

	float: left;

	margin:6px 6px 6px 6px;

}

.flickr_badge_image img {

	border: none !important;

}

.flickr-gallery {

	padding-bottom:20px;

	padding-top:0px !important

}

.flickr-gallery ul {

	padding-left:4px;

	padding-bottom:10px;

}

.flickr-gallery ul li {

	width:75px;

	height:75px;

	padding-left:7px;

	padding-right:7px;

	border:none !important;

	float:left;

	clear:none !important;

	padding-bottom:14px !important;

	margin:0px !important;

}

.flickr-gallery .gallery-title {

	font-size:18px;

	padding-left:10px;

	padding-bottom:10px;

	color:#002541;

	clear:both;

	padding-top:15px;

}

/*

    ColorBox Core Style

    The following rules are the styles that are consistant between themes.

    Avoid changing this area to maintain compatability with future versions of ColorBox.

*/

#colorbox, #cboxOverlay, #cboxWrapper {

	position:absolute;

	top:0;

	left:0;

	z-index:9999;

	overflow:hidden;

}

#cboxOverlay {

	position:fixed;

	width:100%;

	height:100%;

}

#cboxMiddleLeft, #cboxBottomLeft {

	clear:left;

}

#cboxContent {

	position:relative;

}

#cboxLoadedContent {

	overflow:auto;

}

#cboxLoadedContent iframe {

	display:block;

	width:100%;

	height:100%;

	border:0;

}

#cboxTitle {

	margin:0;

}

#cboxLoadingOverlay, #cboxLoadingGraphic {

	position:absolute;

	top:0;

	left:0;

	width:100%;

}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {

	cursor:pointer;

}

/* 

    ColorBox example user style

    The following rules are ordered and tabbed in a way that represents the

    order/nesting of the generated HTML, so that the structure easier to understand.

*/

#cboxOverlay {

	background:#000;

}

#colorbox {

}

#cboxContent {

	background:#000;

	margin-top:20px;

}

#cboxLoadedContent {

	background:#000;

	padding:5px;

}

#cboxTitle {

	position:absolute;

	top:-20px;

	left:0;

	color:#ccc;

}

#cboxCurrent {

	position:absolute;

	top:-20px;

	right:0px;

	color:#ccc;

}

#cboxSlideshow {

	position:absolute;

	top:-20px;

	right:90px;

	color:#fff;

}

#cboxPrevious {

	position:absolute;

	top:50%;

	left:5px;

	margin-top:-32px;

	background:url(../images/controls.png) top left no-repeat;

	width:28px;

	height:65px;

	text-indent:-9999px;

}

#cboxPrevious.hover {

	background-position:bottom left;

}

#cboxNext {

	position:absolute;

	top:50%;

	right:5px;

	margin-top:-32px;

	background:url(../images/controls.png) top right no-repeat;

	width:28px;

	height:65px;

	text-indent:-9999px;

}

#cboxNext.hover {

	background-position:bottom right;

}

#cboxLoadingOverlay {

	background:#000;

}

#cboxLoadingGraphic {

	background:url(../images/loading.gif) center center no-repeat;

}

#cboxClose {

	position:absolute;

	top:5px;

	right:5px;

	display:block;

	background:url(../images/controls.png) top center no-repeat;

	width:38px;

	height:19px;

	text-indent:-9999px;

}

#cboxClose.hover {

	background-position:bottom center;

}

.content {

	padding-bottom:1px;

}

.links ul {

	padding-top:10px;

}

.links li .desc {

	padding-top:5px;

	line-height:16px;

}

/* blog */
.article-intro { border-bottom:1px dotted #CCC; margin-bottom:20px;padding-bottom:20px;}
.article-intro h1 a {text-decoration:none;}
.article-date { text-transform:uppercase; font-size:10px; color:#999; padding-bottom:3px;}
.article-intro h3 a { font-size:18px; color:#0071C4; text-decoration:none; }
.article-intro h3 a:hover {color:#002541}
a.readmore { text-transform:uppercase; text-decoration:none; font-size:10px;}
a.readmore:hover { text-decoration:underline}
.article-info { text-transform:uppercase; font-size:10px; color:#999999}
.article-info a { color:#0071C4 !important; text-decoration:none}
.article-info strong {color:#002541}
ul.submenu li a { text-decoration:none}
ul.submenu li { margin-bottom:10px;}
ul.submenu li a span { display:block; font-weight:normal !important; font-size:11px;}
ul.submenu li a:hover { color:#002541}
#comment { padding-bottom:10px;}
#article-comments h3 { text-transform:uppercase; font-weight:bold; padding-bottom:10px;}
.comment-body {}
.comment-body p { padding-top:0px; margin-top:0px;}
#article-pages a { font-size:10px; text-transform:uppercase; text-decoration:none}
#article-pages a:hover { color:#002541}