/* HTML tags redefined */

html {
}

body {
	font: 62.5% Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background: #e8cf8b url(../images/bgnd.jpg) center top; 
}

p {
	font-size: 1.2em;
	color: #752700;
	margin: 0 0 10px 0;
	line-height: 1.6em;
}

h1 {
}

h2 {
	margin: 10px 0 10px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	color: #541c00;
	font-weight: normal;
}

h3 {
	margin: 0 0 10px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	color: #83af24;
	font-weight: normal;
}

h4 {
	margin: 0 0 10px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	color: #83af24;
	font-weight: normal;
}

a {
	color: #541c00;
}

a:hover {
	text-decoration: none;
}

h3 a {
	color: #83af24;
}

/* Image Titles */

.title_holder {
	border-bottom: dashed 1px #752700;
	margin: 0 0 20px 0;
}

h2.title {
	margin: 0;
}

.title {
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
}

.title.spread {
	background: url(../images/title_spread_word.gif) no-repeat;
	height: 30px;
	margin: 0 0 10px 0;
}

.title.spread.srb {
	background: url(../images/srb_title_spread_word.gif) no-repeat;
	height: 30px;
	margin: 0 0 10px 0;
}

.title.about {
	background: url(../images/title_about.gif) no-repeat;
	height: 30px;
}

.title.about.srb {
	background: url(../images/srb_title_about.gif) no-repeat;
	height: 30px;
}

.title.testimonials {
	background: url(../images/title_testimonials.gif) no-repeat;
	height: 30px;
}

.title.testimonials.srb {
	background: url(../images/srb_title_testimonials.gif) no-repeat;
	height: 30px;
}

.title.contact {
	background: url(../images/title_contact.gif) no-repeat;
	height: 30px;
}

.title.contact.srb {
	background: url(../images/srb_title_contact.gif) no-repeat;
	height: 30px;
}

.title.latest_work {
	background: url(../images/title_latest_work.gif) no-repeat;
	height: 30px;
}

.title.latest_work.srb {
	background: url(../images/srb_title_latest_work.gif) no-repeat;
	height: 30px;
}

.title.latest_blog_post {
	background: url(../images/title_latest_blog_post.gif) no-repeat;
	height: 30px;
}

.title.latest_blog_post.srb {
	background: url(../images/srb_title_latest_blog_post.gif) no-repeat;
	height: 30px;
}

.title.latest_tweet {
	background: url(../images/title_latest_tweets.gif) no-repeat;
	height: 30px;
}

.title.latest_tweet.srb {
	background: url(../images/srb_title_latest_tweets.gif) no-repeat;
	height: 30px;
}

.title.portfolio {
	background: url(../images/title_portfolio.gif) no-repeat;
	height: 30px;
}

.title.portfolio.srb {
	background: url(../images/srb_title_portfolio.gif) no-repeat;
	height: 30px;
}

/* Buttons */

.btn {
	background: #649c20 url(../images/btn_bgnd.jpg) repeat-x;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	color: #fff;
	padding: 7px 20px;
	text-decoration: none;
}

.btn:hover {
	background: #70ac25 url(../images/btn_bgnd_hover.jpg) repeat-x;
}

.column_btn {
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
}

.column_btn.portfolio {
	background: url(../images/btn_browse_portfolio.gif) no-repeat;
	float: right;
	width: 184px;
	height: 35px;
	margin: 0 200px 0 0;
}

.column_btn.portfolio.srb {
	background: url(../images/srb_btn_browse_portfolio.gif) no-repeat;
	float: right;
	width: 184px;
	height: 35px;
	margin: 0 200px 0 0;
}

.column_btn.portfolio.wide {
	margin: 0 10px 0 0;
}

.column_btn.portfolio.wide.alone {
	margin: 0 30px 0 0;
}

.column_btn.portfolio:hover {
	background: url(../images/btn_browse_portfolio_over.gif) no-repeat;
}

.column_btn.portfolio.srb:hover {
	background: url(../images/srb_btn_browse_portfolio_over.gif) no-repeat;
}

.column_btn.contact.srb {
	background: url(../images/srb_btn_contact_me.gif) no-repeat;
	float: right;
	width: 142px;
	height: 35px;
	margin: 0 30px 0 0;
}

.column_btn.contact.srb:hover {
	background: url(../images/srb_btn_contact_me_over.gif) no-repeat;
}

.column_btn.contact {
	background: url(../images/btn_contact_me.gif) no-repeat;
	float: right;
	width: 142px;
	height: 35px;
	margin: 0 30px 0 0;
}

.column_btn.contact:hover {
	background: url(../images/btn_contact_me_over.gif) no-repeat;
}

.column_btn.read.srb {
	background: url(../images/srb_btn_read_more.gif) no-repeat;
	float: right;
	width: 142px;
	height: 35px;
	margin: 0 15px 0 0;
}

.column_btn.read.srb:hover {
	background: url(../images/srb_btn_read_more_over.gif) no-repeat;
}

.column_btn.read {
	background: url(../images/btn_read_more.gif) no-repeat;
	float: right;
	width: 142px;
	height: 35px;
	margin: 0 15px 0 0;
}

.column_btn.read:hover {
	background: url(../images/btn_read_more_over.gif) no-repeat;
}

.column_btn.follow {
	background: url(../images/btn_follow_me.gif) no-repeat;
	float: right;
	width: 142px;
	height: 35px;
	margin: 0 15px 0 0;
}

.column_btn.follow:hover {
	background: url(../images/btn_follow_me_over.gif) no-repeat;
}

.column_btn.follow.srb {
	background: url(../images/srb_btn_follow_me.gif) no-repeat;
	float: right;
	width: 142px;
	height: 35px;
	margin: 0 15px 0 0;
}

.column_btn.follow.srb:hover {
	background: url(../images/srb_btn_follow_me_over.gif) no-repeat;
}

/* Helpfull Classes */

.clear {
	clear: both;
}

.separator {
	background: #fff;
	height: 20px;
}

.top_margin {
	margin: 15px 0 0 0;
}

/* Page elements  */

.wrapper {
	width: 910px;
	margin: 0 auto;
}

.header {
}

.logo {
	padding: 20px 0 0 0;
}

.logo a {
	float: left;
	background: url(../images/logo.gif) no-repeat; 
	width: 387px;
	height: 113px;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
}

.logo.srb a {
	float: left;
	background: url(../images/srb_logo.gif) no-repeat; 
	width: 387px;
	height: 113px;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
}

.navigation {
	float: right;
	margin: 13px 0 0 0;
}

.navigation .nav {
	width: 514px;
	height: 37px;
	position: relative;
	background: url(../images/navigation.gif);
	margin: 0;
	padding: 0;
	list-style: none;
}

.navigation .lan {
	width: 160px;
	height: 30px;
	position: relative;
	background: url(../images/lan_navigation.gif);
	margin: 0 0 20px 348px;
	padding: 0;
	list-style: none;
}

.navigation.srb .nav {
	width: 514px;
	height: 37px;
	position: relative;
	background: url(../images/srb_navigation.gif);
	margin: 0;
	padding: 0;
	list-style: none;
}

.navigation .nav li {
	float: left;
}

.navigation .nav li a {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 37px;
	background: url(../images/navigation.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
}

.navigation .nav li,
.navigation .lan li { 
	float: left;
}

.navigation.srb .nav li a {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 37px;
	background: url(../images/srb_navigation.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
}

.navigation .lan li a {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 30px;
	background: url(../images/lan_navigation.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
}

.navigation .lan li.srp a {
	left: 0;
	width: 78px;
	background-position: 0 0;
}

.navigation .lan li.eng a {
	left: 78px;
	width: 82px;
	background-position: -78px 0;
}

.navigation .lan li.srp a:hover {
	background-position: 0 -60px;
}

.navigation .lan li.eng a:hover {
	background-position: -78px -60px;
}

body.srb .navigation .lan li.srp a {
	background-position: 0 -60px;
}

body.eng .navigation .lan li.eng a {
	background-position: -78px -60px;
}

.navigation .nav li.abo a {
	left: 0;
	width: 82px;
	background-position: 0 0;
}

.navigation .nav li.por a {
	left: 82px;
	width: 115px;
	background-position: -82px 0;
}

.navigation .nav li.tes a {
	left: 197px;
	width: 150px;
	background-position: -197px 0;
}

.navigation .nav li.blo a {
	left: 347px;
	width: 68px;
	background-position: -347px 0;
}

.navigation .nav li.con a {
	left: 415px;
	width: 99px;
	background-position: -415px 0;
}

.navigation .nav li.abo a:hover {
	background-position: 0 -74px;
}

.navigation .nav li.por a:hover {
	background-position: -82px -74px;
}

.navigation .nav li.tes a:hover {
	background-position: -197px -74px;
}

.navigation .nav li.blo a:hover {
	background-position: -347px -74px;
}

.navigation .nav li.con a:hover {
	background-position: -415px -74px;
}

.body_abo .navigation .nav li.abo a {
	background-position: 0 -74px;
}

.body_por .navigation .nav li.por a {
	background-position: -82px -74px;
}

.body_tes .navigation .nav li.tes a {
	background-position: -197px -74px;
}

.body_blo .navigation .nav li.blo a {
	background-position: -347px -74px;
}

.body_con .navigation .nav li.con a {
	background-position: -415px -74px;
}

/* Serbian navigation */

.navigation.srb .nav li.abo a {
	left: 0;
	width: 98px;
	background-position: 0 0;
}

.navigation.srb .nav li.por a {
	left: 98px;
	width: 114px;
	background-position: -98px 0;
}

.navigation.srb .nav li.tes a {
	left: 212px;
	width: 124px;
	background-position: -212px 0;
}

.navigation.srb .nav li.blo a {
	left: 336px;
	width: 68px;
	background-position: -336px 0;
}

.navigation.srb .nav li.con a {
	left: 404px;
	width: 99px;
	background-position: -404px 0;
}

.navigation.srb .nav li.abo a:hover {
	background-position: 0 -74px;
}

.navigation.srb .nav li.por a:hover {
	background-position: -98px -74px;
}

.navigation.srb .nav li.tes a:hover {
	background-position: -212px -74px;
}

.navigation.srb .nav li.blo a:hover {
	background-position: -336px -74px;
}

.navigation.srb .nav li.con a:hover {
	background-position: -404px -74px;
}

.body_abo.srb .navigation .nav li.abo a {
	background-position: 0 -74px;
}

.body_por.srb .navigation .nav li.por a {
	background-position: -98px -74px;
}

.body_tes.srb .navigation .nav li.tes a {
	background-position: -212px -74px;
}

.body_blo.srb .navigation .nav li.blo a {
	background-position: -336px -74px;
}

.body_con.srb .navigation .nav li.con a {
	background-position: -404px -74px;
}

/* Portfolio Navigation */

.portfolio_navigation .nav {
	width: 192px;
	height: 35px;
	position: relative;
	background: url(../images/portfolio_navigation.gif);
	margin: 0;
	padding: 0;
	list-style: none;
}

.portfolio_navigation .nav li {
	float: left;
}

.portfolio_navigation .nav li a {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 35px;
	background: url(../images/portfolio_navigation.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
}

.portfolio_navigation .nav li.web a {
	left: 0;
	width: 114px;
	background-position: 0 -70px;
}

.portfolio_navigation .nav li.log a {
	left: 114px;
	width: 78px;
	background-position: -114px -70px;
}

.portfolio_navigation .nav li.gra a {
	left: 192px;
	width: 130px;
	background-position: -192px -70px;
}

.portfolio_navigation .nav li.web a:hover {
	background-position: 0 -35px;
}

.portfolio_navigation .nav li.log a:hover {
	background-position: -114px -35px;
}

.portfolio_navigation .nav li.gra a:hover {
	background-position: -192px -35px;
}

.portfolio_navigation .nav li.web.selected a {
	background-position: 0 0;
}

.portfolio_navigation .nav li.log.selected a {
	background-position: -114px 0;
}

.portfolio_navigation .nav li.gra.selected a {
	background-position: -192px 0;
}

.one_column,
.two_column, 
.three_column {
	
}

.column_bottom {
	background: url(../images/column_bottom.gif) repeat-x;
	height: 30px;
}

/* One column layout */

.one_column .column_one_wrapper {
	width: 900px;
	float: left;
	margin: 0 25px 0 0;
}

.one_column .column_one {
	background: #fff;
	border-top: 4px solid #752700;
	padding: 30px 30px 10px 30px;
}

/* Two column layout */

.two_column .column_one {
}

.two_column .column_two {
}

/* Three column layout */

.three_column .column_one_wrapper {
	width: 400px;
	float: left;
	margin: 0 25px 0 0;
}

.three_column .column_two_wrapper,
.three_column .column_three_wrapper {
	width: 225px;
	float: left;
}

.three_column .column_two_wrapper {
	margin: 0 25px 0 0;
}

.three_column .column_one,
.three_column .column_two,
.three_column .column_three {
	background: #fff;
	border-top: 4px solid #752700;
	padding: 20px 20px 0 20px;
	height: 345px;
	overflow: hidden;
}

.latest_work {
	margin: 0;
}

.latest_work h3 {
	padding: 0;
}

.latest_work img {
	float: left;
	margin: 3px 5px 3px 0;
	border: 1px solid #ccc;
	padding: 3px;
	border-bottom-left-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
}

.latest_work a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
}

/*.about {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #e6a685;
}*/

.about img {
	float: right;
	margin: 0 10px 10px 10px;
}

.testimonials img {
	float: right;
	margin: 0 10px 10px 10px;
}

.testimonial {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #e6a685;
}

.testimonial.last {
	margin: 0;
	padding: 0;
	border-bottom: none;
}

.contact {
	margin: 0;
	padding: 0;
}

.contact input, 
.contact textarea {
	background: #fff6d5;
	border: 1px solid #f2dca1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #bf4000;
	padding: 10px;
	margin: 0 0 10px 0;
}

.contact input {
	padding: 5px 10px;
	width: 200px;
}

.contact textarea {
	width: 550px;
	height: 150px;
}

.contact .btn_submit {
	background: #ffc470 url(../images/form_btn_bgnd.jpg) repeat-x;
	width: 100px;
	border: 1px solid #ffc676;
}

.contact .btn_submit:hover {
	background: #ffd077 url(../images/form_btn_bgnd_over.jpg) repeat-x;
	cursor: pointer;
}

.contact span {
	font-size: 2.2em;
	color: #C30;
	margin: 0 0 0 5px;
}

.networks img {
	float: none;
	margin: 5px 5px 0 0;
	padding: 0 0 3px 0;
	border-bottom: 2px solid #fff;
}

.networks img:hover {
	border-bottom: 2px solid #ccc;
}

.image {
	width: 350px;
	border: 1px solid #ccc;
	padding: 5px;
	border-bottom-left-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
}

.description {
	width: 360px;
	float: right;
}

.portfolio_menu {
	background: #792600 url(../images/portfolio_bgnd.jpg) repeat-x;
	padding: 15px;
}

.portfolio_menu a {
	padding: 7px;
	margin: 0 0 0 10px;
	float: left;
}

.portfolio_menu a:hover,
.portfolio_menu a.selected {
	background: #642100;
}

.footer {
	margin: 20px 0 20px 0;
}

.social img {
	padding: 0 0 3px 0;
	border-bottom: 2px solid #ddbd6b;
}

.social img:hover {
	border-bottom: 2px solid #CF6618;
}

.copy {
	float: right;
	width: 440px;
	margin: 0 10px 0 0;
}

.copy p {
	text-align: right;
	font-size: 1.2em;
	color: #541c00;
}

/* Twitter Widget */

.twtr-hd,
.twtr-ft {
	display: none;
}

.twtr-bd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.twtr-widget .twtr-tweet-wrap {
	padding: 15px 0 !important;
}

#tweet-id-3.twtr-tweet .twtr-tweet-wrap {
	padding: 0 0 15px 0 !important;
}

#tweet-id-1.twtr-tweet {
	border-bottom: none !important;
}

.twtr-tweet {
	border-bottom: 1px dashed #F4DC88 !important;
}

.twtr-reference-tweet {
	display: none;
}

/* 99 design widget */

.w9e28a {
	margin: 10px 0 0 0 !important;
}

.w9e28a .logo99 {
	float: left !important;
	margin: 3px 3px 3px 7px !important;
}

.designs span {
	font-size: 1.2em;
	color: #752700;
	line-height: 2em;
}

/* Slideshow */

#slideshow #slidesContainer {
  margin:0 auto;
  width:740px;
  height:280px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}

#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:720px; /* reduce by 20 pixels to avoid horizontal scroll */
  height:280px;
}

.control {
  width:39px;
  height:280px;
  text-indent:-10000px;
  cursor: pointer;
}
#leftControl {
	float: left;
  background:transparent url(../images/control_left.jpg) no-repeat 0 0;
}
#rightControl {
  float:right;
  background:transparent url(../images/control_right.jpg) no-repeat 0 0;
}
#slideIndex
{
	text-align: right;
	margin: 10px 0 0 0;
}
.numbers
{
	display: inline-block;
	color: #752700;
	text-align: center;
	margin: 0 1px 0 0;
	padding: 1px 5px;
	cursor: pointer;
	font-size: 1.2em;
	border-bottom-left-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
}
.numbers:hover,
.active
{
	color: #fff;
	background: #752700;
}