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

/*General rules*/
/*Styling for general rules and large container elements*/
img, span{ behavior: url(iepngfix.htc) }

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

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

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

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

p
{

	font-size: 14.5px;
	line-height:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-style:bold;
	text-align:justify;
	padding-bottom:5px;
	padding-top:5px;
	color:#000066;
}

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


h1 {
	font-size: 22px;
	color:#000033;
	border-bottom:2px solid #000033; 
	font-family: segoe UI, myriad pro, helvetica, arial, sans serif;
	padding-bottom:10px;
	padding-top:0px;
	font-style:bold;
	text-transform:uppercase;
	margin: 0px 0px 10px 0px;
}
h2 {
	font-size: 18px;
	color: #000033;
	font-family: segoe UI, myriad pro, helvetica, arial, sans serif;
	padding-bottom:10px;
	padding-top:0px;
	margin: 0px 0px 10px 0px;
}

h2 {
	font-size: 16px;
	color: #000033;
	font-family: segoe UI, myriad pro, helvetica, arial, sans serif;
	padding-bottom:10px;
	padding-top:0px;
	margin: 10px 0px 10px 0px;
}

h3 {
	font-size: 13.5px;
	color: #000033;
	font-family: segoe UI, myriad pro, helvetica, arial, sans serif;
	margin: 10px 0px 10px 0px;
	font-weight:bold;
}

#heightsettingforsafari
{
	height:800px;
}

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

.scroll-pane 
{
	width: 910px;
	margin-top:103px;
	margin-left:60px;
}

.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: 100px;	
	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;
}

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


#footer
{
	height: 45px;
	padding-top:12px;
	color:#809a5d;
	
	font-size:11px;
	line-height:15px;
	margin-right:0px;
	background-color:#000000;
	
	}
	
	
#footer_l  {
	float: left;
	
}
#footer_r  {
	float: right;
	color:#FFFFFF;	
	text-align: right;
	margin-right:20px;	
}

	
	

/*top bar*/

#logo
{
	width:132px;
	height:41px;
	background:url(../images/transparentlogo.gif) 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:#FFFFFF;
	text-decoration:none;
}
.menu span a:hover
{
	color:#FFFFFF}


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

/*Top Header*/


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


.topimage
{
	float: left;

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

	margin-left: 60px;
	margin-right: 0px;
	margin-top:60px;
	margin-bottom: 0px;
	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:820px;
	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: 20px;
	margin-right:140px;
}

.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:580px;
	height:61px;
	display:block;
	background:url(../images/hr.png) no-repeat top left transparent;
	float:left;
	padding:0;
	margin: 10px 0 -10px 80px;
	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:#FFFFFF;
	text-decoration:none;}

a:hover.more 
{
	float:right;
	color:#FFFFFF;
	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:#CCCCFF;
	font-family:Segoe UI, arial, sans serif;
}

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



.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;}
	
	a.event, a:link.event, a:visited.event, a:active.event
{
	float:right;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;}


.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:#FFFFFF;
	text-decoration:none;
	outline:none;}

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

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


#filler /*#filler: Changes made in iewin.css*/
{
	height:70px;
	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;
	color:#FFFFFF;

}
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:#FFFFFF;
	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:#FFFFFF;
	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: 200px;
	width:50px;
	overflow:auto;}
/*styling for submit button*/
.submit
{
	float:right;
	margin-top:5px;}

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

div#contact_form #form label.error
{
vertical-align:middle;
position:absolute;
padding-top:5px;
padding-left:3px;
display:inline
}
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: 4px;
	
	padding-top:3px;
	padding-left: 3px;
	margin-top: 2px;
	font-family: Segoe UI, myriad pro, arial, sans serif;
	
	font-weight:lighter;}

.pointer
{
	cursor:pointer;}

.form label
{
	color:#809a5d}


/*Left Sidebar start*/

#page {
	
	margin: 0 auto;
	padding: 0px 0px 30px 0px;
	background-repeat: repeat-x;
}
#page_secondary {

	margin: 0 auto;
	padding: 35px 0px 30px 40px;
	background-image: url(images/left_bg.jpg);
	background-repeat: no-repeat;
	height: 100%;
}
#main_content {
	float: left;
	width: 940px;
}
#main_content_left {
	width: 600px;
	float: left;
}
#main_content_left_secondary {
	width: 720px;
	float: left;
}
#main_content_right {
	width: 285px;
	float: right;
	background-image: url(images/right_sidebar_bg.gif);
	background-repeat: no-repeat;
	padding: 15px 20px 10px 20px;
}
#main_content_right  ul {
	padding: 0px;
	margin: 0px 0px 15px 10px;
}
#main_content_right  li {
	padding-left: 25px;
	height: 30px;
	font-weight: bold;
	list-style-type: none;
	background-image: url(images/check.png);
	background-repeat: no-repeat;
	margin: 0px;
}
#left_navigation {
	float: left;
	width: 184px;
	margin-right: 35px;
}
#left_navigation ul {
	margin-left: 0px;
	padding-left: 0px;
}
#left_navigation li {
	border-top: solid 1px #DCDDDE;
	border-bottom: solid 1px #000033;
	list-style-type: none;
	margin-left: 0px;
	padding: 8px 0px;
}
#left_navigation a {
	color: #990000;
	font-weight: bold;
	padding: 8px 0px 8px 10px;
}
#left_navigation_contact {
	float: left;
	width: 184px;
	margin-right: 35px;
}
#left_navigation_contact a {
	color: #990000;
	font-weight: normal;
	padding: 0px 0px 8px 0px;
}
#left_navigation h2 {
	color: #990000;
	font-size: 11px;
	font-weight: normal;
	padding-left: 34px;
	margin: 0px;
	width: 140px;
	line-height: 12px;
}
#left_navigation li:hover    {
	border-top: solid 1px #DCDDDE;
	border-bottom: solid 1px #ffffff;
	list-style-type: none;
	margin-left: 0px;
	padding: 8px 0px;
	background: url(images/nav_hover.png) repeat-y;
	display:block;
}
#left_navigation_blog {
	float: left;
	width: 184px;
	margin-right: 35px;
}
#left_navigation_blog ul {
	margin: 0px 0px 10px 0px;
	padding-left: 0px;
}
#left_navigation_blog li {
	list-style-type: none;
	padding-left: 0px;
}
/*Left Sidebar start*/


/*List Styles Starts*/

ul{  padding:0px; list-style:none}
ul li { 
	margin-left:20px;
	line-height:22px; 
	margin-bottom:20px;
	color:#000033;
	font-family: Segoe UI, myriad pro, arial, sans serif;
	background:url(../images/marker_link.gif) no-repeat 0 12px; 
	padding-left:13px;
		
	}
ul li a{text-decoration:underline; color:#000033}
ul li a:hover{ text-decoration:none}

/*List Styles Ends*/



ul.list_1 {

 padding:0px; list-style:none

}
ul.list_1 li { 
	margin-left:20px;
	line-height:8px; 
	margin-bottom:10px;
	color:#000033;
	font-family: Segoe UI, myriad pro, arial, sans serif;
	background:url(../images/marker_link.gif) no-repeat 0 12px; 
	padding-left:13px;
}
ul.list_1 li a{

text-decoration:none; color:#5a6165; background:url(images/marker_list1.gif) no-repeat 0 3px; padding-left:13px

}
ul.list_1 li a:hover{ 

color:#5d1917; background:none

}
ul.bullet_l {

 padding:0px; list-style:outside;

}
ul.bullet_l li { 
	margin-left:20px;
	line-height:18px; 
	margin-bottom:10px;
	color:#000033;
	font-family: Segoe UI, myriad pro, arial, sans serif;
	padding-left:13px;
}
ul.bullet_l li a{

text-decoration:none; color:#000033; background:url(images/marker_list1.gif) no-repeat 0 3px; padding-left:13px

}
ul.bullet_l li a:hover{ 

color:#5d1917; background:none

}


label {  
display: block; 
font-weight: bold;
font-size:12px;
margin-left:5px;
margin-top:5px;
margin-bottom:5px;
margin-right:5px;
color:#000033;
text-transform:uppercase;
font-family:Segoe UI, myriad pro, arial, sans serif;

}

.white {

color:#FFFFFF;
font-family: Segoe UI, myriad pro, arial, sans serif;
font-style:bold;
}

.whitelink {

color:##000033;
font-family: Segoe UI, myriad pro, arial, sans serif;
font-style:bold;
text-decoration:none;
}

input, select, textarea{
  background: url(../images/input-back.gif) repeat-x;
  background-color:#FFFFFF;
  border: 1px solid #c6c6c6;
  color: #333;
  padding: 4px;
  margin-bottom:10px;
}


/*List Styles Starts*/

ol{  padding:0px; list-style-type:decimal}
ol li { 
	margin-left:20px;
	line-height:10px; 
	margin-bottom:20px;
	color:#000033;
	font-family: Segoe UI, myriad pro, arial, sans serif;
	padding-left:13px;
		
	}
ol li a{text-decoration:underline; color:#aaaaaa}
ol li a:hover{ text-decoration:none}

/*List Styles Ends*/


/* Social */

div.box{
	width:478px;
	height:250px;
	float:left;
	margin:10px 15px 10px 85px;
	position:relative;
}

a.social-box-left{
	width:226px;
	height:38px;
	float:left;
	margin:3px 20px 5px 0;
	color:#666;
	border:1px solid #e5e5e5;
	background:#fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	text-decoration:none;
}
a.social-box-right{
	width:226px;
	height:38px;
	float:left;
	margin:3px 0 5px 0;
	color:#666;
	border:1px solid #e5e5e5;
	background:#fff;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	text-decoration:none;
}
a.social-box-left img,
a.social-box-right img{
	width:32px;
	height:32px;
	float:left;
	margin:4px 10px 0px 4px;
	border:none;
	text-decoration:none;
}
a.social-box-left strong,
a.social-box-right strong{
	width:170px;
	height:17px;
	float:left;
	margin:0 0 0px 0;
	color:#333;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
a.social-box-left:hover,
a.social-box-right:hover{
	text-decoration:none;
	background:#eee;
	border:1px solid #e5e5e5;
	cursor:pointer;
	text-decoration:none;
}