@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:#666;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #333;
}

.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{
	margin-top: 40px;	
}

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

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

.jScrollPaneContainer 	
{ 
	position: relative; 
	overflow: hidden;
	z-index: 1; 
 }
/*This allows scrolling on the Portfolo Piece on homepage...TURNED OFF
.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: #666;
}

.clearl
{
	clear:left;
}

.lm
{
	margin-left: 5%;
}

.rm
{
	margin-right: 15px;
	margin-left: 20px;
}

.right
{
	float: right;
	display: block;
	font-size:11px;
	line-height:20px;
	margin-top: 50px;
}

/*general coloring/styling*/

.darkgreen
{
	}


.highlight, i
{
	color: #ea8c22;
	font-style:normal;
	font-weight: bold;
	}

.brown
{
	color: #a88665;
}

.aright
{
	text-align: right;}

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

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

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

#maincontent div
	{overflow: hidden;	}


/*top bar*/

#logo
{
	width:180px;
	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:#FFF;
	text-decoration:none;
}
.menu span a:hover
{
	color:#ea8c22
}


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

/*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:25px;
	margin-bottom: 0;
	overflow: hidden;
}

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

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

#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:#999;
	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:#544135;
	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:#FFF;
	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:3px;
	width:800px;
	display:block;
}

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

#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;
	margin-left: 350px;
	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;
	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:500px;
	text-align:center;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #999;
	float:left;
	margin-top: 60px;
}

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

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

}


div.gal-alt	{
	font-size:16px;
	width:475px;
	height:50px;
	background-color:#FFF;
	padding:10px;
	margin:0px;
	color:#000;
	text-align:left;
	overflow:scroll;
}

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

#portfoliodeco
{
	position:relative;
	top:8px;
	z-index:1;
	left:320px;
}

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

#footer{
	height: 30px;
	padding-top:20px;
	color:#ea8c22;
	font-size:11px;
	line-height:15px;
	position: absolute;
	width: 403px;
	text-align: center;
	background-position: center center;
	padding-right: 200px;
	padding-left: 200px;
	top: 870px;
}

#footer a, #footer a:link, #footer a:active, #footer a:visited
{
	color:#FFF;
	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:#FFF;
	font-size: 10px;
	font-weight:lighter;
	display: inline;
}

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

a:hover.light
{
	color:#FFF;
	padding:0;
	margin:0;
	border-bottom-color:#544135;
	text-decoration: none;
	outline: none;
	border-bottom-width: thin;
	border-bottom-style: dotted;
}


/*styling for messagebox*/
#messagebox
{
	height: 100px;
	overflow:auto;
	width: 300px;
}
/*styling for submit button*/
.submit
{
	float:right;
	margin-top:5px;
	color: #D9821C;
}

/*button: Changes made in iewin.css*/



button span
{
	position: relative;
	display:block;
	white-space:nowrap;
	font-size: 11px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

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

button.button:hover span
	{
	background:url(../images/buttonhighlight_01.png) left no-repeat;
	height:32px;
	line-height:26px;
	color:#fff;
	display: block;
	width: 91px;
}
*/



.form input, .form textarea
{
	border: 1px solid #CCC;
	background-color:#FFF;
	color: #333;
	height: 15px;
	width: 198px;
	padding-top:3px;
	padding-left: 3px;
	margin-top: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:lighter;
}

.pointer
{
	cursor:pointer;}

.form label
{
	color:#333
}

.thirty-right{
	height:210px;
	
}
#main_portfolio{
	margin-top: 0px;
	width: 800px;
}

#hpportfolio{
	margin-top:2px;
	height:200px;
	margin-bottom: 2px;
}
.portfolio-box{
	margin-top:10px;
	height:200px;
	border: 1px solid #FFF;
	margin-left: 8px;
}