/* CSS Document */


/*===== CORE LAYOUT / STICKY FOOTER =====*/

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 100px;}  /* must be same height as the footer */

body {
	background:url(../images/header-bg-2.png) center top repeat-x #eee;
}

#wrap {
	margin-left: auto;	/* left and right auto margins center footer */
	margin-right: auto;
	width: 960px;		/* 960.gs default width */
	/* background: url(../images/12_col.gif) left top; */
	background: url(../images/bottom-edge.png) center bottom no-repeat;
	}


/*===== HEADER =====*/	

#header {
	height:150px;
	display: inline;
	float: left;
	position: relative;
	background: url(../images/header-bg-2.png) left top repeat-x #fff;
	}

#header #logo,
#header #call-us {
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	}

#header #logo {width:300px;}
#header #call-us {width:300px; height:140px; margin-left:330px; background: url(../images/call-us2.png) left top no-repeat;}

#header #call-us ul#logo-clicks {
list-style: none;
background: url(../images/call-us2.png) no-repeat 0 0;
position: relative;
width: 300px;
height: 140px;
margin: 0;
padding: 0;
}

#header #call-us ul#logo-clicks li {position:absolute; margin:0;padding:0;}
#header #call-us ul#logo-clicks li#cibse {width:60px;height:75px;top:46px;left:240px;}
#header #call-us ul#logo-clicks li a {display:block;height:100%;text-indent:-9000px;}


/*===== NAVIGATION =====*/

#navbar {
	width:940px;
	height:50px;
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom:35px;
	background: url(../images/header-bg-2.png) 0px -150px repeat-x #333;	
	}

#navbar ul {
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
	}
#navbar ul li {
	height:20px; 
	float:left; 
	list-style:none;
	margin:12px 20px;
	padding:0;}


/*===== MAIN SECTION =====*/

/* Buttons */

#buttons {
	display: inline;
	float: left;
	position: relative;
	padding-top:25px;
	background: url(../images/top-edge.png) top center no-repeat #fff;
	width:640px;
	min-height:380px;
	}

#buttons h3.prompt {padding-left:25px;}

.button {
	width:140px;
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	text-align:center;
	}

#morebuttons {
	display: inline;
	float: left;
	position: relative;
	padding-top:25px;
	background: url(../images/top-edge.png) top center no-repeat #fff;
	width:320px;
	min-height:380px;
	}
#morebuttons #rotater {width:300px; background:url(../images/rotate-bg.jpg) left top no-repeat;}

#morebuttons #rotater .button {position:relative; left:150px; top:200px;}

#main {
	width:960px;
	float:left;
	background: url(../images/top-edge.png) top center no-repeat #fff;
	
	padding-top:25px;
	 
}
#home #main {padding-top:0; background-image:none;} 

/*===== SIDEBAR =====*/

#side {
	width: 300px;
	min-height:1%;
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	/*background:url(../images/sidebar-top-2.jpg) left top no-repeat #e0e0e0;*/
	padding-top:0px;
	}

#side h2 {display:inline; float:left; /*margin-bottom:25px;*/ padding-left:20px; padding-right:5px; /*background-color:#7FD2E4;*/}
#side p {clear:both;padding-left:20px;padding-right:20px;}
#side ul {padding-left:7px;}

#side .fade {margin-left:0px;}
#side .fade .button {width:300px; margin:0; padding:0;}

/*===== CONTENT =====*/

#content {
	width: 620px;
	min-height:1%;
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	background:url(../images/main-bg-2.png) left top no-repeat #fff;
	padding-top:25px;
	}

#content h2 {display:inline; float:left; clear:both; margin-bottom:25px; padding-left:20px; padding-bottom:5px; padding-right:5px; }
#content h3 {display:inline; float:left; padding-left:20px;padding-right:5px;}
#content h4 {display:inline; float:left; padding-left:20px;padding-right:5px;}
#content p {width:360px; clear:left; padding-left:20px;padding-right:20px;}
#content address {clear:left; padding: 0 20px 0 20px;}
#content .introtext {float:left; position:relative; width:300px;}
#content .introtext p {width:260px; clear:left; padding-left:20px;padding-right:20px; text-align:justify;}
#content .support-graphic {float: left; position:relative; width:300px;margin-left:20px;}
#content .support-graphic p {width:260px; text-align:center; font-size:13px; color:#8DB9E5; padding-left:20px;padding-right:20px; font-size:10px;}


#casestudies #content dl {float:left; width:380px; margin-left:20px;}
#casestudies #content dd {padding-bottom:10px;}

/*===== FOOTER =====*/

#footer-wrap {
	position: relative;
	width:100%;
	margin-top: -100px; /* negative value of footer height */
	height: 100px;
	margin-left: auto;  /* left and right auto margins center footer */
	margin-right: auto;
	background: url(../images/bottom-edge.png) center top no-repeat #eee;
	clear:both;
} 

#footer {
	width:940px;
	margin-left: auto;  /* left and right auto margins center footer */
	margin-right: auto;
	}

#footer-text {
/*	display:none; */
	display: inline; 
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	padding-left:10px;
	margin-top:50px;
	text-align:left;
	}
	
#footer-links {
	/*width:300px;*/
	display: inline;
	float: right;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	padding-right:10px;
	margin-top:50px;
	text-align:right;
	}

#footer-links ul {
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
	}
#footer-links ul li {
	height:20px; 
	float:left; 
	list-style:none;
	margin:0;
	padding:0 10px;}
	
#footer-links ul li.omega {
	border:none;
	border-left:1px solid #666;
	padding-right:0px;
	}

/*===== CLEAR FIX =====*/

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

#content img.alignRight {float:right; margin: 0 20px 10px 0;}
#content img.alignLeft {float:left; margin: 0 10px 10px 0;}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
float:left;
border: none;
background: #fff; 
width: 840px; 
height: 27px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 820px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0 25px 0 0;
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 

#ticker {float:left; position:relative; width:940px; height:30px; top:50px; margin-left:10px; color:#999;}
#ticker h5 {float:left; display:inline; color:#ccc; }
#ticker span.overlay1 {width:940px; height:30px; background-color:#666666;}