/* Start Redefine Global Styles */

img {
   border: 0;
}

/*
body {
	background-color:#000000;
	color:#333333;
	margin:0;
}
*/

/* End Redefine Global Styles */

div#lca_header
{
	height: 111px; /* adjust according your image size */
}

div#lca_header_home
{
	height: 111px; /* adjust according your image size */
}

div#lca_header_pages
{
	height: 111px; /* adjust according your image size */
	background: url("http://lightscameraaccess.ca/uploads/images/designV2/home_logo.png") no-repeat scroll 40px 30px transparent
}

div#accessible_links
{
   width: 0px; 
   height: 0px; 
   float: left;

}

div#logoarea {
   /*border: 1px solid black;*/z
   /* background: #000000 url(http://lightscameraaccess.ca/uploads/images/designV2/home_logo.png) no-repeat 0 12px;*/ 
   margin: 0 auto;     /* this centers wrapper*/ 
   /* width: 15%; */
   /* height: 112px;*/ 
   float: left;
   padding: 2em 0 0 3em;
}

div#lcalogo {
   margin: 0 auto;     /* this centers wrapper*/ 
   float: left;
   /*padding: 2em 0 0 4em;*/
}

div#sponsorlogo {
   margin: 0 auto;     /* this centers wrapper*/ 
   float: right;
   padding: 0px 0 0 13px;
}


div#login {
   padding: 1em 1em 1.2em 0; /* CSS short hand rule first value is top then right, bottom and left */
   font-size: 90%;             /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
   /*border-bottom: 1px dotted #000;*/
   float: right;
   /* margin-left:29%;*/
   /* margin-right:2%;*/
   /*margin: 0 1em;*/              /* css shorthand rule will be opened to be "0 1em 0 1em" */
}

div#loginarea{
/* you can set your own image here */
   /* background: #000000 url(img/lca_home_baner.jpg) no-repeat 0 12px;*/ 
   /* display: block;*/ 
   height: 2px;              /* adjust according your image size */
   /*text-indent: -999em;  */ /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
   border-bottom: 1px dotted #FFF;
   margin: 0.5em 2em 0;
}

/*****************
basic layout for LCA Menus
*****************/
div#menuscontainer {
	float: right;/
	 /*padding: 1em 0 1.2em 0;*/
	/* background:#595A5C none repeat scroll 0 0; */
    font: bold 12px arial, Helvetica;
    /*text-transform:uppercase;*/
    width: 700px;
}

/* Styles for Top div Menus container */
.main_menu_01 {
	float: right;
	margin:0 1em;
	padding:1.6em 0 0.2em; 
}

/* Styles for Top div Menus container */
.main_menu_02 {
	float: right;
	margin:0 1em;
	padding:1.6em 0 0.2em; 
}

/***** Basics for <ul> *******/


.main_menu_01 ul, .main_menu_02 ul {
	list-style-type:none;
}

.main_menu_01 ul li, .main_menu_02 ul li {
	display:inline;
	letter-spacing=6px;
	/*float:left;
	position:relative;
	text-transform:uppercase;
	*/
}


/* ************************** */
/* simple slide doors */
/* Control <a> and <span> on :hover */
/* ************************** */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.lca_button {
    background: transparent url('http://www.lightscameraaccess.ca/uploads/images/designV2/bg_button_a1.png') no-repeat scroll top right;
    /* background-position: 0% 0%; */
    color: #FFFFFF;
    display: block;
    float: left;
    font: bold 12px arial, Helvetica;
    text-transform:uppercase;
    height: 24px;
    margin-right: 6px;
    padding-right: 14px; /* sliding doors padding */
    text-decoration: none;
}

a.lca_button span {
    background: transparent url('http://www.lightscameraaccess.ca/uploads/images/designV2/bg_button_span1.png') no-repeat;
    background-position: 0% 0%;
    display: block;
    line-height: 14px;
    padding: 5px 1px 5px 14px;
}


a.lca_button:hover, a.lca_button:active, a.lca_button:focus {
    /* background-position: bottom right;*/
    background-position: bottom right;
    /* color: #000; */
    outline: none; /* hide dotted outline in Firefox */
    color: #58595B; 
}

a.lca_button:hover span, a.lca_button:active span, a.lca_button:focus span {
    background-position: bottom left;
    padding: 5px 1px 5px 14px; /* push text down 1px */
}

/****************************  button active **************************** /
/* getting the red*/
a.lca_button_active
{
    background: transparent url('http://www.lightscameraaccess.ca/uploads/images/designV2/bg_button_a2.png') no-repeat scroll top right;
    /* background-position: 0% 0%; */
    color: #FFFFFF;
    display: block;
    float: left;
    height: 24px;
    margin-right: 6px;
    padding-right: 14px; /* sliding doors padding */
    text-decoration: none;
}

a.lca_button_active span
{
    background: transparent url('http://www.lightscameraaccess.ca/uploads/images/designV2/bg_button_span2.png') no-repeat;
    background-position: 0% 0%;
    display: block;
    line-height: 14px;
    padding: 5px 0px 5px 14px;
}


/****************************  end button active **************************** /



/* transfering control to li */