/*-------------------------------------------------------

	doc title: Continuum Systems Stylesheet 
	filename: primary.css
	author: Atkinson Associates
	date: 13/02/2009
	
	
/*------------------------------------------------------------------Master Reset */ 




* html, body {
	padding			: 0;
	margin			: 0;
	border			: 0px ;
}
h1, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {
	margin			: 0;
 	padding			: 0;
	border			: 0;


}
li, dd {
	margin-left		: 0;
}
fieldset {
	padding			: 0;
	margin			: 0;
	border			: 0;
}

a {
	text-decoration	: none;
	margin			: 0;
 	padding			: 0;
	border			: 0;
	
	}
{
	background-color: #ffffff;
}
:focus { -moz-outline-style: none; }/*Stops Borders on image links in firefox  */ 




/*------------------------------------------------------------------Type  */ 

p {
	font-family		: Arial, Helvetica, sans-serif;
	color			: #ffffff;
	font-size		: 1em;
	line-height		: 18px;

	}

p a {
	color			: #FFFFFF;
	text-decoration	: underline;
	}
	
p a:hover {
	color			: #ACB6DA;
	}

h1  {
	font-family		: Arial, Helvetica, sans-serif;
	color			: #ffffff;
	font-size		: 1.8em;
	margin			: 0 5% 0.7em 0;
	}
	
h2 {
	font-family		: Arial, Helvetica, sans-serif;
	color			: #ACB6DA;
	font-size		: 1.8em;
 	margin			: 0 5% 0.7em 0;
	}
	
h3 {
	font-family		: Arial, Helvetica, sans-serif;
	color			: #ACB6DA;
	font-weight		: bold;
	font-size		: 1em;
	line-height		: 18px;
	}

h3 a {
	color			: #ACB6DA;
	}




h3 a:hover {
	color			: #FFFFFF;
	}
	

h4 {
	font-family		: Arial, Helvetica, sans-serif;
	color			: #ffffff;
	font-size		: 1.3em;
	margin			: 0 5% 0.7em 0;
	}

h5 {
	font-family		: Arial, Helvetica, sans-serif;
	color			: #ffffff;
	font-weight		: bold;
	font-size		: 1em;
	line-height		: 18px;
	}
	
	
	
	
/*------------------------------------------------------------------   Lists  */ 
										
li {
	font-family		: Arial, Helvetica, sans-serif;
	color			: #ffffff;
	font-size		: 1em;
	line-height		: 18px;
	}
	

li a {
	color			: #ffffff;
	}
	
li a:hover {
	color			: #ACB6DA;
	}
	

ul {
	font-family		: Arial, Helvetica, sans-serif;
	color			: #ffffff;
	font-size		: 1em;
	line-height		: 18px;
	margin			: 0px;
	padding-left	: 20px;}

ol {
	padding-left:30px;
	}

/*------------------------------------------------------------------   Breadcrumb  */ 
	
#crumb {
	position		: relative;
	height			: 35px;
	line-height		: 35px;
	width			: 746px;
	font-family		: Arial, Helvetica, sans-serif;
	color			: #ffffff;
	font-size		: 0.8em;
	margin-bottom	: 10px;
	float 			: left;
	padding			: 0px 0px 0px 30px;

	}
#crumb a {
	color			: #ACB6DA;
	}
		
	#crumb a:hover {
	color			: #ffffff;
	}
										
/*------------------------------------------------------------------   Base & Framework  */ 

html {
	height			: 100%;
	}
	
body {
	font-size		: 80%;
	background		: url(../images/page_bg.gif) center repeat-y;
	}



	
div#maincontainer{
	position		: relative;
	width			: 776px;
	margin			: 0px auto;
	}

	
	
div#wrap{
	position		: relative;
	width			: 800px;
	padding			: 0px;
	height			: 100%;
	margin			: 0px auto;
	background		: url(../images/page_bg.gif) center repeat-y;
	}
	

	
#header {
	height			: 170px;
	width			: 776px;
	padding			: 0;
	}

#headerleft{
	height			: 170px;
	width			: 460px;
	padding			: 0;
	background		: url(../images/headerflash.jpg);
	float 			: left;
	
	}
	
#logo {
	height			: 170px;
	width			: 316px;
	padding			: 0;
	border			: 0px;
	float 			: left;
	
	}

div#container {
	background		: #FFFFFF none repeat scroll 0 0;
	height			: 100%;
	width			: 776px;
	
	}
	
div#pgcontent{
	margin			: 0px 0px 30px 0px; 
    width			: 716px;
	padding			: 0px 30px 10px 30px;
	border			: 0px;
	height			: 100%;
	text-align		: left;
	float 			: left;

	}
	
div#mainimage{
	margin			: 0px 0px 3px 0px; 
    width			: 776px;
	height			: 345px;
	padding			: 0px;
	float 			: left;
	}
	
	
div#mainimagelaunch{
	margin			: 0px 0px 3px 0px; 
    width			: 776px;
	height			: 523px;
	padding			: 0px;
	float 			: left;
	}
	
div#productlogs{
	height			: 440px;
	margin			: 0px 0px 3px 0px; 
    width			: 776px;
	padding			: 0px;
	float 			: left;
	}
	

div#mainimage2{
	margin			: 0px 0px 3px 0px; 
    width			: 776px;
	height			:1px;
	padding			: 0px;
	float 			: left;
	}
	
	
#blueline{
	width			: 716px;
	height: 1px;
	margin			: 8px 0px 8px 0px; 
	background: #ACB6DA;
	}
	
/*Portrait Specific*/
	
div#pgport{
	margin			: 0px 0px 10px 0px; 
    width			: 343px;
	padding			: 0px 15px 10px 30px;
	border			: 0px;
	text-align		: left;
	float			: left;
	}
	
	
div#portimage{
	margin			: 0px 0px 3px 0px; 
    width			: 343px;
	padding			: 0px 30px 10px 15px;
	float 			: left;
	}
	

div#map_canvas{
	margin			: 0px 0px 3px 0px; 
    width			: 358px;
	height			: 333px;
	padding			: 0px 0px 10px 0px;
	float 			: left;
	}
	
	
	
	
/*Portrait Products Style Specific*/

div#product{
	margin			: 0px 30px 10px 30px; 
    width			: 716px;
	height			: 100%;
	padding			: 0px 0px 0px 0px;
	border-top		: solid 1px;
	border-color	: #ACB6DA ;
	text-align		: left;
	float			: left;
	}
	
div#pgportprods{
	margin			: 0px 0px 0px 0px; 
    width			: 343px;
	padding			: 10px 15px 10px 0px;
	border			: 0px;
	text-align		: left;
	float 			: left;
	}


div#portimageprods{
	margin			: 0px 0px 0px 0px; 
    width			: 343px;
	height			: 400px;
	padding			: 10px 0px 10px 15px;
	float 			: left;
	}



/*------------------------------------------------------------------   Navigation  */ 


#navbox {
	position		: relative;
	height			: 42px;
	width			: 776px;
	border-top		: 0;
	border-bottom	: 0;
	float			: left;	
	}

#nav { 
	margin			: 0;
	padding			: 0;
	height			: 42px;
	list-style		: none;
	display			: inline;
	overflow		: hidden;
	}


#nav li {
	margin			: 0; 
	padding			: 0;
	list-style		: none;
	display			: inline;
	}


#nav a {
	float			: left;
	overflow		: hidden;
	height			: 42px !important; 
	height 			/**/:42px; /* for IE5/Win only */
	}
	

#nav a:hover {
	background-position: -97px;
	}
	
	
	
	
#dropmenudiv{
	position		: absolute;
	border-top		: 1px solid #fff;
	line-height		: 18px;
	z-index			: 100;
	}

#dropmenudiv a{
	width			: 145px;
	display			: block;
	text-indent		: 5px;
	border-bottom	: 1px solid #ffffff;
	padding			: 1px 2px;
	text-decoration	: none;
	color			: #08092A;
	font-family		: Arial, Helvetica, sans-serif;
	background		: #CECECF;
	font-size		: 0.9em;
	
	}

#dropmenudiv a:hover{ /*hover background color*/
	background		: #08092A;
	color			: #fff;
	
	}





#thome a  {
	width			: 97px;
	background		: url(../images/Nav/home.jpg) top left no-repeat;
	
	}

#tabout a  {
	width			: 97px;
	background		: url(../images/Nav/about.jpg) top left no-repeat;
	
	}
	
#tyourhome a  {
	width			: 97px;
	background		: url(../images/Nav/yourhome.jpg) top left no-repeat;
	
	}

#tyourbus a  {
	width			: 97px;
	background		: url(../images/Nav/yourbus.jpg) top left no-repeat;
	
	}
#tmaintenance a  {
	width			: 97px;
	background		: url(../images/Nav/maintenance.jpg) top left no-repeat;
	
	}
	
#texperience a  {
	width			: 97px;
	background		: url(../images/Nav/experience.jpg) top left no-repeat;
	
	}
#tsystems a  {
	width			: 97px;
	background		: url(../images/Nav/systems.jpg) top left no-repeat;
	
	}
	
#tcontact a  {
	width			: 97px;
	background		: url(../images/Nav/contact.jpg) top left no-repeat;
	
	}
	
	

	
/*------------------------------------------------------------------   Footer  */ 
	

#footer {
	position		: relative;
	width			: 746px;
	clear			: both;
	height			: 30px;
    color			: #ffffff;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 0.8em;
	padding 		: 12px 0px 0px 30px;
	background		: url(../images/footer.jpg) top left no-repeat;
	text-align		: left;

	}
	
#footer a {
	color			: #ffffff;
	}

#footer a:hover {
	color 			: #ffffff;
	text-decoration	: underline;
	}

div#footerbox{
    width			: 776px;
	height			: 1px;
	padding			: 0px;	
	float 			: left;

	}	
	
	
	
#credit{
	height			: 40px;
	color			: #ffffff;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 0.8em;
	width			: 530px;
	padding 		: 2px 0px 0px 30px;
	float 			: left;
	
	}
	
#credit a {
	color			: #ffffff;
	}

	#credit a:hover {
	color 			: #ACB6DA;
	text-decoration	: underline;
	}


#creditcontainer{
	height			: 40px;
	width			: 776px;
	margin			: 5px 0px 0px 0px; 

	padding			: 0;
	}

	
#creditlogs{
	height			: 40px;
	width			: 186px;
	padding 		: 2px 30px 0px 0px;
	border			: 0px;
	float 			: left;
	align			: right;

	
	}