/* Clickable Designs | CSS1-CSS2 Document */

/* wrap properties */
html, body {
		height: 100%;
		margin: 0px auto;
		background: #FFFFFF url(../images/wrap/bg_site.gif) repeat-x;
		font-family: Verdana, Geneva, sans-serif; font-size: 11px; line-height: 16px; font-weight: normal; color: #54636F; }

		a:link, a:visited { color: #EA9500; text-decoration: underline; }
		a:hover, a:active { color: #EA9500; text-decoration: none; }
		
		h1 { margin: 0px; padding: 11px 0px 10px 0px; font-size: 17px; font-weight: normal; line-height: 17px; color: #687783; }
		h3 { margin: 0px; padding: 12px 0px 10px 0px; font-size: 11px; font-weight: bold; }
		p { margin: 0px; padding: 8px 0px 6px 0px; }
		
		ul { margin: 0px; padding: 0px 0px 0px 0px; list-style-type: none; }
		ul li { padding: 0px 0px 5px 10px; background: url(../images/wrap/ul_li.gif) no-repeat 0px 5px; }

#wrap {
		height: 100%;
		width: 852px;
		margin: 0px auto;
		background: url(../images/wrap/bg_wrap.gif) no-repeat; }

#wrap_page {
		height: 100%;
		width: 852px;
		margin: 0px auto;
		background: url(../images/wrap/bg_wrap_page.gif) no-repeat; }
		
		.left { float: left; display: inline; }
		.right { float: right; display: inline; }
		.center { text-align: center; }
		.end { clear: both; }
		
		img { border: 0px; }

/* header properties */
.logo {
		padding: 20px 0px 0px 10px;
		}
		
.header {
		height: 44px;
		padding: 33px 10px 0px 0px; }
		
		.header a:link, .header a:visited { color: #54636F; text-decoration: none; }
		.header a:hover, .header a:active { color: #EA9500; text-decoration: none; }
		
.flash {
		height: 183px;
		display: block;
		text-align: center; }

/* column properties */
.tabcontent {
		width: 631px;
		margin: 20px 21px 0px 10px; }
		
		.tab { width: 133px; }
		.tabbutton a:link, .tabbutton a:visited { height: 24px; width: 121px; padding: 7px 0px 0px 12px; background: url(../images/wrap/tab_off.gif) no-repeat; display: block; color: #FFFFFF; text-decoration: none; }
		.tabbutton a:hover, .tabbutton a:active { height: 24px; width: 121px; padding: 7px 0px 0px 12px; background: url(../images/wrap/tab_on.gif) no-repeat; display: block; color: #54636F; text-decoration: none; }
		
		.content { height: 260px; width: 448px; margin: 0px 25px 0px 25px; }
		#layer1 { width: 448px; position: absolute; visibility: hidden; z-index: 2001; }
		#layer2 { width: 448px; position: absolute; visibility: hidden; z-index: 2002; }
		#layer3 { width: 448px; position: absolute; visibility: hidden; z-index: 2003; }
		#layer4 { width: 448px; position: absolute; visibility: hidden; z-index: 2004; }
		#layer5 { width: 448px; position: absolute; visibility: hidden; z-index: 2005; }
		#layer6 { width: 448px; position: absolute; visibility: hidden; z-index: 2006; }
		#layer7 { width: 448px; position: absolute; visibility: hidden; z-index: 2007; }
		.content h1 { padding: 12px 0px 9px 0px; border-bottom: 1px solid #C5CBD0; }
		
		.packagecontent { width: 253px; }
		.packagelist { width: 165px; line-height: 12px; }
		.packageprice { height: 28px; width: 67px; margin: 9px 0px 0px 0px; padding: 9px 0px 0px 112px; background: url(../images/wrap/bg_packageprice.gif) no-repeat; display: block; font-size: 17px; color: #FFFFFF; }
		
.portfolio {
		height: 175px;
		width: 180px;
		margin: 20px 10px 0px 0px;
		background: url(../images/wrap/bg_portfolio.gif) no-repeat;
		color: #FFFFFF; }
		
		.portfolio h1 { padding: 9px 16px 17px 16px; color: #FFFFFF; }
		.portfolio p { padding: 0px 16px 1px 16px; line-height: 14px; }
		
		.portfoliolink { padding: 7px 16px 1px 40px; display: block; }
		.portfoliolink a:link, .portfoliolink a:visited { color: #FFFFFF; text-decoration: none; }
		.portfoliolink a:hover, .portfoliolink a:active { color: #FFFFFF; text-decoration: underline; }

.page {
		/* width: 729px; */
		width: 669px;
		margin: 0px auto;
		padding: 10px 30px 0px 30px;
		background-color: #FFFFFF;
		display: block;
		border: 1px solid #C5CBD0; }
		
		.page h1 { padding: 12px 0px 9px 0px; border-bottom: 1px solid #C5CBD0; }
		.pagelink { padding: 12px 0px 14px 0px; border-top: 1px solid #C5CBD0; text-align: center; }

/* footer properties */
.footer {
		height: 80px;
		margin: 20px 0px 0px 0px;
		padding: 16px 0px 0px 0px;
		display: block;
		font-size: 10px;
		text-align: center; }