body {
	padding: 0px;
	margin: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #e8e7d5;
}

#page {
	background-image: url(jpg/bg-main.jpg);
	background-repeat: repeat;
	background-color: #eee7d5;
}


/*** HEADER ***/
#header-wrapper1 {
	background-position: center top;
	background-image: url(jpg/bg-header.jpg);
	background-repeat: repeat-x;
}

#header-wrapper2 {
	background-position: center top;
	background-image: url(jpg/bg-title-top.jpg);
	background-repeat: no-repeat;
	height:320px;
}

#header {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
}

#header h1 {
	z-index: -1;
	position: absolute;
}

.logo {
	margin-top:25px;
	margin-right:18px;
	border:0;
}

#header h2 {
	color: #4e3222;
	font-weight: 100;
	font-size: 32px;
	position: absolute;
	top:50px;
	width:400px;
	margin-left: 400px;
	padding:0;
}

.slogan-image {
	position: absolute;
	top:140px;
}

#shelf {
	position: absolute;
	top:10;
	margin-left: 455px;
	width: 500px;
}

#shelf li {
	color: #4e3222;
	font-size: 18px;
	display: inline;
	padding-right:25px;
}

#shelf img {
	padding-right: 7px;
	position: relative;
	top:3px;
	border: 0;
	height:20px;
}

#shelf a {
	color: #4e3222;
	text-decoration: none;
}

#shelf a:hover {
	color: #686152;
}

/*** LOGIN ***/

#dim{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:100;
	background: url('png/dim.png');
	display:none;
	text-align:left;
}

.msgbox{
	position:absolute;
	width:450px;
	height:280px;
	z-index:200;
	border:2px solid #222;
	background: #FFF;
	top: 150px;
	left: 50%;
	margin-left: -225px;
	background-image: url(gif/loading.gif);
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #000;
}

.msgbox img {
	border:none;
	margin:5px;
}

.close {
	top:0px;
	float:right;
	position: absolute;
}

.framewrapper {
	width:450px;
	height:280px;
	overflow: hidden;
}

.framewrapper iframe {
	margin-top: -230px;
	margin-left: -255px;
}



/*** NAVIGATION ***/

#navigation {
	position: absolute;
	top:185px;
	margin-left: 95px;
	font-size: 24px;
}

.information {
	position: relative;
	top:25px;
	left:-95px;
}

.more-arrow {
	float:right;
	border: none !important;
}

.nav-paint {
	background-image: url(png/splatter.png);
	width:120px;
	height:104px;
	position: absolute;
	top:25px;
	margin-left:-100px;
}

.nav-highlight {
	background-image: url(png/splatter.png);
	background-position: left top;
	background-repeat: no-repeat;
	width:120px;
	height:104px;
	text-align: left;
	vertical-align: middle;
}

.nav-highlight a {
	color: #eee8d9 !important;
	text-shadow: 0 0 0.7em #4e3222, 0 0 0.7em #4e3222;
	height:104px;
}

.nav-highlight a:hover {
	color: #4e3222 !important;
	text-shadow: 0 0 0.5em #eee8d9, 0 0 0.5em #eee8d9;
}

ul.nav2 > li{
	padding-right: 200px !important;
	padding-left: 40px !important;
}

ul.nav,
.nav ul,
ul.nav2,
.nav2 ul{
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
}

ul.nav,
ul.nav2{
	display: table;
}
ul.nav>li,
ul.nav2>li{
	display: table-cell;
	position: relative;
	padding-right: 25px;
}

ul.nav li>ul{
	display: none;
	position: absolute;
	width: 220px;
	margin-left: -6px;
	margin-top: 0;
	font-size: 18px;
	background-image: url(jpg/bg-nav.jpg) !important;
}

ul.nav li>ul>li>ul.courses{
	position: absolute;
	width: 280px;
	margin-left: 74px;
	margin-top: -26px;
	font-size: 18px;
	left: 146px;
}

ul.nav li>ul>li>ul{
	position: absolute;
	width: 200px;
	margin-left: 74px;
	margin-top: -26px;
	font-size: 18px;
	left: 146px;
}

ul.nav img {
	border: none;
	position: relative;
	top:6px;
}

ul.nav li:hover>ul{
	display : block;
	z-index: 2;
}

ul.nav li ul li:hover>a{
	background-color: #bbb09a !important;
}

ul.nav li:hover>a{
	color: #4e3222;
}

.nav ul li a{
	display: block;
	padding: 2px 10px;
}

.nav ul,
.nav ul li a{
	color: #4e3222;
}

ul.nav,
.nav li a{
	color: #686152;
}

ul.nav li:hover,
.nav ul li a:hover,
.nav li a:hover{
	color: #4e3222;
}

ul.nav li:active,
.nav ul li a:active,
.nav li a:active{
	color: #6e6e11;
}

ul.nav li:active>a{
	color: #6e6e11;
}

.nav ul{
	border: 1px solid #4e3222;
}

.nav a, .nav2 a{
	text-decoration: none;
}

ul.nav2,
.nav2 ul{
	position: absolute;
	top:23px;
	left:470px;
}

/*** BLOG & PAGES ***/

.post {
	color: #4e3222;
	margin-bottom: 30px;
}

.post a {
	color: #4e3222;
	text-decoration: underline;
}

.post a:hover {
	text-decoration: none;
}

.post h3 {
	font-style: italic;
	font-weight: normal;
	font-size: 24px;
}

.posttitle {
	margin: 0 0 10px 0;
	font-weight: normal;
}

.posttitle a {
	color: #4e3222;
	text-decoration: none;
}

.posttitle a:hover {

}

.date {
	float:right;
	position: relative;
	top:-30px;
	left:-50px;
	font-family: sans-serif;
	-webkit-transform: rotate(10deg); 
	-moz-transform: rotate(10deg);	
	display: block;
	width:156;
	height:37;
	background-image: url(png/bg-date.png);
	text-align: center;
	padding-top: 10px;
	background-repeat: no-repeat;
}

.commentslink {
	display: block;
	width:203;
	height:39;
	background-image: url(png/bg-comments.png);
	padding-left: 25px;
	padding-top: 10px;
	background-repeat: no-repeat;
}

.commentslink a {
	text-decoration: none;
}

.commentslink a:hover {
	text-decoration: underline;
}

.blogmakecomment {
	position: absolute;
	margin-left: -140px;
	margin-top: -50px;
}

.blogmakecomment img{
	border: 0 !important;
}

.blogtop {
	position: relative;
	top:-20px;
}

.post img {
	border: 1px solid #4e3222;
}

.alignleft {
	float:left;
	margin-right: 10px;
}

.alignright {
	float:right;
	margin-left: 10px;
}

.breaker {
	width: 100%;
	height: 10px;
	text-align: center;
}

.breaker img {
	border: 0;
}


/*** COMMENTS ***/

.commentswrapper h2 {
	font-weight: normal;
}

.commentlist {
	border-top: 1px dotted #4e3222;
	margin: 0;
	padding: 0;
}

.commentlist li {
	list-style-type: none;
	border-bottom: 1px dotted #4e3222;
	background-color: #c1dc99;
	padding: 10px;
}

.commentlist .alt {
	background-color: #daeac2;
}

.makecomment {
	position: absolute;
	margin-top: -40px;
	margin-left: 200px;
}

.makecomment img {
	border: 0;
}

.rssandtrackback {
	margin: 0;
	padding: 0;
	font-size: 12px;
}

/*** CONTENT ***/
#content {
	background-position: center top;
	background-image: url(jpg/bg-title-bottom.jpg);
	background-repeat: no-repeat;
	padding-top:1px;
	width:800px;
	margin-left:auto;
	margin-right:auto;
}

.boxes {
	height:339px;
	color: #4e3222;
}

.box-left, .box-center, .box-right {
	width:228px;
	height: 339px;
	background-image: url(jpg/box.jpg);
	text-align: center;
	background-repeat: no-repeat;
}

.box-left {
	position: absolute;
	margin-left: 30px;
}

.box-center {
	position: absolute;
	margin-left:286px;
}

.box-right {
	position: absolute;
	margin-left:542px;
}

.boxes h3 {
	font-weight: normal;
	margin: 0;
	padding: 8px;
	font-size: 24px;
	text-align: left;
}

.boxes p {
	text-align: justify;
	font-size: 14px;
	padding-top: 5px;
	margin: 0;
	padding-left: 5px;
	padding-right: 5px;
	font-family:sans-serif;
	line-height: 1.2em;
}

.boxes strong {
	font-size: 13px;
}

.boxes img {
	margin-bottom: 5px;
	border:0;
}

.boxes ul,.boxes li {
	list-style-type: none;
	padding: 0;
	margin: 1px;
	text-align: left;
}

.boxes a {
	color: #4e3222;
	text-align: justify;
	font-size: 14px;
	font-family:sans-serif;
	border:0;
}
.boxes a:hover {
	text-decoration: none;
}

.bottom {
	margin: 0;
	padding: 0;
	border: none;
}

.findus {
	margin-top: 25px;
	margin-left: 30px;
}

.findus table,.findus td {
	padding: 0;
	border-collapse:collapse;
}

.findus img {
	border: 0;
}

.idea {
	float:right;
	width:210px;
	margin-right: 30px;
}

.idea p {
	color: #4e3222;
	font-family:sans-serif;
	font-size: 12px;
	line-height: 1.2em;
	text-align: right;
}

.idea img {
	border: 0;
}


/*** FOOTER ***/

#footer-wrapper {
	background-image: url(png/bg-footer.png);
	background-repeat: repeat-x;
	background-position: center top;
	color: #4e3222;
	font-family: sans-serif;
	font-size:12px;
	padding-top:20px;
	margin-top: 10px;
}

#footer {
	width:800px;
	margin-left: auto;
	margin-right: auto;
}

.footer-left {
	display:inline;
	padding-left: 30px;
	float:left;
}

.footer-right {
	display:inline;
	padding-right: 30px;
	float:right;
}

/*** HOVER CLASSES ***/
a.hover-twitter {
	display: block;
	width: 91px;
	height: 82px;
	background: transparent url(jpg/findus-twitter.jpg) no-repeat;
}

a.hover-twitter:hover {
	background-position: -91px 0;
} 

a.hover-facebook {
	display: block;
	width: 86px;
	height: 82px;
	background: transparent url(jpg/findus-facebook.jpg) no-repeat;
}

a.hover-facebook:hover {
	background-position: -86px 0;
} 

a.hover-gmail {
	display: block;
	width: 88px;
	height: 82px;
	background: transparent url(jpg/findus-gmail.jpg) no-repeat;
}

a.hover-gmail:hover {
	background-position: -88px 0;
} 

a.hover-blog {
	display: block;
	width: 82px;
	height: 82px;
	background: transparent url(jpg/findus-blog.jpg) no-repeat;
}

a.hover-blog:hover {
	background-position: -82px 0;
} 


a.hover-idea {
	display: block;
	width: 83px;
	height: 105px;
	background: transparent url(jpg/idea-download.jpg) no-repeat;
	float:right;
	position: relative;
	top:8px;
	margin-left: 10px;
}

a.hover-idea:hover {
	background-position: -83px 0;
}


a.hover-feature {
	display: block;
	width: 261px;
	height: 49px;
	background: transparent url(png/portfolio-link.png) no-repeat;
	float:right;
	top:5px;
	margin-left: 10px;
	position: absolute;
	border: none;
}

a.hover-feature:hover {
	background-position: -261px 0;
}