/* Common Syles */

html{
overflow: scroll;
}

a 
{
  colour: #4D4237;	
  text-decoration: none;
}

a:visited
{
	colour: #4D4237;	
}

div {
 margin: 0;
}

img {
border: none;
}



h1{
padding:0 0 13px;
font-size:20px;
line-height:22px;
font-style:normal;
font-weight:bold;
color:#234543;
background-color:inherit;
text-align: left;
}

h2{
	padding:0 0 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:22px;
	font-style:normal;
	font-weight:bold;
	color:#234543;
	background-color:inherit;
	text-align: left;
}

ul{
list-style-type:none;
}


body {
	font-family: Arial, Helvetica, sans-serif;
	font:12px/19px Arial, Helvetica, sans-serif;
	background:url(../images/sagesurpass-bg.jpg) no-repeat 40%;
	background-position: top;
	text-align: center;
	


}

/* End of common styles */

/*LOGO and SEARCH BAR PARTICULARS and Search Results Page */

#head_wrapper{
	width: 720px;
	margin: 0 auto;
	font-size: 1.2em;
	text-align: left;
}

#header{
	width:720px;
	height:107px;
	background:url(../images/sage-isolate-bgr_head.jpg) top repeat-x;
	margin-left:0 auto; 
	margin-right:0 auto;
	margin-top: 0px;
	_margin-top: 7px; /*IE Correction */
	padding:0;
	text-align: left;
}

#header_left{
	width:300px; 
	padding:39px 0 0 30px;
	float:left;
}
#head_right{ 
	width:420px; 
	padding:47px 0 0 0;
	float: right;
}

.clear { clear: both;}


.sagesurpass_logo{
	margin-left: 10px;
	margin-top: 0px;
}

.sageisolate_logo{
	margin-left: 28px;
	margin-top: 40px;
}

.top_region 
{
	background: transparent;
	width:720px;
	_width: 800px; /*IE Correction */
	margin: 0 auto; 
 }
 
 /* NEWS TICKER */
 
/* NewsTicker */

/* NEWS TICKER */
 
/* NewsTicker */

#newsticker
{
	background: #fff;
	border: 1px solid #ccc;
	border-bottom: 2px solid #ccc;
	clear:right;
	display:block;
	float:left;
	height:50px;
	overflow:hidden;
	padding:0px;
	text-align:left;
	width:198px;
	height: 100%;
	padding:0;
	margin-left: 10px;
	text-align: left;
	font-size: 11px;
}

#newsticker ul
{
	list-style: none;
	text-align: left;
	margin-left: 0px;
	padding-left: 2px;
	width: 222px;
		
}

#newsticker a 
{
	background-color:inherit;
	color:#D42800;
	font-weight:bold;
	line-height:30px;
	padding:0px;
	margin-left: 0px;
	text-decoration:underline;

}

#newsticker li
{
	list-style: none;
	text-align: left;
	margin-left: 0px;
	font-size: 9.0px;
	width: 100%;
		
}
/* End of NewsTicker Control Stylings */
 
 /* END NEWS TICKER */
 
 
 /* SEARCH BAR STYLING */
 
 #search {
		font-family: Arial, Helvetica, sans-serif;
		margin-top:10px;
		padding:3px 20px 3px 0;
		text-align:right;
		}

		#search, #search input, #search img {
		vertical-align:middle;
		}
		
		#q 
		{

		font-family: Arial, Helvetica, sans-serif;
		border:1px solid #ccc;
		border-bottom: 2px solid #ccc;
		font-size: 11px/14px;
		height:20px;
		margin-top:3px;
		margin-left: 20px;
		padding:2px 4px 2px;
		width:192px;	
		}
		
		#search .search_right {
		font-size:17px;
		padding:0 0 0 8px;
		vertical-align:middle;
		}

		#searchSubmit {
		padding-top: 0px;
		margin-top: 0px;
		_margin-top: -10px;
		margin-left: -35px;
		vertical-align: middle;
		}
		
		#search_container
		{
			margin-top: 0px;
			padding-top: 45px;	
			width: 240px;
			float: right;
		}
		
		 div.searchResult {
  font:12px/19px Arial, Helvetica, sans-serif;
  }
  
  .searchResultsPath {
  color:#666667;
  }
  
  .searchResult ul{
  list-style-type: none;
  line-height: 100%;
  }
 
  
  .searchResult li a{
  color: #4C6E94;
  font-weight: bold;
  list-style-type: none;
  }
		

/* END OF SEARCH BAR STYLING */
 

/* Navigational Menu Style */

/*** ESSENTIAL STYLES ***/

#nav, #nav * {
	padding: 0;
	list-style:	none;
	font-family:Arial;
	font-style:normal;
	font-weight:bold !important;
	font-size: 11px;

}

#navContainer{
margin: 0 auto;
margin-top: -12px;
width: 720px;
}

#nav ul {
	position:		absolute;
	top:			-999em;
	width:			12em; /* left offset of submenus need to match (see below) */
}
#nav ul li {
	width:			100%;
}
#nav li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
#nav li {
	float:			left;
	position:		relative;
}
#nav a {
	display:		block;
	position:		relative;
	padding-right: 0em;
	padding-top: 1.0em;
	padding-bottom: 1.1em;
	padding-left: 0em;
	text-align: center;
	text-decoration: none;

}

#nav .level1 li a {
	display:		block;
	position:		relative;
	border-left:	1px solid #ccc;
	border-right:	1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 		0.8em 0.8em;
	_margin-top: 0px; /*IE fix */
	text-align: left;
}

#nav li:hover ul,
#nav li.sfHover ul {
	left:			0;
	_left: -3.5em;
	top:			3.7em; /* match top ul list item height */
	_top:			4.1em; /* match top ul list item height */
	width: 150px;
	z-index:		99;
}
ul#nav li:hover li ul,
ul#nav li.sfHover li ul {
	top:			-999em;
}
ul#nav li li:hover ul,
ul#nav li li.sfHover ul {
	left:			20.0em; /* match ul width */
	_left:			15.5em; /* match ul width */
	top:			0;
}
ul#nav li li:hover li ul,
ul#nav li li.sfHover li ul {
	top:			-999em;
}
ul#nav li li li:hover ul,
ul#nav li li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			0;
}


#nav a, #nav a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#000;
}

#nav a .level1, #nav a:visited  .level1 { /* visited pseudo selector so IE6 applies text colour*/
	color:			#234543;
}

#nav li {
	background: url(../images/m_1.jpg);
	background-repeat: no-repeat;
	width: 120px;
}

#nav li:hover{
	background: url(../images/m_1_hov.jpg);
	background-repeat: no-repeat;
	width: 120px;
	color: white;
	
}

#nav li li:hover{
	background: #234543;
	background-repeat: no-repeat;
	width: 220px;
	color: #ffffff;
}

#nav .level1 li{
	background: #ffe986;
	width: 220px;
	overflow: visible;
}

#nav .level1 li:hover, #nav .level1 a:hover, #nav .level1 a:active{
	color: #fff;
	font-weight: bold;
}

/* END OF NAV STYLING */

/* BANNER STYLINGS  */


#banner-wrapper{
 margin-left: 0 auto;
 margin-right: 0 auto;
 margin-top: 0;
 text-align: center;
 width: 720px;
}

#banner_left{
	background: url(../images/sage-surpass-left-banner.png);
	background-repeat: no-repeat;
	width:239px; 
	height: 230px;
	padding:35px 0 0 30px;
	float:left;
	margin-top: -10px;
	margin-bottom: 10px;
	overflow: hidden;
	
}

#banner_left h1 {
color:#234543;
font-size: 15px;
font-weight:bolder;
padding:0;
_padding-top: 10px; /*IE Correction */
text-align: left;
text-transform:uppercase;
}


#banner_left p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
line-height: 1.4;
padding-right: 4px;
_padding-left: 2px;
margin-top: -2px;
}


#banner_left a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: left;
line-height: 1.4;
padding-right: 4px;
}

#banner_left_content {
height:190px;
overflow: hidden;
}

.left_banner_intro_image {
float: left;
margin-top: 0px;
padding-right: 6px;
}

.banner_button {
float: right;
padding-right: 10px;
}

#banner_right{ 
	width:451px; 
	padding:0 0 0 0;
	float: right;
	margin-top: 0;
	height: 255px;
	overflow: hidden;
}

/* END OF BANNER STYLINGS */


/* FOR SUBPAGE STYLINGS - the Banner Presentation is a little different... SEE BELOW */

#banner_left_subpage{
	background: url(../images/sage-surpass-left-banner-subpage.png);
	width:239px; 
	height: 129px;
	padding:0px 0 0 30px;
	float:left;
	margin-top: 1px;
	margin-bottom: 10px;
	overflow: hidden;
	
}

#banner_left_subpage h1 {
color:#234543;
font-size: 15px;
font-weight:bolder;
padding:0;
_padding-top: 10px; /*IE Correction */
text-align: left;
}

#banner_left_subpage p {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: left;
line-height: 1.4;
padding-right: 4px;
_padding-left: 2px;
}

#banner_left_subpage a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: left;
line-height: 1.4;
padding-right: 4px;
}

.left_banner_intro_image {
float: left;
margin-top: 0px;
padding-right: 6px;
}

.banner_button {
float: right;
padding-right: 10px;
}

#banner_right_subpage{ 
	width:451px; 
	padding:0 0 0 0;
	float: right;
	margin-top: 0;
	height: 129px;
	overflow: hidden;
	border-top: 1px solid #ccc;
}

#banner_right{	/* FOR HOMEPAGE */
	width:451px; 
	padding:0 0 0 0;
	float: right;
	margin-top: 0;
	margin-bottom: 10px;
	height: 255px;
	overflow: hidden;
}

/* END OF SUBPAGE STYLINGS */


/* START OF MAIN CONTENT STYLINGS */

#content_region 
{
	margin: 0 auto;
	width: 720px;
	background-repeat: no-repeat;
}

#bgcontent
{
	background:url(../images/home-footer-bg.jpg);
	background-repeat: no-repeat;
	height: 515px;

}

/*FOR 3-COLUMN TABLE ON HOMEPAGE FOR SAGEISOLATE, SAGESURPASS and SAGETECHNOLOGY INTRO */

#tbl_homepage 
{
	padding: 0px 2px 2px 4px;
	font-family: Arial, Helvetica, sans-serif;
	width: 720px;
	height: 502px;
	position: relative;
	text-align: left;
	vertical-align: top;
	color: #444444;
}

#tbl_homepage td
{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
	margin-top: 0px;
}


#tbl_homepage h1
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	font-weight: bolder;
	text-align: left;
	text-transform: capitalize;
}


#tbl_homepage ul
{
	padding: 2px;
	text-align: left;
	list-style-image: url(../images/list-style-1.gif);
	margin-left: 42px;
	padding-top: 0px;
}

#tbl_homepage li {
	color: #212121;
	font-weight: 500;
	text-decoration:none;
}

#tbl_homepage a {
	color: #4D4237;
	text-decoration:none;
}

#tbl_homepage p {
	text-decoration:none;
}

/* BREADCRUMB CONTROL STYLINGS */

#breadcrumb
{
	font-family: Arial, Helvetica;
	font-size: 11px;
	color: #ffffff;
	padding-left: 22px;
	text-align: left;	
}

#breadcrumb a
{
	font-weight: bolder;
	color: #ffffff;
	text-decoration: none;
}

#breadcrumb a:visited 
{
	color: #ffffff;
	text-decoration: none;
}


/* END BREADCRUMB CONTROL STYLINGS */

/*SPECIFIC DIMENSIONS */


}
/* END OF SPECIFIC DIMENSIONS */

/* END OF FOR 3-COLUMN TABLE ON HOMEPAGE FOR SAGEISOLATE, SAGESURPASS and SAGETECHNOLOGY INTRO */

/* CONTENT SPECIFIC STYLINGS */

#content-style{
width:720px;
margin:0 auto;
background: url(../images/content-bg.gif);
background-repeat: no-repeat;
}

/* Left Panel */
#left_content{
width:440px;
float:left;
margin-right: 10px;
padding:0px 0 0px 10px;
text-align: left;
}
#left_content h1{
padding:0 0 2px;
font-size:20px;
line-height:22px;
font-style: italic;
font-weight: normal;
color:#234543;
background-color:inherit;
text-align: left;
margin-top: 12px;
}

#left_content h2{
padding:0 0 0px;
font-size:20px;
line-height:22px;
font-weight:normal;
color:#000000;
background-color:inherit;
text-align: left;
}

#left_content h2 em{
font-style:normal;
font-weight:bold;
color:#234543;
background-color:inherit;
text-align: left;
}
#left_content h2 em strong{
color:#202020;
background-color:inherit;
}
#left_content h2 span{
font-size:12px;
line-height:16px;
font-weight:bold;
color:#605d5d;
background-color:inherit;
}
#left_content p{
padding:0 5px 0px 0px;
}

#left_content img {
text-align: center;
}

#left_content p.divi{
float:right;
padding:0 0 19px;
width:387px;
}
#left_content h4{
font:normal 16px Arial, Helvetica, sans-serif;
background-color:inherit;
color:#272727;
margin:20px 0 0;
}
#left_content form{
width:368px;
margin:23px 0 0 0;
}
#left_content form input.submit_box{
width:206px;
height:20px;
padding:2px 0 0 3px;
font:normal 12px Arial, Helvetica, sans-serif;
color:#000;
background-color:#fff;
border:1px solid #b3b2a6;
float:right;
margin:0 0 18px 0;
}
#left_content form .bttn{
width:78px;
height:25px;
float:left;
margin:0 0 0 157px;
cursor:pointer;
}
#left_content form label{
font:normal 13px/20px Arial, Helvetica, sans-serif;
width:auto;
color:#3c392e;
background-color:inherit;
float:left;
}
#left_content form textarea{
	width:206px;
	height:84px;
	float:right;
	margin:0 0 18px 0;
}

#left_content ul{
	padding-top: 0px;
	margin-top: -10px;
	line-height: 190%;
}
#left_content ul li{
	padding:8px 0 0 0px;
	list-style-image: url(../images/list-style-1.gif);
}
#left_content ul li a{
	text-decoration:none;
	font:12px/24px Arial, Helvetica, sans-serif;
	font-weight: 600;
	color:#605d5d;
	background-color:inherit;
}

#left_content .project{
	float:left;
	width:570px;
	margin:35px 0 0 0;
}
#left_content .project img.position{
	margin:0 26px 0 0;
	float:left;
	width:auto;
}
#left_content .project h5{
	font:normal 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width:auto;
	color:#3c392e;
	background-color:inherit;
	float:left;
	margin:0 0 20px 0;
}
/* Right Panel */
#right_content{
float:right;
width:230px;
margin:0 0 14px;
}

#contact_form
{
font:normal 12px/19px Arial, Helvetica, sans-serif;
float:right;
width:220px;
margin:5px 0px 10px -10px;
text-align: left;
padding-left: 12px;
padding-bottom: 0px;
border: none;
color:  #898989;
}

#contact_form textbox:focus  {
border: 2px solid #000;
}

#contact_form li
{
font:normal 8pt Arial, Helvetica, sans-serif;
color: Red;
padding-left: 4px;
margin-left: 10px;
}

#Table2
{
width: 230px;	
	
}

#Form1 
{
	width: 230px;
}

#Table2 span
{
	width: 230px;	
} 

#Table2 td
{
width: 50px;	
	
} 

#Form1
{
	margin-bottom: 18px;	
}

#right_content span.form_top{
display:block;
width:230px;
height:9px;
font-size:0;
line-height:0;

}
#right_content div.form_bottom{
display:block;
width:230px;
height:9px;
font-size:0;
line-height:0;

}
#right_content div.contact{
margin-left: 0px;
width:200px;
padding:5px 0 0px 0;
float: left;
/* background:url(../images/formbg_2.gif) 0 0 repeat-x; */
}

#right_content h3{
padding:0 0 0px 30px;
margin-top: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size:20px;
font-weight: bold;
line-height:29px;
color:#234543;
background-color:inherit;
text-align: left;
}
#right_content label{
float:left;
width:auto;
padding:0 0 6px 9px;
font-weight:bold;
line-height:12px;
color:#000;
background-color:inherit;
}
#right_content input{
float:left;
width:180px;
margin:0 0 9px 9px;
}
#right_content input.txt_2{
padding:0 4px;
width:175px;
height:20px;
border:solid 1px #BD9F01;
color:#000;
background-color:#fff;
}
#right_content input.check{
float:left;
width:14px;
height:14px;
}
#right_content a{
padding:0 0 0 2px;
line-height:30px;
font-weight:bold;
text-decoration:underline;
color:#234543;
background-color:inherit;
}
#right_content input.button{
float:right;
margin:0 13px 9px 0;
}

#right_content h4{
font-size:16px;
line-height:20px;
font-weight:bold;
color:#234543;
background-color:inherit;
margin:20px 0 0 0px;
text-align: center;
}
#right_content h2{
padding:0 0 10px;
font:bold 13px/14px Arial, Helvetica, sans-serif;
color:#9f3831;
background-color:#fff;
margin:0 0 0 10px;
}

#right_content #testimonial{
float:right;
width:230px;
margin:0 6px 20px;
background:url(../images/formbg_1.gif) 0 0 repeat-y;
}

/* END OF CONTENT STYLINGS */


/*START OF FOOTER STYLINGS */

#footer {
	font-family:arial,helvetica,sans-serif;
	color: #6a6a6a;
	background: transparent;
	width: 720px !important;
	height: 30px;
	text-align: center;
	margin: 0 auto;
	overflow:hidden;
	padding-top: 0px;
}

#footer p
{
	padding-right: 24px; 
}


#footer a
{
	font:11px/14px arial,helvetica,sans-serif;
	color: #363636;
}

/*END OF FOOTER STYLINGS */

/*START OF FOOTER SUBPAGE STYLINGS */


#footer_subpage
{
	font-family: Arial, Sans-Serif, Helvetica;
	color: #363636;
	background:url(../images/footer-bg.jpg) no-repeat;
	background-position: top;
	text-align: right;
	margin-bottom: 0px;
	margin-left: -8px;
	margin-right: -8px;
	overflow:hidden;
	padding-top: 5px;
	height: 163px;
}

#footer_subpage p
{
	padding-right: 24px; 
	text-align: center;
	padding-bottom: 20px;
	padding-bottom: 10px;
}


#footer_subpage a
{
	color: #363636;
	font-weight: bold;
}

/* Navigational Menu Style */

/*** ESSENTIAL STYLES ***/

#FooterContainer{
background: url(../images/subpage-footer-bg.jpg);
background-repeat: no-repeat;
padding-top: 10px;
width: 720px;
height: 300px;
margin: 0 auto;
}