/*resets*/
* {
    margin:0;
    padding:0;
    }
h1,h2,h3,h4 {font-size:14px;}
/*layout*/
body {
	font-size:10px;/*62.5%;making my life a little easier to work out the em math*/
	max-width:100%; /*to make sure the screen doesn't get too wide for extra large fonts*/
	min-width:74em;/*don't let them break my layout!!!*/
	line-height:1.8em;
	text-align:center;
	}

#layout_wrapper {
	width:74em;
	max-width:100%;
	margin:0.8em auto;
	text-align:center;
	}
#header {
	margin:0 auto;
	height:11.5em;
	width:100%;
/*	padding:1em 0; */
	text-align:left;
	overflow:hidden;
	}
	#header_links {
	text-align:right;
	position:relative;
	right:2em;
	}
	#menu {
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:left
	}
#content_wrapper {
	margin:0 auto;
	width:74em;
	max-width:100%;
	text-align:center;
	clear:left;
	}
	#billboard {
		height:28em;
		padding:0 4em 3em 4em;
		text-align:right;
		}
	#billboard h2 {
		padding:0.5em 0;
		}
	#billboard h3 {
		line-height:1.8em;
		}
	#main_content {
		width:70em;
		padding:2em;
		}
	.pkg {
		float:left;
		width: 31%;
		margin:0.9%;
		height:22em;
		text-align:left;
		}
	.pkg2 {
		float:left;
		width: 46%;
		margin:1.8%;
		height:23em;
		text-align:left;
		}
	.pkg .price, .pkg2 .price {
		text-align:center;
		font-size:1.8em;
		padding:1em 0 0.5em 0;
		}
	.pkg .ordernow, .pkg2 .ordernow {
		text-align:right;
		font-size:1.8em;
		padding:0.5em 1em;
		}
	.pkg p, .pkg2 p {
		text-align:left;
		font-size:1.8em;
		padding:0.5em 1em;
		}
#inner_content {
	width:70%;
	float:left;
	text-align:left;
	}
	#inner_content p,#inner_content div{
		margin:.5em 3em;
		}
	#inner_content h3 {
		margin:1.5em .5em 1em 1.5em;
		}
	#inner_content ul {
		margin:.5em 4em;
		}
#sidebar {
	 width:25%;
	 float:right;
	 padding-top:2em;
	 text-align:left;
	}
	
#footer {
	clear:both;
	margin:0 auto;
	height:15em;
	width:100%;
	text-align:center;
	line-height:1.5em;
	padding: 2em 0;
	overflow:hidden;
	}	
	#footer_menu {
		padding-bottom:2em;
		}
	
	
/*backgrounds, borders, and colors*/
body {
	background:#efefef;
	color:#333333;
	}
#layout_wrapper {
	background:#ffffff;
	}
#header {
	background:url(../images/logo.jpg)  1em 1.5em  no-repeat;
	}

#content_wrapper {
	background:#ffffff;
	}
#billboard {
	background:transparent url(../images/laptop.jpg) 6em 8em no-repeat;
	}
#billboard h2 {
	color:#800000;
	}
#billboard h3 {
	color:#666666;
	}
.pkg,.pkg2{
	border:1px solid #807373;
	background:url(../images/bg_smallcorner.jpg) top left no-repeat;
	}
.pkg h4,.pkg2 h4 {
	color:#800000;
	}

	
a, a:link,a:active, a:visited {
	color:#800000;
	}
#footer {
	background:url(../images/logo.jpg) 1em 5em no-repeat;
	color:#333333;
	}
#footer a {
	color:#333333;
	}
	#footer_menu {
	background:url(../images/bg_footer.jpg) repeat-x;
	}
	
/*typography*/
body {
	font-family:Tahoma,Verdana,Arial,sans-serif;
	}
h1 a{
	background:url(../images/logo1.jpg) 150px 0px  no-repeat;
	display:block;
	height: 90px; 
	width: 630px;
	text-indent:-9000px;
	}
h2 {
	font-size:2.3em;
	line-height:1.8em;
	font-family:Tahoma,Verdana,Arial,sans-serif;
	}
h3 {
	font-size:1.8em;
	font-weight:normal;
	font-family:Tahoma,Verdana,Arial,sans-serif;
	}
h4 {
	font-size:1.6em;
	font-weight:normal;
	font-family:Tahoma,Verdana,Arial,sans-serif;
	margin: 0.5em;
	text-align:center;
	}
#billboard p.largetext {
	font-size:1.5em;	
	}
#menu a{
	font-family:Tahoma,Verdana,Arial,sans-serif;
	}
#header_links {
	font-size:1.1em;
	}
#content_wrapper div{
	font-family:Tahoma,Verdana,Arial,sans-serif;
	}
#content_wrapper p{
	font-size:1.2em;
	}
	#inner_content p,#inner_content ul {
		font-size:1.2em;
		}
	#inner_content h4 {
	text-align:left;
	margin:1.5em 0.5em 0 2em;
	}
	#inner_content h5 {
	font-size:1.4em;
	font-weight:normal;
	font-style:italic; 
	margin:1.5em 0.5em 0 2em;
	text-align:left;
	}
#footer div, #footer p{
	font-size:1.1em;
	}
/*lists*/
.pkg ul, .pkg2 ul {
		margin:0;
		padding:0 1em;
		list-style-type:none;
		}
	.pkg li, .pkg2 li {
		padding-left:1.5em;
		background: url(../images/bullet.jpg) no-repeat 0 0.4em;
		font-size:1.2em;
		}

/*menus*/

/* These styles create the dropdown menus. */
#menu {position:relative;}
#navbar {
	margin: 0;
	padding: 0;
	height: 4em;
	width:100%;
	background: #efefef url(../images/bg_menu.jpg) repeat-x;
	}
#navbar li {
	list-style: none;
	float: left;
	}
#navbar li a {
	display: block;
	padding:0 2.8em;/*when adding Family Site link back to navbar, change the padding back to 0 1.4em*/
	line-height:2.8em;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.4em;
	color:#666666; 
	}
#navbar li ul {
	display: none; 
	width: 26em; /* Width to help Opera out */
	
	}
#navbar li ul li a {
	font-size:1.1em;
	line-height:2.4em;
	}
#navbar li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; 
	}
#navbar li:hover li, #navbar li.hover li {
	float: none; }
#navbar li:hover li a, #navbar li.hover li a {
	background: #efefef;
	color: #666666; }

#navbar li.current a, #navbar li a:hover, #navbar li.current ul li.current a{
	color:#800000;
	}
#navbar li li a:hover {
	background: #666666;
	color:#efefef;
	}
/*these styles are for the old non-drop down main navbar, preserved for posterity
#menu ul {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:74em;
	}
#menu ul li {
	float:left;
	}
#menu ul li a {
	display:block;
	float:left;
	padding:0 2.1em;
	line-height:3.2em;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.4em;
	color:#333333;
	
	}
#navbar li.current a, #menu ul li a:hover {
	color:#800000;
	
	}*/
#sub_menu ul {
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	}
#sub_menu  li {
	  background: url(../images/bullet.jpg) no-repeat 0 0.9em;
	 }
#sub_menu li a {
	 display:block;
	 font-size:1.3em;
	 padding:0.3em 1.5em;
	 font-size:1.2em;
	 text-decoration:none;
	 color:#666666;
	 border-bottom:1px #807373 solid;
	 }
#sub_menu li a:hover, #sub_menu li.current a {
	background: #efefef url(../images/bullet.jpg) no-repeat 0 0.7em;
	
	}