﻿html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
del,ins{text-decoration:none;}

body {
  background-color: #fff;
	color: #333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
}

h3 {
	color: #f90;
	font-size: 18px;
	font-weight: bold;
}

h2 {
  color: #333;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 15px;
}

h4 {
  color: #963;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}

p {
	margin-bottom: 15px;
}

strong {
  font-weight: bold;
}

.accent {
	color: #039;
}

.highlight {
	color: #c30;
	font-weight: bold;
}

#Container {
	margin: 0 auto;
	width: 720px;
}

#Banner {
	background-image: url(/images/banner-1.jpg);
	border: 1px solid #333;
	position: relative;
	height: 300px;
	width: 718px;
}

  .slogan {
    position: absolute;
    top: 30px;
    right: 65px;
  }

#Content {
	overflow: hidden;
	width: 100%;
}

	#Sidebar {
	  background-color: #f90;
		float: left;
		padding: 0 40px 20px 40px;
		padding-top: 100px;
		width: 200px;
	}
	
		#Sidebar img {
			margin: 10px 0 10px 0;
		}
		
		#Sidebar p {
		  color: #fff;
		  line-height: 16px;
		}
	
	#Message {
	  background-color: #fff;
		border-left: 1px #ebebeb solid;
		float: right;
		padding: 20px;
		width: 399px;
	}
	
	  #MessageHeading {
	    border-bottom: 1px solid #ccc;
	    margin-bottom: 15px;
	    overflow: hidden;
	  }
	  
	    #MessageHeading #Sharing {
	      float: right;
	    }
	    
	    #MessageHeading #Headings {
	      float: left;
	    }
	    
	.bio {
	  margin-top: 10px;
	  overflow: hidden;
	}
	    
	  .bio img {
	    float: left;
	  }
  	
	  .bio div {
	    float: right;
	    width: 280px;
	  }

#Footer {
	background-color: #333;
	border: #000 solid;
	border-width: 0 1px 1px 1px;
	padding: 10px;
	text-align: center;
	width: 700px;
}

  #Footer span {
    color: #fff;
    font-size: 12px;
  }
  
#Menu {
	position: relative;
  left: 20px;
  top: 0px;
  width: 455px;
  z-index: 50;
}

  #Menu a {
    display: block;
  }
  
ul.menu > li {
  height: 50px;
  width: 240px;
}

  ul.menu > li > a {
  	background-image: url(/images/nav/nav-sprite.png);
  	height: 50px;
  	text-indent: -9999px;
  	width: 240px;
  }
  
ul.menu-sub {
  display: none;
  left: 220px;
  position: relative;
  top: -50px;
  width: 235px;
}
  
  ul.menu-sub > li {
    height: 25px;
    width: 235px;
  }
  
  ul.menu-sub > li > a {
    background-image: url(/images/nav/increase-sales-nav-sprite.png);
    height: 25px;
    text-indent: -9999px;
    width: 235px;
  }
  
#nav-1 { background-position: 0 0; }
#nav-2 { background-position: 0 -70px; }
#nav-3 { background-position: 0 -140px; }
#nav-4 { background-position: 0 -210px; }
#nav-5 { background-position: 0 -280px; }

#nav-1:hover { background-position: -260px 0; }
#nav-2:hover { background-position: -260px -70px; }
#nav-3:hover { background-position: -260px -140px; }
#nav-4:hover { background-position: -260px -210px; }
#nav-5:hover { background-position: -260px -280px; }

#nav-1-1 { background-position: 0 0; }
#nav-1-2 { background-position: 0 -50px; }
#nav-1-3 { background-position: 0 -150px; }

#nav-1-1:hover { background-position: -260px 0; }
#nav-1-2:hover { background-position: -260px -50px; }
#nav-1-3:hover { background-position: -260px -150px; }