@charset "utf-8";
/* CSS Document */

/*General rules*/
/*Styling for general rules and large container elements*/

html{
margin: 0;
padding: 0;
float: none;
clear: none;
font-size:11px;
}

a.normal, a:link.normal, a:visited.normal, a:active.normal
{
color:#c3caa6;
outline:none;
text-decoration:none;
border-bottom: thin #c4caa6 dotted;}

a:hover.normal
{
color:#c3caa6;
border-bottom: thin #c4caa6 solid;}

.example    /*Styling for the examples in the forms */
{
font-style:italic;

}
img { behavior: url(../css/iepngfix.htc); } /*png fix*/

p
{
padding-top: 10px;
font-size: 11px;
line-height: 20px;
font-family: segoe UI, myriad pro, helvetica, sans serif;}

body
{
color: #000;
background: url(../images/pathfinal_d.jpg) center top no-repeat #0c120d;
padding: 0;
font-family: Segoe UI, arial, helvetica, sans serif;
font-size: 13.5px;

}



#heightsettingforsafari
{height:800px;}

#heightsettingforsafari2
{}

.slidecontainer
{
overflow: auto; position: relative; width: 800px; height: 388px; float: left;}

.scroll-pane { width: 788px; overflow: auto; padding-right: 10px; height: 388px; }

.jScrollPaneContainer 	{ position: relative; overflow: hidden; z-index: 1; }

.jScrollPaneTrack 		{ position: absolute; cursor: pointer; right: 0; top: 0; height: 100%;
		  background: url(../images/bar.jpg) top center repeat-y; padding: 3px; }

.jScrollPaneDrag	{ position: absolute; background: url(../images/ball.png) center center no-repeat;
	  cursor: pointer; overflow: hidden; }

.jFlowSelected {color:#d2ff05}			


/*General positioning/width styles*/

.hundred
{
width: 100%;}

.sixty
{
width: 55%;
padding: 0;
}


.thirty
{
width: 30%;
margin: 0;
padding:0;}


.thirtyfive
{
width:35%;
margin: 0;
padding:0}
.forty
{
width: 40%;
margin: 0;
padding: 0;}

.left
{
float: left;
font-size: 11px;
line-height: 20px;
color: #c3caa6;
}

.clearl
{
clear:left;}


.lm
{
margin-left: 5%;}

.rm
{
margin-right: 5%;
}
.right
{
float: right;
display: block;
font-size:11px;
line-height:20px;
}

/*general coloring/styling*/

.darkgreen
{
color:#809a5d}


.highlight, i
{
color: #d6f549;
font-style:normal;}

.brown
{
color: #a88665;
}

.aright
{
text-align: right;}

strong
{
font-weight:bold;
font-size:11px;
}

#container /*Container or wrapper, contains almost all the content*/
{
color: #c3caa6;
width: 800px;
margin-left: auto;
margin-right: auto;
}


#footer
{
height: 45px;
padding-top:12px;
color:#809a5d;
font-size:11px;
line-height:15px;}

#maincontent
{height: 388px;
width: 800px;
overflow: hidden;}

#maincontent div
{overflow: hidden;	}


/*top bar*/

#logo
{
width:460px;
height:60px;
background:url(../images/logo.png) center no-repeat;
float:left;}

#logo span, #logo small
{
text-indent:-9999px;
display:block;
}

#header /*Header bar, contains logo, menu etc.*/
{
height: 41px;
padding: 3px 0 0 0;
margin: 0;}

.menu /*menu styling*/
{
float: right;
margin: 12px 0;	
padding: 0;

}

.menu span
{
display: inline;
float: left;
padding: 0 10px 0 0;
margin: 0;
cursor:pointer;
}

/*Top Header*/


#top
{
border: none;
width: 800px;
height: 320px;
overflow:hidden;
margin:0;
top:0;}


.topimage
{
float: left;

}
.item /*Content for every item in the top bar*/
{
width: 700px;

background: transparent;
margin-left: 60px;
margin-right: auto;
margin-top:57px;
margin-bottom: 0;
overflow: hidden;
}

.jFlowPrev2 /*Previous button for the header content*/
{
position:relative;
top:190px;
z-index:20;}

.jFlowNext2 /*Next button for the header content*/
{
position:relative;
Top:190px;
left:700px;
z-index:20;}

#controller2 /*Controller for the top header. I dont want it, so i hid it*/
{
display:none;}

.text /*Left part of the top header;*/
{
display: block;
float: left;
clear: none;
margin-top: 50px;
}

.itemtext /*This is the text that appears in the header*/
{
font-size: 13px;
font-family: 	Segoe UI, arial, sans serif;
font-weight:400;
color:#c9d29c;
line-height:18px;
text-align:justified;
width:350px;
margin:0;
padding-top:6px;}

#search  /*Search bar styling*/
{
position: absolute;
top:60px;
right:23%;
width: 147px;
height:22px;
display:block;
z-index:10;
background:url(../images/searchbar.png) top center no-repeat;
border:none;
font-size:11px;
font-family:Segoe UI, calibri, sans serif;
letter-spacing:-0.5px;
font-weight: normal;
padding: 12px 0 8px 20px;
margin:0;
color:#709674;}







/*Main page*/

.tag /*The tag at the bottom of the page*/
{
background: top left no-repeat url(../images/contactustag.png);
width:219px;
height:123px;
margin-bottom:-101px;
display:block;
}

#tag /*same as above, but this is the posiioning*/
{
float:right;
position:relative; z-index:100; top:-97px; right:100px;}

.hr /*Horizontal rule styling. Horizontal rule itself is not used because of a bug in IE.*/
{
width:459px;
height:61px;
display:block;
background:url(../images/hr.png) no-repeat top left transparent;
float:left;
padding:0;
margin: 10px 0 -10px 30px;
border:none;}

a.tag span /*Make the content disappear*/
{
display: none;
text-indent:-99999999999px;}

/*styling for 'more...' links, main page*/

a.more, a:link.more, a:visited.more, a:active.more
{
float:right;
font-weight:normal;
color:#d6f549;
text-decoration:none;}

a:hover.more 
{
float:right;
color:#d6f549;
cursor:pointer;}

/*NEWS section*/

.date /*The green date box in the news section on the homepage*/
{
background:url(../images/datebg.png) center no-repeat;
font-size:14px;
font-weight:bold;
height:31px;
width:30px;
display:block;
float:left;
text-align:center;
color:#30812c;
font-family:Segoe UI, arial, sans serif;
}

.month /*Styling for the month in the datebox*/
{display:block;
font-size:9px;
margin-top:-10px;
}	

.news /*Styling for the whole news bars*/
{
width:240px;
float:left;
margin-top:10px;}

.event /*Styling for the event part of the news bars (the text)*/
{
margin:0;
width:200px;
float:right;
margin-left:10px;
line-height:14px;
display:block;}


.caption  /*Caption styling for the portfolio box on the first page*/
{
padding-top:5px;
line-height:normal;
}

.caption a, .caption a:link, .caption a:visited, .caption a:active
{color:#C3CAA6;
text-decoration:none;
outline:none;}

.caption a:hover
{border-bottom:dotted thin #C3CAA6;}

.captionbox
{width:195px;
padding:5px;
margin:0;
background-color:#172018;}


#filler /*#filler: Changes made in iewin.css*/
{
height:103px;
width:800px;
display:block;
}

#pstatement
{
width:350px;
float:right;
text-align:right;}

#filler span 
{display:none;}


.team /*The box that holds info about every team member*/
{
width:100%;
margin-bottom:10px;
}

.face /*styling for face in team*/
{margin:10px 10px 0 0;
}


/*styling for clients content box, about us page*/

#clients
{
padding-top:20px;
margin-right: 10px;
border: none;
}

a#clients, a:link#clients, a:visited#clients, a:active#clients
{
display:block;
float:left;
text-decoration: none;
outline: none;
border: none;

}
a:hover#clients
{
border: none;
text-decoration:none;
display: block;
}

/*portfolio page*/
/*Portfolio page Gallery styling*/
div.gal-thumb{
float: right; 
width: 58px;
height: 45px;
text-align: center;
margin: 5px 5px 0 0;
border: 1px solid #809a5d;
padding:5px;
overflow:hidden;
}

div.gal-thumb-padder
{width:53px;
height:47px;
margin:auto;
overflow:hidden;}


div.gal
{
width:770px;
overflow:hidden;
margin: 10px 0 0 30px;}

div.gal-main-viewer
{
width: 494px;
height:344px;
text-align:center;
overflow:hidden;
margin-left:auto;
margin-right:auto;
border:2px solid #809a5d;
float:left;
}

div.gal-thumbs-wrapper
{
width: 550px;
margin:auto;
overflow:hidden;
padding-top:5px;
padding-bottom:10px;
}

div.gal-thumbs
{
width:240px;
float:right;
cursor:pointer;
background:url(../images/portfolioright.png) top right no-repeat;
padding-top:39px;
}


div.gal-alt
{		font-size:12px;
width:475px;
height:34px;
background-color:black;
padding:10px;
margin-right:20px;
margin:0px;
color:white;
text-align:left;
overflow:scroll;
}

.gal-title
{position:absolute;
right:0;
top:210px;
background-color:red;
width:240px;
height:155px;
padding:0;
overflow:auto;
}

#portfoliodeco
{
position:absolute;
top:0px;
z-index:99;
}

.title /*used in the description in the portfolio page*/
{
float:left;
font-weight:bold;
}

.alt /*styles the grey text in the description in the portfolio page. Your 'alt' attribute content is styled here. */
{
float:left;
clear:left;
line-height:20px;
color: #c3caa6;
font-weight:normal;}
/*footer*/

#footer a, #footer a:link, #footer a:active, #footer a:visited
{
color:#809a5d;
text-decoration:none;
outline:none;

}

/*CONTACT US PAGE*/

/*styling for privacy policy, contact us page*/

.nec
{
background: url(../images/asterisk.png) right no-repeat;
padding-right: 13px;
}

.light
{
color:#8a8f75;
font-size: 10px;
font-weight:lighter;
display: inline;
}

a.light, a:link.light, a:active.light, a:visited.light
{
display: inline;
color:#8a8f75;
font-weight:bold;
float: none;
}

a:hover.light
{
color:#8a8f75;
padding:0;
margin:0;
border-bottom:dotted thin;
border-bottom-color:#8a8f75;
text-decoration: none;
outline: none;
}


/*styling for messagebox*/
#messagebox
{
height: 250px;
overflow:auto;}
/*styling for submit button*/
.submit
{
float:right;
margin-top:5px;}

/*button: Changes made in iewin.css*/
button
{border: 0;
cursor: pointer;
font-weight: bold;
text-align: center;}



button span
{
position: relative;
display:block; 
white-space:nowrap; 
padding: 0 10px 0 20px;
font-size: 11px;
}
button.button
{
background:url(../images/button_02.png) right no-repeat; 
}

button.button:hover
{
background:url(../images/buttonhighlight_02.png) right no-repeat;
}
button.button span 
{ 
height:26px; 
line-height:26px;
background:url(../images/button_01.png) left no-repeat;  color:#fff; 
display: block;  
}

button.button:hover span
{  background:url(../images/buttonhighlight_01.png) left no-repeat;
display: block;}




.form input, .form textarea
{
border: 1px solid #809a5d;
background-color:#22271c;
color: #809a5d;
height: 15px;
width: 198px;
padding-top:3px;
padding-left: 3px;
margin-top: 2px;
font-family: Segoe UI, myriad pro, sans serif;
font-size: 11px;
font-weight:lighter;}

.pointer
{
cursor:pointer;}

.form label
{
color:#809a5d}