@charset "utf-8";
/*
Author: Nevena Stojanovic
Email notvena@gmail.com
Version 1.5
Last Modified 14 June 2009
*/

/* ---------- COLORS ---------- */
/*	color: #f3770d;  orange */


* {
	margin: 0px;
	padding: 0px;
}
img {border:none;}


object {
outline:none;
}

/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #252525;
	background:#fff url(../images/bg-body.gif) repeat-x left top;
}
h1 {
	font-size: 34px;
	margin-bottom: 1em;
	font-family: "Myriad Pro", Arial;
	font-weight: bold;
	text-transform: uppercase;
}
h2 {
	font-family: "Myriad Pro", Arial;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	color: #252525;
	margin-bottom: 1em;	
}

h3 {
	font-family: "Myriad Pro", Arial;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #252525;
	margin-bottom: 1em;	
}
p{
	line-height: 1.6em;
	margin-bottom:2.5em;
}
a {
	color: #252525;
	color: #c40606;	

	text-decoration:none;
	border-bottom:1px dashed #c40606;

	color: #f3770d; /* orange */
	border-bottom:1px dashed #f3770d;	 /* orange */
	
	/*color:#89c33f;  green */
	/*border-bottom:1px dashed #89c33f;  green */
}


a:hover  {
	border-color:#252525;
	border:none;
}
ul li {
list-style:none;
}

ul {
margin-bottom:30px;
}
/*
.wrapper {
	width: 900px;
	margin:0 auto;
}
*/



/*--------------------------- header ---------------------- */
#header {
	height: 115px;
	position:relative;
	width: 900px;
	margin:0 auto;	
	
	width: 942px;
}

h1#logo {
	width:180px;
	height:50px;
	float:left;
	position:absolute;
	top:52px;
	left:21px;
	background:url(../images/portfolio-logo.gif) no-repeat left top;
}

h1#logo a {
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
	border:none;
	outline:none;
}

h1#logo a:focus {	border-bottom:1px dashed #c40606;
	border-bottom:1px dashed #f3770d;	 /* orange */
	/* border-bottom:1px dashed #89c33f; green */
}

.errormsg {background:#f3770d;  height:20px; position:absolute; width:100%; top:0; z-index:10;}
.errormsg p {
	width: 900px;
	margin:0 auto;
	line-height:20px; margin-bottom:0; color:#fff; }
/*--------------------------- layout ---------------------- */

#content {
	padding-top:45px;
	padding-bottom:30px;
	width: 900px;
	margin:0 auto;	
}

.layout-2col, .layout-3col, .layout-1col {width:100%;}


/*.layout-2col {background:url(../images/bg-grey-separator.gif) no-repeat 690px 35px;}*/

.layout-2col #maincontent {
	float:left;
	width:675px;
}


.layout-2col #maincontent {
	float:left;
	width:675px;
}

.layout-2col #sidebar {
	float:right;
	width:225px;
	width:195px;	
	padding-top:36px;
	
	text-align:right; /* new */
}

.work-page .layout-2col #sidebar {
	width:210px;
	padding-top:0;
	text-align:left;
}

.work-page .layout-2col {background:none;}

#topimg {
height:200px;
background:black;
text-align:center;
}

/*--------------------------- mainnav ---------------------- */
#mainnav {
	position:absolute;
	right:0;
	top:84px;
	/*background:url(../images/bg-mainnav-allstates.gif) no-repeat left top;*/
	height:20px;
	
	right:21px;
}

#mainnav li{
	float:left;
	padding-left:5px;
	background:url(../images/bg-mainnav-separator.gif) no-repeat 0px 0;
	
}

#mainnav li a{
line-height:20px;
display:block;
background:url(../images/bg-mainnav-contact.gif) no-repeat right top;
text-indent:-9999px;
border:none;
outline:none;
}


#mainnav li#mainnav-contact a{
width:66px;
background-image:url(../images/bg-mainnav-contact.gif);
}

#mainnav li#mainnav-work a{
width:52px;
background-image:url(../images/bg-mainnav-work.gif);
}

#mainnav li#mainnav-aboutme a{
width:80px;
background-image:url(../images/bg-mainnav-aboutme.gif);
}

#mainnav li#mainnav-home {background:none;}
#mainnav li#mainnav-home a{
width:52px;
background-image:url(../images/bg-mainnav-home.gif);
}

#mainnav li a:hover, #mainnav li a:focus {background-position:right bottom; background-position:right -20px; 

}

#mainnav li.active a, #mainnav li.active a:hover {background-position:right -20px;}
/* ------------------------------ subnavigation -------------- */
.subnav {
	float:left;
	margin-bottom:30px;
	margin-bottom:15px;	
}

.subnav li {
	float: left;
	margin-right: 10px;
	list-style-type: none;
}
.subnav li a {
	line-height: 15px;
	text-decoration: none;
	display: block;
	padding-right: 15px;
	padding-left: 15px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #252525;
	border:none;
	outline:none;
	
	
	font-family:Arial;
	font-size:12px;
	line-height:20px;
	padding:0 10px 0 10px;
	
	
	font-weight:bold;
	font-size:11px;
}

.subnav li a:hover, .subnav li a:focus {
	background:#252525;
	color:#fff;
}
.subnav li.active a, .subnav li.active a:hover{
	background:#c40606;
	color:#fff;

	background:#f3770d; /* orange */
	/*background:#89c33f;  green */

}

#maincontent {
	clear:both;
}


/* ------------------ portfolio page ---------------------- */
.slider {
	width:675px;
	width:675px;
	padding:0 1px;
	
	/*height:374px; to js */ 
}

.scriptyes {height:374px; }
.scriptyes ul {position: relative; left: -999em;}

.slideViewer ul {  /*your list of images*/
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
margin: 0; 
padding: 0;
}
.slideViewer ul li {
float:left;
width:675px;
}

/*typographic info*/
.slideViewer span.typo{ 
margin: 0; /* dynamically adjusted via script*/
padding: 3px 6px;
background: #908F8F;
color: #fff;
font: bold 9px Verdana;
}
/*the thumbnails slider*/
.thumbSlider { 
overflow: hidden;
/*width: 1%;*/
background: #fff;
}


.svwp {width: 50px; /*height: 20px; to js*/background: #fff;} /*preloader stuff. do not modify!*/
.svwp ul{/*position: relative; left: -999em; to js */}/*preloader stuff. do not modify!*/
.slideViewer { 
position: relative;
overflow: hidden; 
margin: 0;
padding: 0;
background:url(../images/bg-folio-borders.gif) no-repeat left top;
padding-left:1px;

}


.slideViewer ul {  /*your list of images*/
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
margin: 0; 
padding: 0;
}
.slideViewer ul li {
float:left;
	width:675px;
}

/*typographic info*/
.slideViewer span.typo{ 
margin: 0; /* dynamically adjusted via script*/
padding: 3px 6px;
background: #908F8F;
color: #fff;
font: bold 9px Verdana;
}
/*the thumbnails slider*/
.thumbSlider { 
overflow: hidden;
/*width: 1%;*/
background: #fff;
}


ul.list-portfolio {
	width:673px;

}

ul.list-portfolio li {width:673px; width:675px;  overflow:hidden; margin-bottom:30px;}

ul.list-portfolio a.img {
border-top:1px solid #252525;
border-bottom:1px solid #252525;
border:1px solid #252525;
display:block;
margin-bottom:10px;
position:relative;
height:345px;
padding-bottom:0;
}

ul.list-portfolio a.img span {
position:absolute;
bottom:0;
left:0;
background:#fff;
font-size:11px;
font-weight:bold;
padding:0 10px;
color:#252525;
line-height:20px;
text-transform:uppercase;
height:20px;
}


ul.list-portfolio a.img:hover {
}

ul.list-portfolio a.more {float:right; }

ul.list-portfolio a.stop, ul.list-portfolio a.play{float:left;}

/* ------------------ portfolio slider ---------------------- */


/* ----------------------- portfolio sidebar menu ---------------- */


ul.foliomenu {
background:url(../images/bg-foliomenu.gif) repeat-y 0px top;
min-height:245px;
min-height:317px;
height:auto !important;
height:317px;

padding:15px 0;
}


ul.foliomenu li a, ul.foliomenu li a.active  {
line-height:18px;
padding:3px 0 3px 15px;
border:none;
font-size:12px;
text-transform:uppercase;
display:block;
color:#252525;

font-weight:bold;
font-size:11px;
outline:none;

}

ul.foliomenu li a:hover, ul.foliomenu li a:focus {	
	color:#c40606;
	color: #f3770d; /* orange */	
	}

ul.foliomenu li.active a {
	background:url(../images/bg-foliomenu-active.gif) no-repeat 0px 6px;
	color:#c40606;
	
	color: #f3770d; /* orange */
	/*color:#89c33f;  green */	
}

ul.foliomenu li a:active {}
/* ----------- homepage  -------------- */
.col1, .col2, .col3 {
float:left;
width:273px;
margin-right:40px;
}

.col3  {float:right; margin-right:0;}

/* ----------- footer  -------------- */
#bottom {
clear:both;
width:100%;

}
#footer {
border-top:1px solid #777;
padding-top:10px;
clear:both;
width:900px;
margin:0 auto;
font-size:11px;
color:#777;
}

#footer a {outline:none;}
.copy a {color:#999; border:none;}
.copy a:hover, .copy a:focus {color:#F3770D}

.footernav {float:left;}
.footernav li {float:left; margin-right:15px;}
.footernav li a {color:#999; border:none;}
.footernav li a:hover, .footernav li a:focus, .footernav li.active a{color:#F3770D}

.copy {float:right; text-align:right;}
/* ----------- form -------------- */
label, input.textfield, textarea {font-family:Arial, Helvetica, sans-serif;color:#000;  }


input.textfield, textarea {padding:4px 5px 2px 5px; /* font-weight:bold;*/ font-size:12px;}

input.textfield:focus, textarea:focus {}
label {
font-size:11px;
text-transform:uppercase;

}
textarea {
border:none;
border:1px solid #f0f0f0;
border:1px solid #E5E5E5;
border-top:1px solid #000;


width:415px;
height:135px;
overflow:hidden;
}

input.textfield {
border:none;
border:1px solid #f0f0f0;
border:1px solid #E5E5E5;
 
border-top:1px solid #000;

height:17px; 
width:220px;
line-height:17px;
vertical-align:middle;
}

input.error {
border-top-color:#f3770d;
color:#f3770d;
/*background:url(../images/bg-input-error.gif) no-repeat right top;*/
width:220px;
padding-right:20px;
width:205px;
}

textarea.error {
color:#f3770d;
border-top-color:#f3770d;
}

label.error {color:#f3770d; font-size:10px;
background:url(../images/blt-uparrow2.gif) no-repeat 2px 8px; 
padding-left:10px;
width:220px;
}

.form .col2 label.error {width:300px;}
button.button {
background:#f3770d;

border:none;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-transform:uppercase;
line-height:25px;
height:25px;
padding:0 15px;
text-align:center;

font-weight:bold;

background:none;
color:#252525;
cursor:pointer;

line-height:20px;
padding:2px 15px 3px 15px;
}

button.button:hover {background:#252525; color:#fff; /*background:#f3770d;*/}

.form .form-item-submit {
width:100%;
clear:both;

text-align:right;
}
span.required {color:#f3770d; padding-left:3px;}

.form .form-item {clear:both; float:left; margin-bottom:10px; }
.form .form-item-message {width:415px; }
.form label {
text-align:left;
display:block;
/*width:70px;*/
line-height:24px;
}

.form input.textfield {
}



.form .col1 {width:233px; margin:0; padding:0; margin-right:15px; }
.form .col2 {width:417px;   float:left; margin-right:0;}

/* ----------- portfolio site pages  -------------- */
body.portfolio-page {
background-position: center 32px;
background-repeat:no-repeat;
margin:0; padding:0;
}

.view-navigation {
background:#fff;
border-bottom:2px solid #000; 
height:30px;
position:relative;
}

.prev-link, .next-link {
position:absolute;
display:block;
top:0;
height:30px;
width:50%;
border:none;
line-height:30px;
text-indent:-9999px;
color:#000;
text-transform:uppercase;
}



.prev-link {
left:15px;
float:left;
background:url(../images/link-prev.gif) no-repeat left 0px;
}
.prev-link:hover, .prev-link:focus {background-position:left bottom;}

/*
.prev-link:hover {background:url(../images/link-prev.gif) no-repeat left 0px;}
*/
.next-link {
right:15px;
float:right;
/*text-align:right;*/
background:url(../images/link-next.gif) no-repeat right 0px;
}
.next-link:hover, .next-link:focus {background-position:right bottom;}
.next-link1:hover {

}

/* ----------- general -------------- */
.clear {clear:both;}
div.clear {}
.skip {display:none;}
a.more  {
background:url(../images/bg-morelink.gif) no-repeat left 3px;
padding-left:8px;
border:none;
text-transform:uppercase;
font-size:10px;
color:#252525;
margin-right:3px;
}

a.more:hover {color:#F3770D}


a.stop  {
background:url(../images/bg-stoplink.gif) no-repeat left -30px;;
padding-left:13px;
border:none;
text-transform:uppercase;
font-size:10px;
color:#252525;
margin-left:3px;
}

a.stop:hover {color:#F3770D; background-position:left 2px;}

a.play  {
background:url(../images/bg-playlink.gif) no-repeat left -30px;;
padding-left:13px;
border:none;
text-transform:uppercase;
font-size:10px;
color:#252525;
margin-left:3px;
}

a.play:hover {color:#F3770D; background-position:left 2px;}

.ldrgif {
width:675px;
height:345px;
/*background:url(../images/loader.gif) no-repeat center center;*/
background:url(../images/loader.gif) no-repeat 445px center;
text-indent:-9999px;
position:relative;
}



.info {
clear:both;

/*padding:30px 10px 0 10px;;
width:655px;*/
padding-top:20px;

width:675px;
margin-bottom:-10px;
}

.info p {}


/*------------------------ heading replacement ----------------- */
.h-aboutme{
background:url(../images/h-about-me.gif) no-repeat left top;
text-indent:-9999em;
}

.h-contact{
background:url(../images/h-contact.gif) no-repeat left top;
text-indent:-9999em;
}

.h-work{
background:url(../images/h-work.gif) no-repeat left top;
text-indent:-9999em;
}

.h-hello{
background:url(../images/h-hello.gif) no-repeat left top;
text-indent:-9999em;
}

.h-contactinfo{
text-align:left;
background:url(../images/h-contact-info.gif) no-repeat right top;
text-indent:-9999em;
}

.h-quicklinks{
text-align:left;
background:url(../images/h-quick-links.gif) no-repeat right top;
text-indent:-9999em;
}