/*
Colors

#BD763E = dark brown
#F8C893 = light beige
#322F3A = dark gray

*/

/*Global styles*/
body 
{
	margin:0;
	padding:0;
	
	background-color:#F8C893;
	font-family:Arial, Helvetica, Sans Serif;
	color:Black;
	font-size:12px;
	text-align:center;
	color:#322F3A;
}

h1
{
	padding:0;
	margin:0;
	font-size:2.5em;
	font-family:Arial Black, Arial Black, Gadget, sans-serif;
	letter-spacing: -1px;
	font-weight:normal;
}

h2
{
	font-size:1.1em;
}

a
{
	text-decoration:none;
	color:#BD763E;
	font-weight:bold;
}

a:hover, a:active
{
	text-decoration:underline;
}

a img
{
	border:0;
}
/*End Global Styles*/

/*Container*/
#main
{
	margin:0;
	padding:0;
	background-color:White;
	border-bottom:1px solid white; /*hack to adjust content pane*/
	min-width:960px;
}

/*Header styles*/
#header
{
	background-image: url("../images/header.gif");
	background-repeat:repeat-x;
	
	border-bottom:1px solid #BD763E;
	height:219px;
	
	padding-left:15px;
	padding-right:15px;
	margin-bottom:100px;
	margin-top:-75px;
}

#header #logo
{
	background-image:url("../images/logo-reflection.png");
	background-repeat:no-repeat;
	background-position:left 47px;
	float:left;
	margin-top:180px;
}

#header h1
{
	text-align:left;
	position:relative;
	top:180px;
	font-size:1.4em;
	line-height:1em;
	float:left;
	width:250px;
}

#nav
{
	float:right;
	list-style:none;
	margin-top:190px;
	font-family:Arial Black, Arial Black, Gadget, sans-serif;
	letter-spacing: -1px;
}

#nav li 
{
	float:left;	

}

#nav a
{
	font-size:1.4em;
	font-weight:normal;
	color:#BD763E;
	display:block;
	padding:3px 15px 5px 8px;

}

#nav a:hover, #nav a:active
{
	text-decoration:none;
	background-image:url("../images/hover.png");
	background-repeat:no-repeat;
	background-position:center 1.4em;
}

#nav #selected
{
	background-image:url("../images/tab-left.png");
	background-repeat:no-repeat;
	background-position:left top;
	height:30px;
	padding-left:7px;
}

#nav #selected a
{
	background-image:url("../images/tab-right.png");
	background-repeat:no-repeat;
	background-position:right top;
	height:30px;
}
/*End Header Styles*/

/*Begin: Sidebar*/
#sidebar
{
	float:left;
	margin:0 10px;
	font-size:1.4em;
}

#sidebar h1
{	
	font-family:Arial,Helvetica,Sans Serif;
	letter-spacing:0;
	font-weight:bold;
	font-size:1em;
}
/*End: Sidebar*/

/*Content Styles*/
#content
{
	margin-left:270px; /*to make room for 250px sidebar, +20px padding*/
	padding:15px;
	padding-top:0;
	height:100%;
}

#content p
{
	padding:5px;
	text-align:center;
	font-size:1.4em;
}

#content p.service
{
	text-align:left;
}

#content p.service img
{
	float:right;
	margin:0 20px;
	margin-bottom:10px;
	border:1px black solid;
}

#content li
{
	font-size:1.1em;
}

#content ul
{
	text-align:left;
	font-size:1.2em;
}

#content p.fineprint
{
	padding-top:0;
	font-style:italic;
	clear:both;
}

#packages
{
	margin:0 auto;
	width:580px; /*(250box + 20pad + 20pad) * 2boxes */
	clear:both;
	border-top:2px #BD763E dotted;
}

#packages p
{
	font-size:1em;
}
/*End Content Styles*/

/*Footer Styles*/
#footer
{
	margin:0;
	padding:0;
	padding-left:15px;
	height:100px;
	
	border-top:1px solid #BD763E;
	
	font-weight:bold;
	font-size:0.8em;
}

#footer p
{
	text-align:left;
}

#footer #kone
{
	width:51px;
	height:58px;
	background-image:url("../images/kone.png");
	background-repeat:no-repeat;
	float:right;
	margin-top:-30px;
	position:relative;
}

#footer #kone:hover
{
	background-image:url("../images/kone-hover.png");
}
/*End Footer Styles*/

/*Begin: styled box, rounded corners*/
.round
{
	padding:0;
	padding-bottom:15px;
	margin:0;
	width:250px;
	
	background-image:url("../images/box_bottom.gif");
	background-position:bottom;
	background-repeat:repeat-y;
}

.round .top
{
	margin:0;
	padding:0;
	padding-top:15px;
	
	background-image:url("../images/box_top.gif");
	background-position:top;
	background-repeat:no-repeat;
}

.round ul
{
	margin:0;
	padding:0;
	list-style:none;
}

.round h1
{
	font-size:1.2em;
}

.package
{
	float:left;
	display:block;
	margin:20px;
	font-size:1.4em;
}

/*restyling for package when it's on its own row*/
.oneline
{
	margin-left:165px; /*(580px (width of parent) - 250px (width of box)) / 2 */
	margin-right:165px;
}

/*heights for rounded boxes*/
.short{height:150px;}
.medium{height:200px;}
.tall{height:250px;}

.package .price{
	font-size:1.2em;
	font-weight:bold;
}
/*End: styled box, rounded corners*/