/* baysidebiz.com   |   screen.css   |   9/3/08 */

* {margin: 0; padding: 0;}

body {
	background: #0a1d3e url(../images/bg.png) 0 -85px repeat-x;
	font: 62.5% Arial, Helvetica, sans-serif; 
	color: #333; 
	text-align: center; 
	margin: 0; 
	padding: 0;
	}
	
#wrap {
	width: 940px; 
	height: 800px;
	text-align: left; 	
	margin: 0px auto 0 auto;
	background: url(../images/wrap.jpg) 12px 45px no-repeat;
	position: relative;
	}
* html #wrap {background: url(../images/wrap.jpg) 12px 45px no-repeat;}

	
/*----------------HEADER STARTS-----------------*/

.print-logo {display:none;}
	
#login {
	float: right;
	width: 225px;
	height: 32px;
	}
	
#username {
	margin: 3px 0 0 10px;
	border: none;
	}
	
#password {
	margin: 10px 0 0 0;
	border: none;
	}
	
#login input {
	margin-bottom: 5px;
	float: right;
	}
	
a#login-btn {
	display: block;
	width: 45px;
	height: 20px;
	background: url(../images/login-btn.gif) 0 0 no-repeat;
	float: right;
	margin: 0;
	clear: both;
	}
	
a:hover#login-btn {
	background: url(../images/login-btn.gif) -45px 0 no-repeat;
	}
	
#header {
	background: url(../images/logo.png) 0 33px no-repeat;
	height: 135px;
	margin-bottom:25px;
	padding:0px;
	}
* html #header {
	background: url(../images/logo.gif) 0 33px no-repeat;
	height: 150px;
	margin-bottom:10px;
}

a.box1 {
	display: block;
	width: 293px;
	height: 77px;
	border:none;
	float: left;
	margin: 60px 0 0 0;
	text-indent: -9999px;
	color: #000000;
	text-decoration: none;
	}
	
/*----------------NAVAGATION STARTS-----------------*/

#nav {
	float: left;
	width: 600px;
	margin: 55px 0 0 0;
	}
	
#nav li { 
	list-style: none;
	float: left;
	border-right: #ccc solid 1px;
	padding: 0 2px;
	}
	
#nav li.last { border: none; }
	
#nav li a#home {
	display: block;
	width: 55px;
	height: 25px;
	background: url(../images/home.jpg) 0 0 no-repeat;
	border: none;
	text-indent: -9999em;
	}
	
#nav li a:hover#home { background: url(../images/home.jpg) -57px 0 no-repeat; } 

#nav li a.active#home { background: url(../images/home.jpg) -57px 0 no-repeat; } 

#nav li a#about {
	display: block;
	width: 90px;
	height: 25px;
	background: url(../images/about.jpg) 0 0 no-repeat;
	border: none;
	text-indent: -9999em;
	}
	
#nav li a:hover#about { background: url(../images/about.jpg) -93px 0 no-repeat; } 

#nav li a.active#about { background: url(../images/about.jpg) -93px 0 no-repeat; } 

#nav li a#our-solutions {
	display: block;
	width: 138px;
	height: 25px;
	background: url(../images/our-solutions.jpg) 0 0 no-repeat;
	border: none;
	text-indent: -9999em;
	}
	
#nav li a:hover#our-solutions { background: url(../images/our-solutions.jpg) -141px 0 no-repeat; } 

#nav li a.active#our-solutions { background: url(../images/our-solutions.jpg) -141px 0 no-repeat; } 

#nav li a#support {
	display: block;
	width: 84px;
	height: 25px;
	background: url(../images/support.jpg) 0 0 no-repeat;
	border: none;
	text-indent: -9999em;
	}
	
#nav li a:hover#support { background: url(../images/support.jpg) -85px 0 no-repeat; } 

#nav li a.active#support { background: url(../images/support.jpg) -85px 0 no-repeat; } 

#nav li a#partners {
	display: block;
	width: 90px;
	height: 25px;
	background: url(../images/partners.jpg) 0 0 no-repeat;
	border: none;
	text-indent: -9999em;
	}
	
#nav li a:hover#partners { background: url(../images/partners.jpg) -95px 0 no-repeat; } 

#nav li a.active#partners { background: url(../images/partners.jpg) -95px 0 no-repeat; }

#nav li a#careers {
	display: block;
	width: 84px;
	height: 25px;
	background: url(../images/careers.jpg) 0 0 no-repeat;
	border: none;
	text-indent: -9999em;
	}
	
#nav li a:hover#careers { background: url(../images/careers.jpg) -85px 0 no-repeat; } 

#nav li a.active#careers { background: url(../images/careers.jpg) -85px 0 no-repeat; } 

#nav li a#contact {
	display: block;
	width: 110px;
	height: 25px;
	background: url(../images/contact.jpg) 0 0 no-repeat;
	border: none;
	text-indent: -9999em;
	}
	
#nav li a:hover#contact { background: url(../images/contact.jpg) -117px 0 no-repeat; } 

#nav li a.active#contact { background: url(../images/contact.jpg) -117px 0 no-repeat; }

/*----------------NAVAGATION ENDS-----------------*/
	
/*----------------HEADER ENDS-----------------*/

/*----------------CONTENT STARTS--------------*/

#rotatebox {
	filter: alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1;
	width: 910px;
	height: 344px;
	float: left;
	margin:-11px  0 0 21px;
	background: no-repeat;
	}
	
* html #rotatebox { 
margin: -11px 0 0 11px;
padding:0px;
	 }

#SlideShow {
	filter: alpha(opacity=0); 
	-moz-opacity: 0; 
	opacity: 0;
	}
	
#copy {
	font-size: 1.2em;
	position: absolute;
	top: 261px;
	left: 403px;
	width: 510px;
	color: #666;
	font-weight: bold;
	line-height: 18px;
	}
	
#copy p { margin-bottom: 20px; }
	
#copy a {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
	}
	
/*--------------MAGNETS START--------------*/

#magnets {
	float: left;
	margin: 15px 0 25px 35px;
	width:900px;
	}
	
* html #magnets { margin: 12px 0 0 15px; 
	height:150px;}
	
#magnets h2 {
	float: left;
	text-indent: -9999em;
	}
	
#magnets p {
	float: left;
	font-size: 11px;
	color: #666666;
	}
	
#magnet-01 p {
	margin: 0 0 10px 0;
	width: 188px;
	}
	
#magnet-02 p {
	margin: 10px 0 10px 0;
	width: 250px;
	}
	
#magnet-03 p {
	margin: 10px 0 10px 0;
	width: 175px;
	}

* html #magnet-01 p, #magnet-02 p, #magnet-03 p { margin: 0 0 10px 0; font-size: 11px; }	
*+html #magnet-01 p, #magnet-02 p, #magnet-03 p { margin: 0 0 10px 0; }
	
#magnets a.more-info {
	font-size: 12px;
	color: #0064a0;
	text-transform: uppercase;
	text-decoration: underline;
	font-weight: bold;
	float: left;
	}

#magnets img {
	border: none;
	}
	
#magnet-01 {
	float: left;
	width: 280px;
	}
	
* html #magnet-01 { width: 280px; }
	
#magnet-02 {
	float: left;
	width: 275px;
	margin-left: 30px;
	}
	
#magnet-03 {
	float: left;
	width: 275px;
	margin-left: 30px;
	}
	
img.magnet-01-icon { 
	float: right;
	margin-top: 25px;
	}
	
img.magnet-02-icon {
	float: right;
	margin: 0 8px 0 0;
	}
	
* html .magnet-02-icon { margin: 0 0 0 8px; }
	
.magnet-03-icon {
	float: right;
	margin: 3px 0 0 8px;
	}
	
.magnet-title {
	float: left;
	padding-bottom: 10px;
	}
	* html .magnet-title { float: left; padding-bottom: 3px;}
	
	
/*--------------MAGNETS END--------------*/

#footer {
	clear: both;
	color:#666666;
	text-align:center;
	width:670px;
	margin:10px auto;
	}
	

#footer li a { 
	color: #666666;
	text-decoration: none;
	}

#footer li a:visited { 
	color: #666666;
	text-decoration: none;
	}
	
#footer li a:hover { 
text-decoration: underline; 
color:#999999; 
}

#footer ul {
 	margin:10px auto;
	float: left;
	display:inline;
	}
	
#footer ul.copyright {
	margin: 5px 0 0 130px;
	}
	
	
#footer li {
	list-style: none;
	border-right: #666666 solid 1px;
	font-size: 1.1em;
	padding: 0 8px;
	margin: 10px 0 0 0;
	display:inline;
	}
	
#footer li.last { border-right: none; }

.footer-js {
	margin-left: 85px;
	}
	
* html .footer-js {margin-left:45px;}

/*--------------New Additions for Subpages--------------*/	
	
#wrap-subpage {
	width: 940px; 
	height: 700px;
	text-align: left; 
	margin: 0px auto 0 auto;
	background: url(../images/wrap-nomagnets.jpg) 12px 45px no-repeat;
	position: relative;
	}

	* html #wrap-subpage {background: url(../images/wrap-nomagnets.jpg) 24px 45px no-repeat;}
	


#wrap-subpage a {
	color: #007cc3;
	text-decoration:none;
	}
	
#wrap-subpage a:hover {
	color: #081d3c;
	text-decoration:none;
	}

#subpage-content {
	background: url(../images/gray-border.gif) 0 0 no-repeat;
	width: 645px;
	float: left;
	margin: 0px 0 0 20px;
	padding: 0px 25px 20px 0px;
	}

	* html #subpage-content { margin: 8px 0 0 0; float: left; width: 655px; padding-right: 10px;}
	

#subpage-content h2 {
	color: #000000;
	font-size: 1.3em;
	margin:10px 0px;
				}		
	
#subpage-content h3 {
	color:#007cc3;
	font-size: 1.3em;
	margin:20px 0px 5px 0px;
				}	
	
#subpage-content p {
	text-align:left;
	font-size:1.2em;
	margin:10px 0px;
			}
			
#subpage-content ul { margin-bottom: 15px; }

#subpage-content li {
	font-size: 1.2em;
	margin: 0 0 5px 20px;
	}
	
#subpage-content img {
	margin-bottom:10px;
	}

#subpage-content a img {
    border:none;
	}
	
#subpage-content img.in-text {
	clear:both;
	margin:10px 0px 0px 0px;
	}

#rotatebox-subpage {
	
	width: 926px;
	float: left;
	margin: 0px 0 0 12px;
	background:#FFFFFF;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
		}
		
* html rotatebox-subpage {margin: 0px 0 0 0;}

#sub-nav {
	background: url(../images/side-menu.jpg); background-repeat: no-repeat;
	width: 231px;
	height: 379px;
	float: left;
	margin: 35px 0 0 5px;
	padding-bottom:20px;
	}	

   * html #sub-nav {float: left; margin: 35px 0 0 3px;  }

#sub-nav a {
	color: #FFFFFF;
	font-size:1.3em;
	padding: 6px 0 6px 10px;
	display: block;
	}
				
#sub-nav li {
	list-style: none;
	text-align: left;
	padding: 0 25px 0 5px;
				}
			
#sub-nav li a {
	width: 204px;
	margin: 0;
			} 	
			
#sub-nav li a:hover{
	color: #FFFFFF;
	background-image: url(../images/bg-subnav.gif); background-repeat: repeat-x;
	}

#sub-nav li a.active{
	color: #FFFFFF;
	background: #0066CC 0 0 repeat;
		}
	
#sub-nav a.li-subsection {
	padding-left: 40px;
	color: #CCCCCC;
	width: 169px;
			}

#contact-box {
	float: left;
	background: none;
	height: 200px;
	width: 210px;
	margin: 20px 0 0 20px;
	background-image: url(../images/gray-border-small.gif); background-repeat:no-repeat;
	}

#contact-box p {
	font-size: 1.4em;
	color: #333333;
	padding-left: 5px;
	line-height: 19px;
	}

#mission-box {
	width: 500px;
	height: 173px;
	background-image: url(../images/mission-bg.jpg); background-repeat: no-repeat;
	padding: 7px;
	text-align: center;
	margin:0px auto;
	}

#mission-box p {
	margin-bottom:10px;
	text-align: center;
	color: #FFFFFF;
	line-height:1.4em;
	}
				
.img-right {
	float:right;
	margin: 10px 5px 10px 10px;
	border:solid 1px #999999;
	padding: 3px;
	}
	
	* html .img-right {margin: 0 15px 10px 10px;}	

.quick-links {
	margin:25px 0px 10px 0px;
	border: none;
	}

.cadence-graphic {
	float:right;
	margin: 15px 40px 10px 10px;
	}

.cadence-conference {
	text-align: center;
	margin: 15px 0;
	}
	
.cadence-conference-text {
	text-align: center;
	margin-left: 130px; 
		}	

.pdf-icon {

	border: none;
	vertical-align:middle;
	
	}

.divider {
	color: #CCCCCC;
	}
	
#left-side {
	float: left;
	width: 235px;
	}

.addresses {
	width:400px;
	height:130px;
	margin:10px auto;
	}
	
p.address-left {
	float: left; 
	padding: 0 60px 0 0;
	}

#rotatebox-error-pages {
	margin: 30px 0 0 40px;
	}

#rotatebox-error-pages p {
	width: 888px;
	height: 260px;
	text-align:left;
	font-size:1.5em;
			}

#welcome {
	display: none;
	border: none;
	}
	


subpage-content .img-center {text-align:center;}

p.directions {margin-left: 15px; display: block; }

.rates {color: #CC0000;}

#header-graphic {clear: both; }

#subpage-content ul.sub li {
	padding: 10px 0 0 0px; 
	font-weight: normal; 
	font-size: 1em;
	}
	
#subpage-content ul.sub-two li {
	padding-left: 0px;
	font-size: 1em;
	}

.day {
	font-weight:bold;
	padding-top: 10px;
		}
		
#partners-column1 {
	float: left;
	width: 250px;
	margin: 30px 45px 0 50px;
	border: none;
	}
#partners-column2 {
	width: 250px;
	float: left;
	margin: 30px 0 0 20px;
	border: none;
	}
	
/*-----------Forms Start------------*/

form {
	padding: 15px;
	background-color: #eee;
	margin-top: 10px;
	}
	
td label { 
	font-weight: bold;
	margin-right: 15px;
	font-size: 1.2em;
	width: 100px;
	}
	
input.frmButton {
	display: block;
	width: 138px;
	height: 33px;
	background: url(../images/form-button.jpg) 0 5px no-repeat;
	color: #333;
	font-weight: bold;
	border: 0;
	font-size: 1.2em;
	}
	
input:hover.frmButton { background: url(../images/form-button.jpg) -138px 5px no-repeat; }

/*------------Forms End-------------*/
	
/*------------Accordian Drawers-------------*/


#accordion {
	width: 627px;
	margin: 20px 0;
}
	
#accordion h3.section {
	display: block;
	width: 627px;
	height: 17px;
	background: #fff url(../images/accordion-drawer-bg.jpg) 0 0 repeat-x;
	border: #ddd solid 1px;
	padding: 10px 0 8px 10px;
	margin-bottom: 20px;
	cursor: pointer;
	}
	
#accordion h3.section span {
	float: right;
	color: #666;
	margin-right: 10px;
	font-size: 0.9em;
	}
	
#accordion h4 {
	color:#0066ff;
	font-size: 1.3em;
	}
	
#accordion p {margin:0px 10px 20px 10px;}

#accordion-print {display:none;}
	
#subpage-content ul.sub li {
	padding: 10px 0 0 0px; 
	font-weight: normal; 
	font-size: 1em;
	}
	
#subpage-content ul.sub-two li {
	padding-left: 0px;
	font-size: 1em;
	}
	
.industry-links img {margin:10px 60px;}

.img-contact-support {margin:0px; padding:0px 10px; vertical-align:middle;}
.map-thumb {float:left; padding:3px; border:1px solid #666666; margin:0px 10px 10px 0px;}
.map-cont {width:300px; height:68px;}
.its-link a {display: block;width:217px; text-indent:-9999px; background: #fff url(../images/its-button.jpg) 0 0 no-repeat; height:30px;}
.its-link a:hover {background:url(../images/its-button-hover.jpg)}