/* Stylesheet for Art of Pilates Inc.

   Created 01-16-06 by LC */

   

/* **********  LAYOUT ************ */



* {margin: 0; padding: 0;}



body {

	margin: 35px 0px 35px 0px;

	padding: 0px 0px 35px 0px; 

	text-align: center;

	background-color: #D4CBAA;

	background-image: url(/media/bg_swirls.jpg);

}



#tan {

	background-color: #D4CBAA;

	background-image: url(/media/bg_shadow.gif);

	background-repeat: no-repeat;

	background-position: bottom center;

	width: 100%;

	height: 187px;

    position: absolute;

	left: 0;

	top: 0;

}



#wrapper {

	width: 761px;

	padding: 0;

	margin-top: 0;

	margin-bottom: 0;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	z-index: 10;

	text-align: left;

}



#header {

	width: 750px;

	height: 139px; 

	padding: 0;

	margin: 0;

	border-top: 6px solid #6384AB;

	border-left: 6px solid #6384AB;

	border-right: 6px solid #6384AB;

    clear: both;

}



#header_internal {

	width: 750px;

	height: 121px; 

	padding: 0;

	margin: 0;

	border-top: 6px solid #6384AB;

	border-left: 6px solid #6384AB;

	border-right: 6px solid #6384AB;

	clear: both;

}



	#header img, #header_internal img  {padding: 0; margin: 0;}

	#header .item, #header_internal .item {padding: 0; margin: 0; display: inline; float: left;}

	

	#topnav {clear: none;}



#content {

	width: 750px;

	border-bottom: 6px solid #494832;

	border-left: 6px solid #494832;

	border-right: 6px solid #494832;

	padding: 0;

	margin: 0;

	background-color: #F1EDD7;

	background-repeat: repeat-y;

	overflow: hidden;

}



#home #content {background-image: url(/media/bg_home.gif);}

#internal #content, #contact #content {background-image: url(/media/bg_internal.gif);}



	#content #leftcol { 

		width: 240px; 

		float: left;

		position: relative;

		clear: none;

	}

	

	#home #content #leftcol {padding: 30px 30px 15px 30px; margin: 0;}

	#internal #content #leftcol {padding: 20px 30px 15px 30px; margin: 0;}

	#contact #content #leftcol {padding: 0px 52px 15px 30px; margin: 20px 0px 0px 0px;}

	#contact #content #leftcol {background-image: url(/media/bg_dotted.gif); background-repeat: repeat-y; background-position: right;}



	 #content #rightcol { 

		width: 370px; 

		float: right;

		clear: none;

	} 

	

	#home #content #rightcol {padding: 30px 40px 15px 40px; margin: 0;}

	#internal #content #rightcol {padding: 0px 40px 15px 40px; margin: 20px 0px 0px 0px;}

	#contact #content #rightcol {padding: 0px 40px 15px 18px; margin: 20px 0px 0px 0px;}

	#internal #content #rightcol {background-image: url(/media/bg_dotted.gif); background-repeat: repeat-y;}

	

	#content #footer {

		padding: 0px 0px 10px 0px;

		margin: 0;

		height: auto;

		overflow: hidden;

	}

	

		#content #footer #left_footer {

			width: 240px; 

			padding: 3px 30px 0px 30px;

			margin: 0;

			float: left;

			clear: none;

			}

	

		 #content #footer #right_footer { 

			width: 360px; 

			padding: 0px 50px 0px 30px;

			margin: 0;

			float: right;

			clear: none;

			} 

			

#internal #content table.widetable {

	width: 675px;

	margin-top: 22px;

	margin-bottom: 0px;

	margin-left: auto;

	margin-right: auto; 

}			



#internal #content table.widetable td.left {

	width: 235px;

	padding: 0 28px 0 0; 

}	



#internal #content table.widetable td.right {

	padding: 0 0 0 35px; 

	background-image: url(/media/bg_dotted.gif); 

	background-repeat: repeat-y;

}	



form {margin: 0; padding: 0;}



.clear {

    clear: both;

    display: block;

    height: 1px;

    overflow: hidden;

    margin: 0;

    padding: 0;

}





/* For IE Mac */



 /*\*/ /*/

#content {background-position: 6px 10px;}

#content #leftcol {width: 234px;}