/*
Created by: Mark @ STW Design
Modified by: sb
/*

/**********************************************
	UNIVERSAL
**********************************************/

html { height: 101%; }
a img { border: none; }

body {  background-image: url(../images/gradient-bg.jpg); color: #3F3F3F; font-family: Arial, Helvetica, sans-serif; font-size: 10px; margin: 0; padding: 0; }
.clear { clear: both; }

/**********************************************
	LAYOUT
**********************************************/
#o_container { background: #fff; /*height: 660px;*/ margin: 15px auto 0 auto; width: 900px; }
#i_container { /*border: 1px solid #ebebeb;*/ height: 685px; width: 898px; }

p.align-right { text-align: right; }

#row_top { /*height: 181px;*/ margin: 0; padding: 0 30px 0 0; width: 898px; }
#row_top #logo { float: left; height: 126px; width: 332px; padding-top: 0px; padding-left: 40px;}
#row_top #nav { background-image: url(../images/nav-graphic.jpg); background-repeat: no-repeat; background-position: top left; float: left; /*height: 195px;*/ margin: 0; padding: 0 33px 0 14px; width: 479px;}

#row_bottom #display { /*height: 440px; float: left; */width: 830px; padding: 0 33px 0 40px; }
#row_bottom .textarea p { margin: 0 0 0 30px; padding: 0; }
#row_bottom p { font-size: 1.25em; line-height: 1.5em; }
#row_bottom .textarea a { color: #3F3F3F; }
#row_bottom { position: absolute; top: 150px; }


#row_bottom table {  text-align:right; }



/**********************************************
	MENU
**********************************************/

#mainmenu ul { margin: 3px 0 3px 5px; padding: 0; }
#mainmenu ul li {
	display: inline;
	float:left;
	list-style-type: none;
	padding: 0;
	margin-top: 3px;
	margin-right: 0;
	margin-left: 0;
}
#mainmenu ul li a { color: #414141; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; float:left; padding-right:30px; padding-bottom:10px; }

/*#menu { background-image: url(../images/submenu-bg.jpg); background-repeat: repeat-x; float: left; height: 19px; margin: 0px 31px 0 0; width: 416px; }
#menu ul { margin: 0; padding: 3px 0 0 5px; vertical-align: middle; }
#menu ul li { display: inline; list-style-type: none; margin: 0; padding: 0; }
#menu ul li a { color: #414141; margin: 0; padding: 3px 60px 4px 0; text-decoration: none;} */





/**********************************************
	MENU DROP-DOWNS
**********************************************/

ul#navigation{
	font-family: Tahoma,Helvetica, Arial,sans-serif;
	font-size: 10px; /*          ****CHANGE**** change for larger or smaller font */
	left:0;
	height: 21px;
	background-image:url(../images/submenu-bg.jpg);
	background-repeat: repeat-x;
	z-index: 99999;
}
ul#navigation, ul#navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 99999;
}
ul#navigation li { 
	float: left;
	z-index: 99999;
}
ul#navigation li a { border-right: 1px solid #fff; z-index: 99999;}

ul#navigation li.last a { border-right: none; }

#navigation li a, #navigation li span {
	display: block;
	text-decoration: none;
	color: #000;
	padding-right: 26px; padding-left: 5px;
	margin-top: 4px; margin-bottom: 5px;
	z-index: 99999;
}
ul#navigation li ul li { z-index: 99999; }
ul#navigation li ul { margin-left: 5px; }

ul#navigation li ul { /* Hides the first unhovered submenu */
	position : absolute;
	z-index: 99999;
	left: -999em;
	width: 516px;
	min-height: 60px;
	background-repeat: repeat-y;
	background-color: #fff;
	border-top: 5px solid #fff;
}

/*                       ****DISPLAYS HORIZONTAL MENU(2) ******* */

div#menu { width:100%; clear:both; }

ul#navigation li ul li { margin-left: 5px; }


/* BACKGROUND IMAGES */



ul#navigation li ul li { margin-top: 0; padding-top: 0; float: left; }
ul#navigation li ul li a { color: #797979; }
ul#navigation li a.last { border-right: none; }


/**********************************************
	THIRD LEVEL DROPDOWNS
**********************************************/

#lowermenu ul { width: 500px; margin: 12px 0 0; padding: 0; }
#lowermenu ul li { float: left; width: 125px; margin: 0; padding: 0; list-style-type: none; }
#lowermenu ul li a { float: left; display: block; text-decoration: none; color: #797979; width: 110px; }
#lowermenu ul li a:hover { color: #000000; }

/**********************************************
	MAINPAGES            #i_container.mainpages
**********************************************/

#i_container.mainpages #row_bottom { width: 900px; }
#i_container.mainpages #captiontext { float: left; width: 310px; height: 515px; margin: 0; padding: 0; position: relative; z-index: 0; }
#i_container.mainpages #captiontext p { text-align: right; }
#i_container.mainpages #row_bottom #display { float: right; width: 490px; margin: 0 30px 0 0; padding: 0; }
#i_container.mainpages #row_bottom a { color: #016ba9; text-decoration: none; }
#i_container.mainpages #row_bottom a:hover { text-decoration: none; border-bottom: 1px dotted #016ba9; }
#i_container.mainpages #row_bottom p.firmnav { text-align: center; }
#i_container.mainpages #row_bottom .csc-header { display: none; }
#i_container.mainpages #row_bottom .csc-textpic-imagewrap { margin-left: 30px; }


/**********************************************
	NEWS           #i_container.news
**********************************************/

#i_container.news #row_bottom { overflow: auto; height: 515px; margin-right: 20px; margin-left: 350px; width:550px;} 
#i_container.news #captiontext { width: 480px;  margin-left: 30px; }
#i_container.news #footer { position:absolute; top:665px; }
#i_container.news #captiontext .csc-textpic-text p { width: 250px;  }
#i_container.news #captiontext div.csc-textpic-intext-right-nowrap {  }
#i_container.news #projectname { display:none; }
#i_container.news #row_bottom #display { display:none; }
#i_container.news #captiontext div.csc-textpic-clear { border-bottom: 1px dotted #ccc; padding-bottom:10px; margin-bottom:15px; }
#i_container.news #row_bottom a { color: #016ba9; text-decoration: none; }
#i_container.news #row_bottom a:hover { text-decoration: none; border-bottom: 1px dotted #016ba9; }

/**********************************************
	SLIDESHOW
**********************************************/
.tx-rgslideshow-pi1 .rgslideshownav .rgsnav2 { background-image: none; background-color: #fff; padding: 3px 0 1px;}
.tx-rgslideshow-pi1 .rgslideshownav { text-align: left; border: none; margin-top: 10px; }
.tx-rgslideshow-pi1 span.rgssplitEl { display: none; }
.tx-rgslideshow-pi1 .rgsprev, .tx-rgslideshow-pi1 rgsnext, .tx-rgslideshow-pi1 .rgsplay { display: none; }
.tx-rgslideshow-pi1 .rgslideshownav .rgsbrowserEl { color: #666; padding: 0; padding-right: 4px; }
.tx-rgslideshow-pi1 .rgslideshow { border: none; }


/**********************************************
	FORMS - career and contact pages
**********************************************/

fieldset.csc-mailform { border: none; text-align: right; margin: 0 80px 0 0; padding: 0; font-size: 1.25em; }
#captiontext fieldset.csc-mailform { border: none; text-align: right; margin: 0 0 0 60px ; padding: 0; }
div.csc-mailform-field { margin-bottom: 10px; }
div.csc-mailform label { float: left;  }
/*#mailformWhat_are_you_looking_for { width: 200px; }*/
fieldset .csc-mailform-field input, select, textarea { border: 1px solid #999; width:145px; }





h2 {
	font-size:1.4em;
}


/**************
   sb
***************/

#showhide {
	float:right;
	text-align:right;
	padding-right:5px;
	padding-top:10px;
	width:100px;

}
#showhide a { cursor: pointer; }
#projectname {
	float:left;

	width:200px;
}

#row_bottom { height: 515px; margin: 0; padding: 0; display:block; }
#row_bottom #text {
position:absolute; z-index:1000; top:0px; left:100px; overflow:hidden;
 height: 220px; width: 227px; padding: 20px 20px 20px 0px;  
 background: transparent url(/fileadmin/images/transparent_bg.png);
/*filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75; */
}
#row_bottom #text .textarea p {
	/*filter:alpha(opacity=100);-moz-opacity:1;opacity:1;*/ 
	color:#111111;
	font-size: 11px;

}

#footer { clear: both; color: #767676;  /*left:650px;height: 20px;*/ padding:10px 85px 8px 0; position:absolute; top:665px; width:800px; text-align:right;}



.tx-rgslideshow-pi1 div.rgslideshownav {
	position:absolute;
	top:-40px;
	right:30px;
	width:150px !important;
	text-align:right;

}

.textarea .csc-header img, .textarea .csc-header-n1 img { display: none; }

.indent {
	margin-left:100px;
}

.csc-textpic-intext-right {
	clear:both;
	padding-top:10px;
}

#rgslideshow-264, #rgslideshow-314, #rgslideshow-312 { margin-left: 30px; }
#resultdiv { display:none; /* google map page */ }


a:active {
  outline: none;
}

:focus {
  -moz-outline-style: none;
}