@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;
}

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

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


#heightsettingforsafari
{
	height:800px;
}

.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; 
}

/*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:272px;
	height:41px;
	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 a
{
	display: inline;
	float: left;
	padding: 0 10px 0 0;
	margin: 0;
	cursor:pointer;
	color:#C3CAA6;
	text-decoration:none;
}
.menu span a:hover
{
	color:#d2ff05}


.menu span.jFlowSelected a 
{
	color:#d2ff05
}			

/*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, arial, 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:326px;
	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, arial, sans serif;
	font-size: 11px;
	font-weight:lighter;}

.pointer
{
	cursor:pointer;}

.form label
{
	color:#809a5d}