@import url(main.css);

@import url(header.css);

@import url(footer.css);

@import url(top.css);

@import url(content.css);

@import url(left.css);

@import url(surfshop-menu.css);

@import url(surfshop-buttons.css);
@import url(mailform.css);


#left-menu-box {
	margin: 0;
	padding: 6px 6px 0 6px;
	z-index:6;
}



#middle-marker-box  {

	padding: 8px;
	z-index:5;
}

 #right-marker-box {

	margin: 6px;

	padding: 0;
	z-index:5;

}

#left-marker-box  {

	margin: 0 6px;

	padding: 0;
	z-index:5;
}



#left-marker, #middle-marker, #right-marker {

	margin: 0;

	padding: 6px;

}



#left, #middle, #right, #inner-content-wrapper {

	position: relative;

	overflow: visible;

}



#inner-content-wrapper {

	float: left;

	margin: 0;

	width: 730px;
	}


#left {

	float: left;

	width: 230px;

	z-index: 4;

	background: #FFFFFF;
}



#left-content {

	width: 230px;padding:2px;
}





#middle {

	float: right;

	width: 490px;

	z-index: 2;

	background: #FFFFFF;
	border-left:1px dotted #F0EEEE;
	border-right:1px dotted #F0EEEE;
}



#middle-content {

	width: 490px;
			
}




#right {

	float: right;

	width: 230px;

	z-index: 6;

	background: #FFFFFF;

}



#right-content {

	width: 230px;padding:2px;

}


#header, #outer-wrapper, #footer {

	width: 968px;

}

#header-img {

	width: 968px;
}



.cleaner {

	clear:both;

	height: 1px;

	font-size: 1px;

	line-height: 0px;

	display: block;

	visibility: hidden;

	border: 0; 

	padding: 0;

	margin: -1.0em 0 0 0;

	background: transparent;

}

p.align-right{
text-align:right;
}
p.align-left{
text-align:left;
}
p.align-center{
text-align:center;
}
h1.align-right{
text-align:right;
}
h1.align-left{
text-align:left;
}
h1.align-center{
text-align:center;
}

h2.align-right{
text-align:right;
}
h2.align-left{
text-align:left;
}
h2.align-center{
text-align:center;
}
h3.align-right{
text-align:right;
}
h3.align-left{
text-align:left;
}
h3.align-center{
text-align:center;
}
h4.align-right{
text-align:right;
}
h4.align-left{
text-align:left;
}
h4.align-center{
text-align:center;
}
h5.align-right{
text-align:right;
}
h5.align-left{
text-align:left;
}
h5.align-center{
text-align:center;
}
h6.align-right{
text-align:right;
}
h6.align-left{
text-align:left;
}
h6.align-center{
text-align:center;
}
span.align-right{
text-align:right;
}
span.align-left{
text-align:left;
}
span.align-center{
text-align:center;
}
b.align-right{
text-align:right;
}
b.align-left{
text-align:left;
}
b.align-center{
text-align:center;
}