* { padding: 0; margin: 0; }
/*styles the body element */
body {
/*sets the font type and size*/
 font-family: Helvetica;
 font-size: 14px;
 /*sets the backgound image */
 background: url(images/bg.jpg) repeat-x;        /*background.gif)repeat-x;*/ 
 
 
}

/*extended the class p and creates a a red paragraph*/  
p.red {color: red}

/*extended the class p and creates a paragraph that will be centered and have correct line height for
the footer section*/
p.footer{ line-height: 2; text-align: center; color: white }


/*setting up the font style for h1 to be used for titles*/
h1 {
	font-size: 25px;
	font-weight: normal;
	color: #0000ff;
	font-family: Lucida Grande;
	padding-bottom: 10px;	
}

/*setting up the font style for h2 to be used for the title on the home page*/
h2 {
	font-size: 25px;
	font-weight: normal;
	color: #0000ff;
	font-family: Lucida Grande;
	padding-bottom: 10px;
	text-align: center
}





img.floatR {
/* floats the image right*/
float: right;
border: 0px;

}

img.floatL {
/* floats the image right*/
float: left;
border: 0px;

}



p.fl{
float:left;

}

p.orinentation{
color:#FFFFFF;

font-size:10px;
text-indent:7px;


}





td.black{
color:#000000;
}

p.editablePad{

padding-left: 7px;
padding-right: 7px;
clear:both;
}

p.packagesheads{

padding-left: 7px;
padding-right: 7px;
clear:both;
color:#0099CC;
font-size:20px;
text-align:center;
}


p.editablePadclients{

padding-left: 7px;
padding-right: 7px;
clear:both;
text-align:justify;
}

table.tablepad{
text-indent: 7px;

border-color: #000000;



}

p.editablePad2{

padding-left: 7px;
padding-right: 7px;
padding-top: 8px;
padding-bottom: 8px;
text-align: justify
}

p.editablePad3{

padding-left: 7px;
padding-right: 7px;
padding-top: 8px;
padding-bottom: 8px;

}

p.editablePad4{

padding-left: 7px;
padding-right: 8px;
padding-top: 8px;
padding-bottom: 8px;
text-align:left;

}

p.center{

	text-align: center;
}

p.centerpad{

	text-align: center;
	padding: 8px 7px;
}

/*setting up the div elements in the html page and applying style to them*/

/*setting the wrapper div size*/
#wrapper { 
 margin: 0 auto;
 width: 825px;
}

/*setting the conatainer div size*/
#container {
 height: 620px;
 width: 825px;
 padding-top: 90px;

}



#logo { 
 
 height: 114px;
 width: 114px;
 float: left;
 padding-right: 17px;
 padding-bottom: 17px;
}


/*styling the header div*/
#banner { 
 
 height: 114px;
 width: 694px;
 float: left;
 padding-bottom: 17px;
}

/*styling the leftnavigation div*/
#outernavigation {
 
 background-image: url(images/navbar.gif);
 height: 484px;
 width: 114px;
 float: left;
 margin-right: 17px;
}

#innernavigation {
 
 
 height: 470px;
 width: 100px;
 float: left;
 background-color:#000000;
 margin-top: 7px;
 margin-left: 7px;
 
}




/*styling the main div*/
#main { 
 
 height: 484px;
 width: 493px;
 float: left;
 background-image: url(images/main.gif);
 
 
 
}

#editable { 
 float:left;
 height: 470px;
 width: 479px;
 margin-left: 7px;
 margin-top: 7px;
 background-color:#000000;
 overflow:auto;
 color:white;
}


 /*styling the rightcolum div */
#rightbanner { 
 float: right;

 height: 484px;
 width: 184px;
}
 /*styling the footer div */
#footer { 
 height: 50px;
 width: 790px;
 color: white
}



A:link {text-decoration: none; color: white;}
A:visited {text-decoration: none; color: white;}
A:active {text-decoration: none; color: white;}
A:hover { text-decoration: underline; color: blue;}


A.nolink:link {text-decoration: none; color: white;}
A.nolink:visited {text-decoration: none; color: white;}
A.nolink:active {text-decoration: none; color: white;}
A.nolink:hover { text-decoration: none; color:white;}

A.package:link {text-decoration: none; color: white;}
A.package:visited {text-decoration: none; color: white;}
A.package:active {text-decoration: none; color: white;}
A.package:hover { text-decoration: none; color:#0099CC}

A.quote:link {text-decoration: none; color: red;}
A.quote:visited {text-decoration: none; color: red;}
A.quote:active {text-decoration: none; color: white;}
A.quote:hover { text-decoration:underline; color:blue;}


/*setting up the rollover links*/
.rollover a {
text-decoration : none;
font-family: Helvetica; 
color: white;
font-size: 20px;
display:block; 
width:95px;
/*sets the background colour of the links*/ 

background-color:#000000;
/*sets the borders around the links */
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #999999;
/*sets the padding around the links */
padding-top: 7px;
padding-bottom: 7px;
padding-left: 5px;
}

/*setting up the mouse over element of the rollover links*/
.rollover a:hover { 
text-decoration : none; 
background-color: #999999; 
color: white
}

/*sets the small link images in the right coloum to float left and sets up the padding*/
img.floatLeft {
    clear: left;
    float: left; 
    padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 5px;
	border: 0; 
}
/*sets up the top amazon image in the right coloum to float left and sets the padding */ 
img.floatLeftTop { 
    float: left;
	padding-top: 10px;
    padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 5px;
	border: 0; 
}

/*styles the <br> tag to clear anything on the left*/
br {
	clear: left;

}





/*applys style to the img.floatRight class*/
img.pad {

padding-bottom: 10px;
padding-top: 10px;




}


/*applys style to the img.floatRight class*/
p.floatleftpad {
padding-left: 10px;





}




div.enlarge { 

float:right;
clear:right;
padding-right: 10px;
padding-bottom:11px; 
  
}

div.enlarge img{ 

 vertical-align:-21%; 
 border: 0px;
  
}







/*applys style to the img.floatRight class*/
p.floatleftpad2 {
padding-left: 10px;
padding-bottom: 10px;
padding-top: 10px;
}

p.floatright2 {
/* floats the image right*/
float: right;
/*sets the padding*/ 
padding-bottom: 10px;
padding-left: 7px;
padding-right: 10px;
/*sets the border*/
border: 0;
}

/*applys style to the img.floatRight class*/
img.floatRight {
/* floats the image right*/
float: right;
/*sets the padding*/ 
padding-bottom: 10px;
padding-left: 7px;
padding-right: 10px;
/*sets the border*/
border: 0;
}


img.enlarge {
/* floats the image right*/
float:right;
display:inline-block;




/*sets the border*/
border: 0;
}

/*applys style to the img.floatRight class*/
img.homelinks{


/*sets the padding*/ 
padding-bottom: 8px;
padding-left: 13px;
padding-right: 0px;
/*sets the border*/
border: 0;
}

/*applys style to the p.thumb class */
p.thumb{
float:left;
margin:.5em 0;
margin-right:10px;
margin-left: 55px;
border:1px solid #999;	
padding:2px;
}

/*applys style to the p.thumb a element*/
p.thumb a{
display:block;
float:left;
width:100px;
height:100px;
line-height:100px;
overflow:hidden;
position:relative;
z-index:1;	
}
	
/*applys style to the p.thumb a img element*/
p.thumb a img{
float:left;
position:absolute;
top:-20px;
left:-50px;	
}
	
/* mouse over for the p.thumb*/
	
p.thumb a:hover{
overflow:visible;
z-index:1000;
border:none;		
}
/* applys style to the image on mouse over*/
p.thumb a:hover img{
border:1px solid #999;	
background:#fff;
padding:2px;			
}	
	















/* Begin CSS Drop Down Menu ***********************************************/
ul.mainmenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: auto; /*For KHTML*/
  list-style: none;
  height: 30px;
}

ul.mainmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 37px;
  clear:both;
  width: 100px;/* width of main menu*/
}

/* SUBMENUS */

ul.mainmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  /*width: 160px;*/
  width: auto;
  list-style: none;
  display: none;
  position: absolute;
  top: -1px;/*postions the sub list*/
  left: 100px;/*postions the sub list*/
}

ul.mainmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul.mainmenu ul li {
  width: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul.mainmenu a {

background-color:#000000;
/*sets the borders around the links */
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #999999;
/*sets the padding around the links */
padding-top: 7px;
padding-bottom: 7px;
padding-left: 5px;





  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: black;/*colour of background when not hovered over*/
  color: white;/*colour of the text when not hovered over*/
  
  

font-family: Helvetica; 
font-size: 20px;


  
  
  
  font: bold 13px/22px Verdana, Arial, Helvetica, sans-serif;
  
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul.mainmenu a:hover {
  background: #CCC;
  color: #FFF;
}

/* 2nd Menu */
ul.mainmenu li:hover li a,
ul.mainmenu li.iehover li a {
  float: none;
}

ul.mainmenu ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul.mainmenu li:hover ul ul,
ul.mainmenu li.iehover ul ul {
  display: none;
}

ul.mainmenu li:hover ul,
ul.mainmenu ul li:hover ul {
  display: block;
}

ul.mainmenu li.iehover ul,
ul.mainmenu ul li.iehover ul {
  display: block;
}

li.persistHover,
a.persistHover
{
	background: #CCC;
	color: #FFF;
}


span.counter {
	width: 13px;

	text-align: center;
	line-height: 10px;
	padding-left: 3px;
	background: #4e94ca;
	color: white;
	font-size: 12px;
	position: absolute;
	right: 1px;
	top: 1px;
	bottom: 1px;
}









/* inner menus of drop down list */
ul.mainmenu2 a {

  border: 1px solid #999999;
  border-right-color: #999999;
  border-bottom-color: #999999;

  

  

/*sets the padding around the links */
padding-top: 7px;
padding-bottom: 7px;
padding-left: 5px;







  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: black;/*colour of background when not hovered over*/
  color: white;/*colour of the text when not hovered over*/
  
  

font-family: Helvetica; 
font-size: 20px;


  
  
  
  font: bold 11px/22px Verdana, Arial, Helvetica, sans-serif;
  
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul.mainmenu2 a:hover {
  
  color: #3986BF;/*second menu colour when hovered*/
}


/* End CSS Drop Down Menu */


/* homepage css rollover images */

#homelight
{

float:left;
/*sets the border*/
margin-bottom: 8px;
margin-left: 13px;
border:0px;

  display: block;
  width: 218px;
  height: 150px;
  background: url("images/lighting.jpg") no-repeat 0 0;

}

#homelight:hover
{ 

  background-position: 0 -150px;
}

#homelight span
{

  display: none;
}

#homelight:visited
{ 

  color:#000000;
}








#homedj
{

float:left;
/*sets the border*/
margin-bottom: 8px;
margin-left: 13px;
border:0px;

  display: block;
  width: 218px;
  height: 150px;
  background: url("images/djequipment.jpg") no-repeat 0 0;

}

#homedj:hover
{ 

  background-position: 0 -150px;
}

#homedj span
{

  display: none;
}


#homedj:visited
{ 

  color:#000000;
}




#homepa
{

float:left;
/*sets the border*/
margin-bottom: 8px;
margin-left: 13px;
border:0px;

  display: block;
  width: 218px;
  height: 150px;
  background: url("images/pasystems.jpg") no-repeat 0 0;

}

#homepa:hover
{ 

  background-position: 0 -150px;
}

#homepa span
{

  display: none;
}

#homepa:visited
{ 

  color:#000000;
}






#homequote
{

float:left;
/*sets the border*/
margin-bottom: 8px;
margin-left: 13px;
border:0px;

  display: block;
  width: 218px;
  height: 150px;
  background: url("images/getaquote.jpg") no-repeat 0 0;

}

#homequote:hover
{ 

  background-position: 0 -150px;
}

#homequote span
{

  display: none;
}




#homequote:visited
{ 

  color:#000000;
}

#fcf2 {
font-family:arial;
font-size:11px;
margin:5px;

width:450px;
}
#fcf2 h3 {
font-size:1.5em;
background-color:#3D5686;
color:#FFFFFF;
font-weight:bold;
padding:4px;
margin:0px;
}
#fcf2 p {
text-align:center;
padding:8px;
}
#fcf2 em {
color:#F89B10;
}
#fcf2 div.r {
clear: both;
padding-top: 5px;
}
#fcf2 label {
float: left;
width: 100px;
text-align: right;
}
#fcf2 span.f {
float: right;
width: 335px;
text-align: left;
}
#fcf2 div.sp {
clear: both;
}
#fcf2 .req {
font-weight:bold;
}
#fcf2 input, #fcf2 textarea {
background: #FFF;
border:1px solid #000;
padding:2px;
}
#fcf2 input:focus, #fcf2 textarea:focus {
background: #f2f2f2;
border:1px solid #3D5686;
}