body{
	text-align:		center;
	font:			11px verdana;
	background:	url('images/bg-orangestrips.jpg') repeat-x #F2EBE4;
}
a{
	text-decoration:	none;
}
#container{
	text-align:		center;
}
#site{
	background:	url('images/bg-strip.jpg') #fff;
	text-align:		left;
	border:		1px solid #000;
	height:		900px;
	width:		750px;
	margin:			0px auto;
	margin-top:		15px;
}
##site{
	height:		600px;
}
#logo{
	text-align:		right;
	margin:		10px  10px 40px 0px;
	float:			right;
}
#info, #price{
	margin:		30px 0px 0px 20px;
	padding:		0px;
	width:		450px;
	height:		390px;
	text-align:		left;
	float:			left;
	background:	url('images/kick.jpg') no-repeat;
}
#price{
	background:	url() no-repeat;
	border:		1px solid #000;
	padding:		10px 0px 0px 0px;
	margin-top:	40px;
	height:		370px;
}
##price{
	height:		385px;
}
#price ul{
	list-style:		square;
	color:		#545454;
}
#price h2{
	font-size:		14px;
	border:		1px solid #cdcdcd;
	background:	#efefef;
	padding:		5px;
}

#add-ons{
	border:		1px solid #F89C39;
	background:	#efefef;
	width:		330px;
	margin-left:	0px;
	margin-top:	10px;
	padding-top:	10px;
	padding-bottom:	10px;
	background:   #f8cda0;
}

#add-ons ul{
	list-style:		none;
	margin-left:	0px;
}
#add-ons .add-title{
	float:		left;
	width:		150px;
	text-align:	right;
	margin-right:	10px;
}
#add-ons .cost{
	float:			left;
}
#price-fieldset{
	width:			330px;
}
#link-container{
	float:			left;
	height:		150px;
	width:		500px;
	margin-left:	20px;
	margin-top:	10px;
}
#nav{
	height:		30px;
	margin:		0px;
	width:		500px;
}
#nav ul{
	list-style:		none;
	margin:		-0px;
	margin-left:	-40px;
}
#nav ul li{
	text-align:		center;
	float:			left;
	background:	url('images/tab.gif') no-repeat;
	width:		100px;
	height:		30px;
}
#nav ul li a{
	width:		100px;
	height:		30px;
	padding-top:	5px;
	margin:		0px;
	font:			9px;	
	display:		block;
}
#nav ul li.off{
	background:	url('images/tab-line.gif') no-repeat;
}
#nav ul li a:hover{
	background:	url('images/tab.gif') no-repeat;
}

#side-container{
	border-right:	1px solid #CDC9BF;
	border-bottom:	1px solid #CDC9BF;
	border-left:	1px solid #CDC9BF;
	width:		490px;
	height:		110px;
	padding-top:	10px;
	padding-left:	10px;
}
##side-container{
	width:		500px;
	height:		120px;
}
#main-images{
	float:			left;
	width:			200px;
	height:			400px;
	margin-top:		30px;
	margin-left:		10px;
	
}

.clear{
   clear:      		both;
   font-size:    		1px;
   line-height:    	0px;
   height:     		1px;
   background:           transparent !important
 }
/********************************************************
contact
********************************************************/
#contact #info{
	background:	url('images/') no-repeat;
	float:			left;
	margin-top:	35px;
}

#contact #side-container{
	background:	url('images/bg-contact.jpg') bottom right no-repeat;
}
#contact #side-container p, #about #side-container p{
	display:		block;
	width:		490px;
	margin:		0;
	padding-bottom:10px;
	text-align:		left;
}
	

/********************************************************
about
********************************************************/
#about #info{
	background:	url('');
}
#about #side-container {
	background:	url('images/bg-about.jpg') bottom right;
} 
 
/********************************************************
Portfolio
********************************************************/
#portfolio #info {
	
	margin:		40px 0px 0px 10px;
	background:	none;
	width:		510px;
	float:			left;
	height:		360px;
	padding-left:	0px;
}
#portfolio #main-images{
	width:		180px;
	margin-top:	40px;
	height:		360px;
}
#port-links{
	height:		30px;
}
a{
	color:			#000;
	text-decoration:	none;
}
#port-links ul{
	list-style:		none;
}
#port-links ul li{
	text-align:		center;
	float:			left;
}
#port-links ul li a{
	text-decoration:	none;
	width:			25px;
	padding:			0px 4px;
	margin-right:		5px;
	margin-bottom:	5px;	
	border:		1px solid #000;
} 

#port-links ul li a:hover, #port-links ul li a.click{
	background:	#E9C7A1;
}


#img-container{
	margin:		10px 0px;
	width:		500px;
	height:		290px;
	padding:		0px;
}
#img-container img{
	border:		1px solid black;
}
#info-container{
	width:		500px;
	margin:		10px 0 0 20px;
}
#portfolio #side-container{
	padding-top:	10px;
	background:	url('images/bgorange.jpg') bottom right no-repeat;
}
#inactive {
	background:	#cdcdcd;
}

/********************************************************
email
********************************************************/
legend{
	font:			bold;
}
.form-item{
	float:			left;
	width:		290px;
	padding:		5px;
}

/********************************************************/



#side-container p{
	font:			bold;
	display:		inline;
	margin-right:	7px;
	width:		50px;
	text-align:		right;
}

.heading{
	font:			bold;
	font-size:		18px;
	color:		#a0a0a0;
	padding-left:	20px;
	margin:		15px 0px 0px 0px;
}
#about #main-container #container{
	padding:		60px;
}
#container span{
	display:		block;
	padding-left:	20px;
}
#title, #url, #desc{
	height:		20px;
}
#title p, #url p, #desc p{
	width:		50px;
	float:			left;
	margin:		0px;
	margin-right:	5px;
	padding:		0px;
	height:		20px;
	font-weight:	bold;
}
#title span, #url span, #desc span{
	width:		400px;
	float:			left;
	padding:0px;
}


fieldset{
	width:		300px;
	margin-left:	40px;
	padding:		10px;
}

#diabetes{
	border:		1px solid #000;
	width:		450px;
	height:		100px;
}
#diabetes img{
	border:		none;
}