@charset "utf-8";
/* CSS / Petar Mitrev / info@petarmitrev.com / www.petarmitrev.com */
*	{ margin: 0; padding: 0;
}
body {
	background:url(../images/bgr/yellow.gif) top repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 62.5%;
	color: #000;
	font-family: Georgia, serif;
	min-width: 1098px;
}
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}
a:link {
	color: #29aae2;
	text-decoration: none;
}
a:visited {
	color: #29aae2;
	text-decoration: none;
}
a:hover {
	color: #29aae2;
	text-decoration: underline;
}
a:active {
	color: #29aae2;
	text-decoration: none;
}
/*--------------------------------------
TYPOGRAPHY
---------------------------------------*/
h1, h2, h3, h4, h5, h6 {
        font-family: georgia, serif;
        font-weight: normal;
}

/* approx 21px*/
h1 {
        font-size: 2.1em;
        margin-top: 2em; 
}

/* approx 16px*/
h2 {
        font-size: 1.6em;
        margin-bottom: 1em; 
}

/* approx 14px*/
h3 {
        font-size: 1.4em;
}

/* approx 12px*/
h4 {
        font-size: 1.2em;
}

/* approx 11px*/
h5{
        font-size: 1.1em;
}

/* approx 11/14 */
p {
	font-size: 1.1em;
	line-height: 1.2em;
	padding: 0;
	margin-bottom: 1em;
}
/*::selection			{ background: #cc432f; color: white;} /* Safari */
/*::-moz-selection		{ background: #cc432f; color: white;} /* Firefox*/
#wrapper {
	background:url(../images/bgr/header.gif) top no-repeat;
	margin:0 auto;
	width:1098px;
}
#bgrheader {
	background:url(../images/bgr/header.gif) top no-repeat;
	width:1098px;
	height:319px;
}
#topmenu {
	width:100px;
	font-size:11px;
	color:#8a8072;
	text-transform:uppercase;
	height:28px;
	padding-top:28px;
	float:left;
}
#topmenu a {
	font-weight:bold;
	text-decoration:underline;
	color:#584832;
}
#left {
	width:203px;
	padding-top:56px;
	border-right: solid #006aad 1px;
	border-right-style: dashed;
}
#right {
	width:648px;
	padding-left:26px;
	padding-bottom:80px;
}
.title {
	padding: 3px 6px 3px 6px;
	font-size:31px;
	background:#000;
	color:#FFF;
	font-weight:bold;
	line-height:26pt;
}
.slogan {
	padding-top:50px;
	text-align:left;
	font-size:21px;
	font-weight:bold;
	letter-spacing:1pt;
	line-height:16pt;
}
.bluetitle {
	color:#24abe1;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}
.bluebgrlink {
	color:#000;
	border-bottom: 1px #000;
	border-bottom-style:dotted;
	text-transform:uppercase;
}
.bluebgrlink a:link {
	color: #000;
	text-decoration: none;
}
.bluebgrlink a:visited {
	color: #000;
	text-decoration: none;
}
.bluebgrlink a:hover {
	background:#777777;
	color: #ffffff;
	text-decoration: none;
}
.bluebgrlink a:active {
	color: #000;
	text-decoration: none;
}

/*	Navigation Styles	*/

#nav{
	width:182px;
	height:88px;
	float:right;
	padding-top:122px;
}
#nav img {
	border: 0;
}
#what_we_do	{
background-image:url(../images/btns/what_I_do_on.gif);
background-repeat: no-repeat;
display: block;
width:182px;
height:22px;
margin:0; 
margin-bottom:0px;
padding:0;
}
#what_we_do a {
display:block;
width:182px;
height:22px;
margin: 0;
padding: 0;
text-decoration: none; 
}
#what_we_do img {width: 100%; height: 100%; border: 0; }
* html a:hover {visibility:visible}
#what_we_do a:hover img{visibility:hidden}
#what_we_do span {
	visibility:hidden;
}

#portfolio	{
background-image:url(../images/btns/portfolio_on.gif);
background-repeat: no-repeat;
display: block;
width:182px;
height:22px;
margin:0;
margin-bottom:0px;
padding:0;
}
#portfolio a {
display:block;
width:182px;
height:22px;
margin: 0;
padding: 0;
text-decoration: none; 
}
#portfolio img {width: 100%; height: 100%; border: 0; }
* html a:hover {visibility:visible}
#portfolio a:hover img{visibility:hidden}
#portfolio span {
	visibility:hidden;
}

#contact	{
background-image:url(../images/btns/contacts_on.gif);
background-repeat: no-repeat;
display: block;
width:182px;
height:22px;
margin:0; 
margin-bottom:0px;
padding:0; 
}
#contact a {
display:block;
width:182px;
height:22px;
margin: 0;
padding: 0;
text-decoration: none; 
}
#contact img {width: 100%; height: 100%; border: 0; }
* html a:hover {visibility:visible}
#contact a:hover img{visibility:hidden}
#contact span {
	visibility:hidden;
}

#home	{
background-image:url(../images/btns/startpage_on.gif);
background-repeat: no-repeat;
display: block;
width:182px;
height:20px;
margin:0; 
margin-bottom:0px;
padding:0; 
}
#home a {
display:block;
width:182px;
height:20px;
margin: 0;
padding: 0;
text-decoration: none; 
}
#home img {width: 100%; height: 100%; border: 0; }
* html a:hover {visibility:visible}
#home a:hover img{visibility:hidden}
#home span {
	visibility:hidden;
}

/*	Content Styles*/

.container {
	background:url(../images/bgr/container.gif) top repeat-x;
	width:471px;
	padding:16px;
	border:#dedbd1 solid 1px;
	margin-top:48px;
}
.containerportfolio {
	background:url(../images/bgr/container.gif) top repeat-x;
	width:498px;
	padding:16px;
	border:#dedbd1 solid 1px;
	margin-top:25px;
}
.containerportfolio img {
	padding:1px;
	border: 2px solid #e3e3e3;
}
.containerportfolio img:hover {
	border: 2px solid #99d4f5;
}
.containerportfoliodetails {
	background:url(../images/bgr/container.gif) top repeat-x;
	width:490px;
	padding:15px;
	border:#dedbd1 solid 1px;
	margin-top:25px;
}
.containerportfoliodetails img {
	padding:0px;
	border: 1px solid #dedbd1;
}
.containerportfoliodetails img:hover {
	border: 1px solid #777777;
}
.containerportfoliodetails p {
	margin-top:10px;
}
.containerdashed {
	width:471px;
	height:113px;
	padding:16px;
	border:#dedbd1 solid 1px;
	border-style:dashed;
	border-top:none;
}
.containerdashedportfolio {
	width:490px;
	padding:15px;
	border:#dedbd1 solid 1px;
	border-style:dashed;
	border-top:none;
	text-align:justify;
	color:#656565;
	line-height:12pt;
}

/*- Box (main column boxes) -*/
.box, .widget{
	background: #FFFFFF url(images/bgr-box-trans.png) repeat-x top left;
	border:1px solid #dedbd1;
	margin: 0 0 15px 0px;
	padding:18px;
}
.box img { 
	border: 1px solid #999999;
	margin: 0 0 10px 0;
}
.box p{
	line-height: 18px;
	padding: 0 0 10px;
}
.widget { padding:15px;
}
.boxes {
	margin: 0 0 0px 0px;
	padding-top:10px;
}
.boxes p{
	line-height: 18px;
	padding: 0 0 10px;
}
/* Forms */
.form{
	font-family:Georgia, serif;
	color:#777777;
	font-size:11px;
	padding-top:2px;
	margin-top:10px;
	clear:both;
	margin-top:10px;
	border:1px solid #dedbd1;
	width:255px;
	height:18px;
	padding-left:2px;
	vertical-align:middle;
}
.form label{
	clear:left;
	width:135px;
	margin-top:3px;
	text-align:right;
	padding-right:5px;
}.form select{
	float:left;
	margin-top:3px;
	border:1px solid #97C73B;
	width:130px;
}.textarea{
	font-family:Georgia, serif;
	font-size:11px;
	color:#777777;
	padding-top:2px;
	margin-top:10px;
	border:1px solid #dedbd1;
	width:365px;
	height:100px;
	padding-left:2px;
}
.sub-login{
	height: 20px;
	width: 70px;
	font-family: Georgia, Serif;
	font-size: 11px;
	color: #777777;
	border: 1px solid #dedbd1;
	background-color: #FFFFFF;
	margin-top: 5px;
}
#footer {
	margin:0 auto;
	width:974px;
	background:url(../images/bgr/footer.gif) top right no-repeat;
	margin-right:124px;
	height:89px;
	float:right;
}
#footer .text {
	float:right;
	width:500px;
	padding:25px 0 0 83px;
	color:#777777;
}
.text {
	color:#777777;
}
.text img{
	border:none;
}
.text img:hover{
	border:none;
}
/*
+----------------------------------------------------------------+
|																							|
|	WordPress 2.5 Plugin: WP-PageNavi 2.31									|
|	Copyright (c) 2008 Lester "GaMerZ" Chan									|
|																							|
|	File Written By:																	|
|	- Lester "GaMerZ" Chan															|
|	- http://lesterchan.net															|
|																							|
|	File Information:																	|
|	- Page Navigation CSS Style													|
|	- wp-content/plugins/wp-pagenavi/pagenavi-css.css					|
|																							|
+----------------------------------------------------------------+
*/
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {

	font-size:11px;
	font-family:Verdana; 
	text-decoration: none;
	color: #999999;
	border:1px solid #e3e3e3;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	color: #5BBEEC;
	font-size:11px;
	font-family:Verdana;
	background-color: #FFFFFF;
	border:1px solid #5BBEEC;
}
.wp-pagenavi span.pages {
	font-size:11px;
	font-family:Verdana;
	color: #999999;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	font-size:11px;
	font-family:Verdana;
	font-weight: bold;
	color: #5BBEEC;
	border:1px solid #5BBEEC;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	font-size:11px;
	font-family:Verdana;
	color: #999999;
	background-color: #FFFFFF;
}
.Nav {
	margin:0 8px 20px 0;
	clear:both;
	color:#999999;
	font-family:Verdana; 
	padding:0 0 0 0;
	font-size:11px;
}
.Nav a {
	padding:4px 6px 4px 6px;
	border:1px solid #e3e3e3;
	color:#999999;
	background-color: #FFFFFF;
	margin:0 5px 0 0;
	font-size:11px;
}
.Nav a:hover {
	padding:4px 6px 4px 6px;
	border:1px solid #5BBEEC;
	background:#fff;
	color:#5BBEEC;
	text-decoration:none;
	font-size:11px;
	margin:0 5px 0 0;
}
.Nav .on {
	padding:4px 6px 4px 6px;
	border:1px solid #e3e3e3;
	background:#fff;
	font-weight: bold;
	color:#5BBEEC;
	font-size:11px;
	margin:0 5px 0 0;
}
.Nav span {
	padding:4px 6px 4px 6px;
	border:1px solid #e3e3e3;
	color:#999999;
	font-size:11px;
	margin:0 5px 0 0;
}
.lead {
	clear:both;
	padding: 5px 0 0px 15px;
}
div#image {width:490px; height:420px; text-align:left; padding-top:0px;
}
div#imagehigh {width:490px; height:490px; text-align:left; padding-top:0px;
}
div#imageadv {width:490px; height:540px; text-align:left; padding-top:0px;
}
#caption {
	display:none;
}
#new-bg, #new{
	position: absolute;
	top: 400px;
	right: 401px;
	z-index: 101;
}
#new-bg, #new img{
	border:none;
}
#new-bg{
	width: 54px;
	height: 54px;
	z-index: 100;
}

html>body #new{
	background:url(../images/sticker_new.png) left top no-repeat;
}