/*-----------------------------------------------------------------------------
Site Navigation in CSS and XHTML Screen Stylesheet

date:     August 2009
author:   Rouli Willow
-----------------------------------------------------------------------------*/

*	{
	margin: 0;
	padding: 0;
	border: 0;
	outline:none;
	left: 0px;
	}

/* Body
-----------------------------------------------------------------------------*/

/* HOME  PAGE */

body	
	{
	background-color:#333333;
	color:#333;
	font-family:Arial, Helvetica;, sans-serif;
	height:100%;
	margin:auto;
	}

#topwrapper
	{
	background-image:url(/alsacontact/images/bg-graphic.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:400px;
	margin-left:auto; 
	margin-right:auto;
	}
	
#wrapper
	{
	width:800px;
	height:auto;
	margin-left:auto; 
	margin-right:auto;
	}



img, a {
border:none !important;
}


/* -----------------WHITE NAVIGATION---------------------------- */
	

h2
	{
	font-size: 18px;
	color:#333;
	padding-top:30px;
	}

h3
	{
	font-size: 18px;
	color:#333;
	}

p
	{
	font-size:12px;
	color:#333;
	}
	
a
	{
	color: #1fbdbd;
	font-style:normal;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
	}
	

a:hover
	{
	color: #333;
	}
	

		
/* -----------------TEXT STYLE---------------------------- */

.style1	
	{
	font-size:14px;
	}

.style2
	{
	margin:250px 10px 0 10px;
	}

.style3	
	{
	font-size:12px;
	color:#333;
	margin:25px 20px 0 85px;
	}

.style4
	{
	font-size:11px;
	color:#fff;
	}		

.style5
	{
	font-size: 16px;
	color:#1fbdbd;
	font-weight:bold;
	}
		
.style6
	{
	margin-top:20px;
	font-size:14px;
	}


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



#logo
	{
	background-image:url(/alsacontact/images/logo.png);
	height:140px;
	width:800px;
	background-repeat:no-repeat;
	}

#nav	
	{
	background-image:url(/alsacontact/images/nav.jpg);
	width:800px;
	height:30px;
	background-repeat:no-repeat;
	}
	
	
.unique
	{
	background-image:url(/alsacontact/images/unique.jpg);
	width:195px;
	height:410px;	
	float:left;
	margin-top:20px;
	margin-bottom:20px;
	}

.killer
	{
	background-image:url(/alsacontact/images/killer.jpg);
	width:195px;
	height:410px;	
	float:left;
	margin-top:20px;
		margin-bottom:20px;
	}
	
.leather
	{
	background-image:url(/alsacontact/images/leather.jpg);
	width:195px;
	height:410px;	
	float:left;
	margin-top:20px;
		margin-bottom:20px;
	}
	

.dyna
	{
	background-image:url(/alsacontact/images/dyna.jpg);
	width:195px;
	height:410px;	
	float:left;
	margin-top:20px;
		margin-bottom:20px;
	}
	
.infocontact
	{
	background-color:#fff;
	width:800px;
	height:auto;
	padding-top:20px;
	float:left;
	margin-top:10px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: 333333;
	}

.business
	{
	background-image:url(/alsacontact/images/business.jpg);
	width:390px;
	height:130px;	
	float:left;
	margin-top:10px;
	}
			
.personal
	{
	background-image:url(/alsacontact/images/personal.jpg);
	width:390px;
	height:130px;	
	float:left;
	margin-top:10px;
	}	
	
#footer
	{
	margin-top:20px;
	float:left;
	}
	
	
#footer a:hover
	{
	color: #fff;
	}
	


/* HORIZONTAL MENU
---------------------------------------------------------------- */

.navigation {
width:800px;
background:url(/alsacontact/images/bg-green.gif) center repeat-x;
float:left;
height:30px;
clear:both;
}

.jquerycssmenu{
padding-left:; /*offset of tabs relative to browser left edge*/
font-size:14px;
font-weight:bold;
}

.jquerycssmenu ul{
list-style-type: none;
}

/*Top level list items*/
.jquerycssmenu ul li{
position: relative;
display: inline;
float: left;
height:30px;
}

/*Top level menu link items style*/
.jquerycssmenu ul li a{
display: block;
background:url(/alsacontact/images/bg-green.gif) top center repeat-x;; /*background of tabs (default state)*/
color:#003333;
margin-right:0px; /*spacing between tabs*/
padding:10px 5px 10px 5px;
text-decoration: none;
border-left:1px solid #66cccc;
}

.jquerycssmenu ul li a:hover{
background-image: url(/alsacontact/images/bg-grey.gif); /*tab link background during hover state*/
color:#999999;
}
	
/*1st sub level menu*/
.jquerycssmenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
border-top:;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jquerycssmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jquerycssmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jquerycssmenu ul li ul li a{
width:150px; /*width of sub menus*/
background:url(/alsacontact/images/bg-grey.gif) top center repeat-x; /*background of tabs (default state)*/
color:#999999;
padding:11px 9px 11px 10px;
border-bottom:;
border-left:none;
}

.jquerycssmenu ul li ul li a:hover{ /*sub menus hover style*/
background:url(/alsacontact/images/bg-green.gif) top center repeat-x; /*background of tabs (default state)*/
color:#003333;
}


	
/* CONTAC TPAGE
---------------------------------------------------------------- */	
	
	
#box
	{
	background-color:#fff;
	width:800px;
	height:100%;
	padding-top:30px;
	float:left;
	}	
	
.businessinfo
	{
	height:auto;
	}
	
	
.formdesk
	{
	width:500px;
	height:auto;
	margin-top:30px;
	float:left;
	}

.formdesk p
	{
	margin-top:30px;
	margin-left:20px;
	}
			
.address
	{
	width:260px;
	height:auto;
	margin-top:40px;
	margin-right:20px;
	float:right;
	}
	
.catalogbanner
	{
	margin-top:90px;
	float:left;
	}
	

/* SIGNUP PAGE
---------------------------------------------------------------- */	
.free
	{
	background-image:url(/alsacontact/images/free.jpg);
	width:260px;
	height:400px;	
	float:left;
	margin-top:40px;
	}

.free p, .businessinterest p, .personalinterest p
	{
	margin:200px 20px 0 20px;
	}
	
.businessinterest
	{
	background-image:url(/alsacontact/images/bus-interest.jpg);
	width:260px;
	height:400px;	
	float:left;
	margin-top:40px;
	}
	
.personalinterest
	{
	background-image:url(/alsacontact/images/per-interest.jpg);
	width:260px;
	height:400px;	
	float:left;
	margin-top:40px;
	}

	
.mailinglist
	{
	margin:20px 20px 0 20px;
	float:left;
	}

.mailbox
	{
	background-color:#1fbdbd;
	height:25px;
	}

.gobtn
	{
	background:url(/alsacontact/images/go_btn.gif);
	background-repeat:no-repeat;
	height:35px;
	width:35px;
	}