/* CSS Document */

body {
	background: url(images/bg_tile.gif) repeat fixed;
	font-family:"Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #402d0e;
}



#header {
	position: relative;
	width: 800px;
	height: 45px;
	margin: -10px auto 10px auto;
	padding: 0px;
}

#social {
	position: absolute;
	top: 15px;
	right: 35px;
}

#social img {
	float: left;
	margin-right: 15px;
}

#social iframe {
	float: left;
}

#menu {
	background:transparent; 
	width: 800px;
	margin:0px 0px;
}

#menu ul{
	width:750px;
	background:transparent;
	padding: 0px;
	position: inherit;
	margin:-45px 0px 0px 0px;
	text-align: right;
}

#menu ul li{
	display: inline;
}

#menu ul li a {
	color: #402d0e;
	font-size:11px;
	font-weight:bold;
	text-transform: uppercase;
	padding: 0px 10px 0px 0px;
	margin: 0px;
	text-decoration: none;
}

#menu ul li a:hover{
	color: #FFFFFF;
}

.page {
	width: 100%;
	height: 100%;
	margin: 95px auto 0px auto;
	padding: 0px;
}

#content {
	width: 700px;
	height: 100%;
	margin: 0px auto 0px auto;
	padding: 0px;
}

.one {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px 10px 10px 10px;
}
.widecolumn {
	width: 495px;
	padding: 0px 5px 10px 20px;
	margin: 0px;
	float: left;
}
.widecolumnright {
	width: 495px;
	padding: 0px 20px 10px 5px;
	margin-left: 205px;
}
.sidecolumn {
	width: 22%;
	padding: 0px 5px 10px 10px;
	margin-left: 510px;
}

#sidenav {
	width: 170px;
	padding: 0px 17px 0px 0px;
	margin:0px 0px 0px 20px;
	float: left;
}
#sidenav ul {
	background: url(/images/pink_bg.gif) top center repeat-y;
	width: 100%;
	text-align: left;
	padding: 0px;
	margin: 0px;
	list-style: none;
}
#sidenav ul li {
	padding: 0px 0px 0px 20px;
	margin: 0px;
}
#sidenav ul li a {
	color: #402d0e;
	font-size:11px;
	font-weight:bold;
	line-height: 25px;
	text-transform: uppercase;
	text-decoration: none;
}	
#sidenav ul li a:hover {
	color: #9dc3d3;
}
.stage {
	background: transparent;
	width: 480px;
	height: 100%;
	padding: 0px;
	margin: 0px;
}

.blog {
	width: 486px;
	height: 100%;
	margin: 0px;
	padding: 10px 0px 10px 0px;
}
.blogHd {
	background: #fff url(images/blog_header.gif) top center no-repeat;
	width: 486px;
	height: 41px;
	margin: 0px;
	padding: 0px;
}
.blogBd {
	background: #fff url(images/blog_bg.gif) top center repeat-y;
	width: 486px;
	height: 100%;
	margin:0px;
	padding:0px;
}
.blogFt {
	background: #fff url(images/blog_footer.gif) top center no-repeat;
	width: 486px;
	height: 10px;
	margin: 0px;
	padding: 0px;
}

.daily {
	width: 173px;
	height: 100%;
	margin:0px;
	padding:0px;
}

.dailyHd {
	background: #fff url(images/daily_header.gif) top center no-repeat;
	height: 65px;
	width: 173px;
	margin:0px;
	padding:0px;
}
.dailyBd {
	background: #fff url(images/daily_bg.gif) top center repeat-y;
	margin: 0px;
	padding: 0px;
}
.dailyFt {
	background: #fff url(images/daily_footer.gif) top center no-repeat;
	height: 19px;
	width: 173px;
	margin:0px;
	padding:0px;
}
.daily p {
	padding: 0px 20px 0px 20px;
	margin: 0px;
	font-size: 12px;
}
.pink img, .green img {
	padding: 0px 0px 0px 10px;
}
.pink {
	width: 170px;
	height: 100%;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}
.pinkHd {
	background: #9dc3d3 url(images/pink_header.gif) top center no-repeat;
	width: 170px;
	height: 13px;
	margin: 0px;
	padding: 0px;
}
.pinkBd {
	background: #9dc3d3 url(images/pink_bg.gif) top center repeat-y;
	width: 170px;
	height: 100%;
}
.pinkFt {
	background: #9dc3d3 url(images/pink_footer.gif) top center no-repeat;
	width: 170px;
	height: 13px;
	margin: 0px;
	padding: 0px;
}

.green {
	width: 170px;
	height: 100%;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}
.greenHd {
	background: #c8bc7e url(images/green_header.gif) top center no-repeat;
	width: 170px;
	height: 13px;
	margin: 0px;
	padding: 0px;
}
.greenBd {
	background: #c8bc7e url(images/green_bg.gif) top center repeat-y;
	width: 170px;
	height: 100%;
}
.greenFt {
	background: #c8bc7e url(images/green_footer.gif) top center no-repeat;
	width: 170px;
	height: 13px;
	margin: 0px;
	padding: 0px;
}
.video {
background:transparent;
}
.footer {
	background: #d7c9b8 url(images/footer.gif) top center no-repeat;
	color:#fff;
	width: 800px;
	height:35px;
	padding: 0px;
	margin: 0px auto 0px auto;
	text-align:center;
}

/*TEXT FORMATING*/

p {
	padding: 0px 20px 10px 20px;
	margin: 0px;
}

.blogBd p {
	padding: 0px 10px 0px 10px;
	margin:0px;
}
strong {
	font-weight: bold;
}
a {
	color: #402d0e;
	font-weight: bold;
	text-decoration: underline;
}
a:hover {
	color: #BAAA66;
}
h1, h1 a {
	color: #9dc3d3;
	font-family:"Lucida Grande", "Trebuchet MS", "Helvetica Neue", sans-serif;
	font-weight:normal;
	font-size: 28px;
	text-transform:uppercase;
	text-decoration:none;
	padding: 0px 0px 0px 20px;
	margin:0px;
}
h1 a:hover {
	color: #9dc3d3;
}
h2, h2 a {
	color: #9dc3d3;
	font-family:"Lucida Grande", "Trebuchet MS", "Helvetica Neue", sans-serif;
	font-weight:normal;
	font-size: 24px;
	text-transform:uppercase;
	text-decoration:none;
	padding: 0px 0px 0px 20px;
	margin:0px;
}
h2 a:hover {
	color: #9dc3d3;
}
.nopad {
	padding: 0px;
}
ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
li, li a {
	color: #402d0e;
	text-decoration: none;
	padding: 5px 0px 0px 5px;
}
li a {
	color: #9dc3d3;
}
.footer a {
	color:#402d0e;
	text-align:center;
	font-size: 9px;
	text-decoration:none;
	}
.footer a:hover {
	color: #FFFFFF;
}	
.clear {
	clear: both;
	height: 0;
}
/* Begin Images */
p img {
	padding: 0px;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: -20px 0 2px 7px;
	display: inline;
	clear:right;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

.wizpert_call_button{
  display: block;
  background-image: url('images/call_button_widget1.gif');
  background-repeat: no-repeat;
  width: 170px;
  height: 36px;
  margin-top: 13px;
  color: #FFF;
  text-decoration: none;
  font-family: trebuchet ms;
  font-size: 14px;
 }

.wizpert_call_button:hover{
 background-image: url('images/call_button_widget2.gif');
}