@charset "utf-8";
/* CSS Document for Print Laguna Beach */
/* Developed by: imicreation */
/* Global stylesheet */

/* ------------------------------------------------------------------------------------------------------------------------------------
######################################################## RESET FILE ##################################################################
------------------------------------------------------------------------------------------------------------------------------------ */

* {outline: none;}
body {margin: 0;padding: 0;	font-size: 62.5%;height: 100%;}
a:link, a:visited, a:hover, a:active {text-decoration: none;}
ul, ol {margin: 0;padding: 0;list-style-type: none;}
form {margin: 0px;padding: 0px;}
a img {border: 0;}
.clearfix:after{ content: ".";  display: block;  height: 0; clear: both;  visibility: hidden;}
.clearfix{min-width: 0;	display: inline-block; display: block;}
* html .clearfix{height: 1%;}
.left{float: left;}
.right{float: right;}
.textleft{text-align:left;}
.textright{text-align:right;}

/* ------------------------------------------------------------------------------------------------------------------------------------
######################################################## COMMON TAGS ##################################################################
------------------------------------------------------------------------------------------------------------------------------------ */
.clear { clear:both; line-height:1px; height:1px; }
p {
	font-size:1.2em;
	line-height:14px;
	color:#4b4b4b;
	margin:0px;
	padding:0 0 15px 0;
}

/* ------------------------------------------------------------------------------------------------------------------------------------
######################################################## TYPOGRAPHY ##################################################################
------------------------------------------------------------------------------------------------------------------------------------ */

h1 { font-size:1.8em; font-weight:normal; display:block; color:#00aeef; margin:0px; padding:0 0 15px 0; }
h2 { font-size:1.7em; }
h3 { font-size:1.6em; }
h4 { font-size:1.5em; }
h5 { font-size:1.4em; }
h6 { font-size:1.2em; }

/* ------------------------------------------------------------------------------------------------------------------------------------
######################################################## LAYOUT TAGS ##################################################################
------------------------------------------------------------------------------------------------------------------------------------ */

body {
	background:url("../../images/bg_main.jpg") repeat-x #fce8d0;
	font-family:Arial, Helvetica, sans-serif;
}
#wrap {
	width:920px;
	margin:0px auto;
	padding:0px;
}
#box {
	background:url("../../images/bg_box.gif") repeat-y;
	width:920px;
	float:left;
	margin:0px;
	padding:0px;
}
#box_upper {
	background:url("../../images/bg_box_upper2.jpg") no-repeat left top;
	width:920;
	float:left;
}
#box_down {
	background:url("../../images/bg_box_down.gif") no-repeat left bottom;
	width:870px;
	float:left;
	margin:0px;
	padding:67px 22px 35px 28px;
}

/* header */

#header {
	width:100%;
	height:106px;
	float:left;
	margin:0px;
	padding:0px;
	position: relative;
}
#logo a { text-indent:-9999px; width:440px; line-height:106px; display:block; }

/* showcase */

#showcase ul.nav { margin-top:2px; }
#showcase ul.nav li { float:right; display:block; height:52px; margin:0px; padding:0 0 0 8px; }
#showcase ul.navigation {
	width:180px;
	float:left;
	margin:47px 0 0 0;
	padding:0px;
	position: relative;
}
#showcase ul.navigation li { display:block; font-size:1.2em; font-weight:bold; margin:0px; padding:0px; }
#showcase ul.navigation li a { background:url("../../images/bullet_2.gif") no-repeat; height:24px; display:block; line-height:24px; color:#000000; margin:0px; padding:0 0 1px 30px; }
#showcase ul.navigation li a.change { color:#00aeef; }
#showcase ul.navigation li a.change:hover { color:#00aeef; }
#showcase ul.navigation li a:hover { color:#ec008c; } 
#showcase ul.navigation li a.bullet1 { background:url("../../images/bullet_1.gif") no-repeat; height:28px; line-height:28px; }
#showcase ul.navigation li a.bullet2 { background:url("../../images/bullet_2.gif") no-repeat; }
#showcase ul.navigation li a.bullet3 { background:url("../../images/bullet_3.gif") no-repeat; }
#showcase ul.navigation li a.bullet4 { background:url("../../images/bullet_4.gif") no-repeat; }
#showcase ul.navigation li a.bullet5 { background:url("../../images/bullet_5.gif") no-repeat; }
#showcase ul.navigation li a.bullet6 { background:url("../../images/bullet_6.gif") no-repeat; }
#showcase ul.navigation li a.bullet7 { background:url("../../images/bullet_7.gif") no-repeat; }
#showcase ul.navigation li a.bullet8 { background:url("../../images/bullet_8.gif") no-repeat; }
#showcase ul.navigation li a.bullet9 { background:url("../../images/bullet_9.gif") no-repeat; }
#showcase ul.navigation li a.bullet10 { background:url("../../images/bullet_10.gif") no-repeat; }

#showcase #cards{
	float: left;
	padding-left: 0px;
	position: relative;
	width: 200px;
	height: 325px;
	left: 0px;
}
#showcase #cards img{
	position: absolute;
	behavior:url(iepngfix.htc);
}
#showcase  #cards  img.one{
	top: 23px;
	z-index: 11;
}
#showcase  #cards  img.two{
	right: -20px;
	top: 50px;
	z-index: 13;
}
#showcase  #cards  img.three{
	bottom: 0px;
	z-index: 9;
}
#showcase  #cards  img.four{
	bottom: 15px;
	right: -92px;
	z-index: 14;
}
/* container */

#container {
	background:url("../../images/border_container.gif") no-repeat left top;
	width:870px;
	float:left;
	margin:0px;
	padding:10px 0 0 0;
}

/* leftcol */

#letfcol {
	width:470px;
	float:left;
	margin:0px;
	padding:5px 10px 0 0;
}
#letfcol ul.list { width:156px; float:left; }
#letfcol ul.list li {
	background:url("../../images/bullet_list.gif") no-repeat left 5px;
	color:#4b4b4b;
	display:block;
	font-size:1.2em;
	margin:0px;
	padding:0 0 0 8px;
}
#letfcol ul.list2 { width:220px; float:left; margin-left:10px; }
#letfcol ul.list2 li {
	background:url("../../images/bullet_list.gif") no-repeat left 5px;
	color:#4b4b4b;
	display:block;
	font-size:1.2em;
	margin:0px;
	padding:0 0 0 8px;
}
/* rightcol */

#rightcol {
	width:390px;
	float:left;
	margin:0px;
	padding:0px;
}
#small_slideshow {
	background:url("../../images/bg_slideshow_small.gif") no-repeat;
	width:300px;
	height:223px;
	float:left;
	margin:0px;
	padding:11px 15px 30px 27px;
}
#small_slideshow img.heading { display:block; margin:0 0 3px 0; padding:0px; }
#small_slideshow span.headline { font-size:1.2em; color:#FFFFFF; display:block; margin:0px; padding:0 0 6px 4px; }
#small_slideshow span.white { font-size:1.2em; color:#FFFFFF; text-decoration:underline; margin:0px; padding:0 0 0 4px; }
#small_slideshow ul.category {  margin-bottom:8px;   }
#small_slideshow ul.category li {
	background:url("../../images/bullet_white.gif") no-repeat left 6px;
	font-size:1.2em;
	width:120px;
	float:left;
	display:block;
	color:#FFFFFF;
	margin:0 0 0 4px;
	padding:0 0 0 6px;
}
#small_slideshow span a {  padding-left:4px; }
#search_box {
	background:url("../../images/bg_search_box.gif") no-repeat;
	width:314px;
	height:34px;
	float:left;
	margin:0 0 12px 0;
	padding:58px 0 0 26px;
}
#search_box .input {
	background:transparent;
	width:215px;
	height:26px;
	line-height:26px;
	color:#838283;
	font-size:1.2em;
	border:none;
	float:left;
	margin:0 10px 0 0;
	padding:0px 5px;
}
#search_box .link{
	background:transparent;
	width:50px;
	height:26px;
	line-height:26px;
	color:#ec008c;
	text-decoration:underline;
	font-size:1.2em;
	cursor:pointer;
	border:none;
	float:left;
	margin:0px;
	padding:0px;
}
#search_box .link:hover { text-decoration:none; color:#333333; }
#rightcol .powered { display:block; float:left; padding-left:30px; }


/* footer */

#footer {
	width:100%;
	height:70px;
	float:left;
	margin:0px;
	padding:20px 0 0 0;
}
#footer_left {
	width:50%;
	float:left;
	margin:0px;
	padding-top: 0px;
	padding-right: 5%;
	padding-bottom: 0px;
	padding-left: 0px;
}
#footer_left ul {}
#footer_left ul li {
	float:left;
	background:url("../../images/br_footer_nav.gif") no-repeat right center;
	font-size:1.1em;
	display:block;
	margin:0px;
	padding:0px 10px;
}
#footer_left ul li.last { background:none; }
#footer_left ul li a { color:#ec008c; }
#footer_left ul li a:hover { color:#333333; }
#footer_right {
	width:45%;
	float:left;
	margin:0px;
	padding:0px;
}
#footer_right span { font-size:1.1em; display:block; text-align:right; color:#ec008c; margin:0px; padding:0 10px 0 0; }
#footer_right span a { color:#ec008c; padding-left:10px; }
#footer_right span a:hover { color:#333333; }