/*COPYRIGHT GARRETTCOM EUROPE */

body { font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; background-image:url(images/bg.gif) ; margin: 0; }

.imgFloatLeft {
float: left;
}

.imgFloatRight {
float: right;
padding-left: 5px;
}


a { text-decoration: none; color: #cc0000; }

	a img { border: none;} 

a:link {	color: #cc0000;	text-decoration: none;}
		
a:visited {color: #cc0000; text-decoration: none;}
		
a:hover {color: #666666; text-decoration: none;}
		
a:active {color: #666666; text-decoration: none;}


p { font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; color: #333333;}

li { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #333333;}

ul { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color: #333333;}


h1 { text-transform: lowercase; font-family:  Arial, sans-serif; font-size: 2.8em; color: #ff6600; font-weight: 800; margin: 10px 0 10px 0; padding: 0; }

h4 {  margin: 0; color: #ff6600; font-family: "Century Gothic", "Lucida Sans Unicode", Tahoma, Arial, sans-serif; font-size: 1.3em; font-weight: normal; text-transform: uppercase; }

h4 a { text-decoration: none; color: #cc0000; }

h4 a:link {	color: #cc0000;	text-decoration: none;}
		
h4 a:visited {color: #666666; text-decoration: none;}
		
h4 a:hover {color: #333333; text-decoration: none;}
		
h4 a:active {color: #000000; text-decoration: none;}

#contentBackground { margin: 0 auto; width: 860px; background: url(images/background.png) repeat-y; }

#container { width: 760px; margin:0 auto;}

#header { clear: both; height: 100px; background-color: #ffffff; }

	#logo { width: 150px; float: left; padding-top: 5px;}
	
		
#flash {  padding: 0; float: left; width: 760px; height: 250px; background-color: #cccccc;   }

#mainContent { float: left; width: 760px;  height: 100%; background-color: #ffffff; }
	
	
#footer {   position: relative; margin: 0 auto; width: 860px; height: 85px; background: url(images/background_bottom.png); background-repeat: no-repeat;  }
		
		#footer ul { margin: 0; padding:0;}

		#footer li {	font-size: 1.1em; display: inline; list-style-type: none; }

		#footer a {display: block; float: left; padding: 0 0.30em;  }

	#footerText { width: 300px; margin: 0 auto; padding: 0; color: #b0b0b0; }
	
	#copyright { width: 225px; margin: 0 auto; padding-top: 5px; color: #b0b0b0; }
	.copyright { text-transform:capitalize; }

.brclear { clear:both; height:0; margin:0; font-size: 1px; line-height: 0px; }

#menu {
    width: 479px; height: 50px;
    background: url(images/nav.jpg);
     padding: 0;
    position: relative;
	float:right;
	}
  #menu li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #menu li, #menu a {
    height: 50px; display: block; }

#menu #panel1 {left: 0px; width: 140px; }
#menu #panel2 {left: 141px; width: 135px; }
#menu #panel3 {left: 276px; width: 100px; }
#menu #panel4 {left: 371px; width: 100px; }

  #panel1 a:hover {
    background: transparent url(images/nav.jpg)
    -472px 0px no-repeat;}
  #panel2 a:hover {
    background: transparent url(images/nav.jpg)
    -613px 0px no-repeat;}
  #panel3 a:hover {
    background: transparent url(images/nav.jpg)
    -748px 0px no-repeat;}
  #panel4 a:hover {
    background: transparent url(images/nav.jpg)
    -843px 0px no-repeat;}