/**********************/
/**** CSS DOCUMENT ****/


body {
  	font: 85%/0.9 "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
  	line-height: 130%;
  	min-width: 970px;
	background: url(../images/bg-1.gif) repeat 0 0;
}


/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 {
  	margin: 0;
  	padding: 0;
  	font-weight: normal;
}

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

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

ol {list-style: none; margin: 0; padding: 0 0 0 15px;}

img {border: none;}

hr {
  	display: block;
  	clear: both;
  	border-top: 1px dotted #E7E1DE;
  	border-bottom: 1px dotted white;
  	margin: 5px 20px 0;
}

small {font-size: 0.80em;
}

.red {
	color: #FF3300;
}

.green {
	color: #5EBA0A;
}

.grey {
	color: #999;
}
.arrow, h5 {
	display: block;
  	clear: both;
  	padding-top: 20px;
  	font-weight: bold;
  	font-size: 1em;
  	line-height: 19px;
  	background: url(../images/arrow.jpg) no-repeat left 20px;
  	padding-left: 25px;
}

.nobullet {
	list-style: none !important;
	background: transparent !important;
	padding: 0;
	margin: 0;
}


/***** Links *****/

a {
  	text-decoration: none;
  	color: #0099FF;
}

a:hover {text-decoration: none; color: #00CCFF;}

a img {
  border: none;/*remove border for linked images*/
}


/***** clear *****/
.clear {
	clear: both;
	height: 0;
	line-height: 0;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */.clearfix {height: 1%;}

.clearfix {display: block;}
/* End hide from IE-mac */

.endOfSection {
  	clear: both;
  	width: 100%;
  	height: 0;
  	line-height: 0;
  	font-size: 0;
  	padding: 0;
  	margin: 0;
  	border: 0;
}


/***** Global Classes *****/
.alignleft {display: block; float: left;}

.alignright {display: block; float: right;}

.aligncenter {
  	display: block;
  	text-align: center;
  	margin: 0 auto;
}

/* ../images border */
img.alignleft,
img.alignright,
img.aligncenter {
	display: block;
	padding: 3px;
	background: #FAF5EF;
	border: 1px solid #F0E4D4;
}

img.alignleft {
	float: left;
	margin: 0 10px 2px 0;
}


/***** Main Layout ****/

#container {
  	width: 100%;
  	height: 100%;
  	text-align: center;/* IE fix to center the page */
	background: url(../images/bg-1.gif) repeat-x 0 0 #322B1F;
}

#wrapper {
  	width: 940px;
  	margin: 0 auto;/* center the page in Firefox */
  	text-align: left;
	background: url(../images/bg_content.jpg) repeat-y 0 0;
}

#content {
  	width: 940px;
	background: url(../images/bg_content_top.png) no-repeat 0 0;
}


/***** TOP PAGE *****/
#header {
	width: 940px;
	height: 150px;
	margin: 0 auto;
	position: relative;
	background: url(../images/icon_head.jpg) no-repeat 0 0;
}
#header #icons {
	position: relative; 
	top: 85px; 
	left: 303px; 
	width: 370px;
	height: auto;
	margin: 0 auto;
	text-align: center;
}
#header #icons .icons {
	border:0;
	display: inline;
}
#topNav {
	height: 30px;
	padding: 2px 25px 0 25px;
	padding-bottom: 30px;
	position: relative;
}

#topNav .logo {
	width: 175px;
  	height: 30px;
  	float: left;
  	clear: left;
  	background: url(../images/topNav_logo.jpg) no-repeat;
}

#topNav .logo a {
	display: block;
	width: 100%;
	height: 100%;
}

/* Tell-a-Friend */
#topNav .taf {
	display: block;
	position: absolute;
  	right: 0;
  	height: 30px;
	width: auto;
  	font-weight: bold;
	line-height: 36px;
	padding-right: 20px;
	color: #816F50;
  	font-size: 0.8em;
	text-align: center;
	background: url(../images/bg.jpg) repeat-x 0 -2px;
}

#topNav .taf li {
	display: block;
	float: left;
	width: auto;
	height: 30px;
 	text-align: center;
	position: relative;
}

#topNav .taf li.sep {
	width: 2px;
	height: 30px;
	float: left;
	background: url(../images/topNav_sep.jpg) no-repeat 0 0;
}

#topNav .taf li a {
	display: block;
	float: left;
	height: 30px;
	color: #816F50;
	line-height: 30px;
	padding: 0 15px;
}

#topNav .taf li a:hover {
	color: #AA9777;
	background: url(../images/topNav_bg_hover.jpg) repeat-x 0 0;
}

#topNav .taf li a.comment_tip {
	background: url(../images/comment_tip.jpg) no-repeat 80px 7px;
	padding-right: 25px;
}

#topNav .taf li a span.NavAvatar {
	position: absolute;
	top: 3px;
	left: 10px;
	padding: 2px;
	border: 1px #514633 solid;  
}

/*taf*/
/* toggle effect - show/hide taf*/
#taf {
	width: 100%;
	color: white;
	background: #2C261C;
	overflow: hidden;
	position: relative;
	z-index: 3;
	height: 0;
}

#taf .tafContent {
	width: 550px;
	height: 100px;
	margin: 0 auto;
	padding-top: 25px;
	text-align: left;
	font-size: 0.85em;
}

#taf .tafContent .left {
	width: 120px;
	float: left;
	padding-left: 65px;
	font-size: 0.95em;
}

#taf .tafContent .right {
	width: 290px;
	float: right;
	text-align: right;
	padding-right: 65px;
	font-size: 0.95em;
}

#taf .tafContent a {
	text-decoration: underline;
}

#taf .tafContent form {
	margin: 0 0 10px 0;
	height: 26px;
}

#taf .tafContent input.field {
	border: 1px #77664A solid;
	background: #4E4332;
	margin-right: 5px;
	margin-top: 4px;
	color: white;
	height: 16px;
}


#taf .tafContent input.button_taf {
	width: 77px;
	height: 20px;
	cursor: pointer;
	border: none;
	background: transparent url(../images/button_taf.jpg) no-repeat 0 0;
}

#taf .tafClose {
	display: block;
	position: absolute;
	right: 15px;
	top: 10px;
	width: 70px;
	font-size: 0.8em;
	text-align: left;
}

#taf .tafClose a {
	display: block;
	width: 100%;
	height: 20px;
	color: #0099CC;
	text-decoration: underline;
	background: url(../images/button_close.jpg) no-repeat right 0;
	padding-right: 10px;
}

#taf .tafClose a:hover {
	background: url(../images/button_close.jpg) no-repeat right -20px;
  	color: #0099CC;
}



/* Main Navigation */
#navitems {
	width: 940px;
	height: auto;
}

.menug{
	position:relative;
	padding:0 0 0 52px;
	margin:0 auto 0 auto;
	background:url(../images/menu/menug_bg.png) repeat-x;
	*background:url(../images/menu/menug_bg.gif) repeat-x;/* for IE browser due to png hacks */
	height:46px;
	list-style:none;
	width:92%;
}
.menug li{
	float:left;
}
.menug li a{
	float:left;
	display:block;
	color:#000;
	text-decoration:none;
	font-family:sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:0 0 0 18px;
	height:46px;
	line-height:46px;
	text-align:center;
	cursor:pointer;	
}
.menug li a b{
	float:left;
	display:block;
	padding:0 36px 0 18px;
}
.menug li.current a{
	color:#fff;
	background:url(../images/menu/menug_hover_left.png) no-repeat;	
	*background:url(../images/menu/menug_hover_left.gif) no-repeat;/* for IE browser due to png hacks */
	background-position:left;
}
.menug li.current a b{
	color:#fff;
	background:url(../images/menu/menug_hover_right.png) no-repeat right top;	
	*background:url(../images/menu/menug_hover_right.gif) no-repeat right top;/* for IE browser due to png hacks */
}
.menug li a:hover{
	color:#fff;
	background:url(../images/menu/menug_hover_left.png) no-repeat;
	*background:url(../images/menu/menug_hover_left.gif) no-repeat;/* for IE browser due to png hacks */
	background-position:left;
}
.menug li a:hover b{
	color:#fff;
	background:url(../images/menu/menug_hover_right.png) no-repeat right top;
	*background:url(../images/menu/menug_hover_right.gif) no-repeat right top;/* for IE browser due to png hacks */
}



/* 2nd level sub menu */
#subnavWrapper {
	width: 917px;
	height: 29px;
    background: #a2c445;
	margin: 0 auto;
}

.subnav {
	display: block;
	margin: 0 auto;
	padding-left: 15px;
}

.subnav_r {
	float: right;
}

.subnav li {
	display: block;
	float: left;
  	height: 29px;
  	color: white;
  	background: transparent;
  	margin: 0;
  	text-align: center;
  	line-height: 25px;
}

.subnav li a {
	display: block;
	float: left;
  	padding: 0 10px;
  	height: 29px;
  	line-height: 29px;
  	color: white;
  	background: transparent;
	font-size: 0.9em;
}

.subnav li a:hover, .subnav li a.current {
	color: white;
  	background: transparent url(../images/subnav_pointer.jpg) no-repeat center bottom;
}



/***** CONTENT *****/
#rightCol {
	display: block;
	float: left;
	width: 620px;
	padding: 20px 0 20px 11px;
}

	.category {
		display: block;
		float: left;
		width: 916px !important;
		padding: 20px 0;
	}

	.category .post {
    	background: url(../images/sep_h.jpg) repeat-x 0 0;
		padding: 0 20px !important;
    }

	.category .post p {
		padding: 0 15px;
    }

	.category .noBackground {
    	background: transparent;
    }
#rightCol h1 {
	margin: 20px 0;
}

#rightCol h2 {
	height: 20px;
	font-size: 1.4em;
	font-weight: bold;
	padding: 8px 0 0 0;
	color: #232323;
}

#rightCol h3 {
	font-size: 1.3em;
	padding-bottom: 2px;
	border-bottom: 1px dashed #bbb;
	padding-top: 40px;
	color: #232323;
	margin-bottom: 20px;
}

	#rightCol h3 span {
		font-size: 0.6em;
		color: #FF3399;
	}

#rightCol h4 {
	font-size: 1.2em;
	font-weight: bold;
	color: #362F1F;
	margin-bottom: 15px;
}

/* post */
#rightCol .post {
	margin: 0 0 20px 0;
	padding: 0;
	clear: both;
}
#rightCol .title {
	background: url(../images/title_h1.jpg) no-repeat 0 0;
	display: block;
	clear: both;
	height: 55px;
	padding-right: 10px;
	margin-bottom: 10px;
}

	/* if page */
	#rightCol .page {
		background: url(../images/title_h1_page_l.jpg) no-repeat 0 0;
		display: block;
		width: 100%;
		height: 35px;
		max-height: 35px !important;
		padding: 0;                                                 
		margin: 0;
	}

#rightCol .title h1 {
	height: 20px;
	font-size: 1.2em;
	font-weight: bold;
	padding: 10px 0 0 0;
	margin: 0;
	color: #232323;
	clear: none;
	display: block;
}


#rightCol .title h1 a, #rightCol h1.page a {
	color: #232323;
	text-decoration: none;
}

#rightCol .title h1 a:hover, #rightCol h1.page a:hover {
	color: #0066CC;
}

#rightCol .title small,
#rightCol .title span,
#rightCol h1.page small,
#rightCol h1.page span {
	color: #232323;
	font-style: normal;
}

#rightCol .title span, #rightCol h1.page span {
	font-size: 0.6em;
	color: #FF3399;
}

#rightCol .title small a,
#rightCol .title span a,
#rightCol h1.page small a,
#rightCol h1.page span a {
	color: #FF3399;
}

#rightCol .title small a:hover,
#rightCol .title span a:hover,
#rightCol h1.page small a:hover,
#rightCol h1.page span a:hover {
	color: #0099FF;
}

/* Post Date */
#rightCol .title .date {
  Float: left;
  width: 45px;
  height: 50px;
  padding: 3px 25px 0 0;
  text-align: center;
}

#rightCol .title .date .day {
  display: block;
  float: right;
  clear: both;
  font-size: 1.8em;
  color: #393939;
  font-weight: bold;
  margin: 0;
  padding: 0;
  padding-top: 5px;
}

#rightCol .title .date .month {
  display: block;
  clear: both;
  float: right;
  font-size: 0.9em;
  font-weight: bold;
  margin:-3px 0;
  text-transform: uppercase;
  padding: 0;
}

#rightCol .title .date .year {
  display: block;
  clear: both;
  float: right;
  font-size: 0.85em;
  color: #393939;
  font-weight: bold;
  line-height: 12px;
  margin: 0;
  padding: 0;
}

#rightCol .post .entry {
	padding: 0 15px;
	margin: 0;         
}
#rightCol h1.page  {
	padding: 0 !important;
	margin-left: 0 !important;
	background: url(../images/title_h1_page_r.jpg) no-repeat right 0;
	display: block;
	height: 35px;
	line-height: 35px !important;
	font-style: normal;
	font-size: 1.2em;
	font-weight: bold;
	color: #232323;
	font-style: italic;
}
#rightCol h1.page em {
	display: block;
	float: left;
	width: 25px;
	height: 35px;
	background: url(../images/title_h1_page_l.jpg) no-repeat left 0;
}
#rightCol .title h1 a, #rightCol h1.page a {
	color: #232323;
	text-decoration: none;
}

#rightCol .title h1 a:hover, #rightCol h1.page a:hover {
	color: #0066CC;
}
#rightCol .post .entry .hits {
	color: #999;
	font-size: 0.8em;
}


/* Content - Global Classes */
#rightCol a {
	text-decoration: underline;
}

#rightCol ul {
	padding: 5px 0 5px 20px;
}

#rightCol ul li {
	background: url(../images/bullet.gif) 0 4px no-repeat;
	padding-left: 20px;
	margin: 10px 0;
}

#rightCol ol li {
	margin: 10px 0;
}

/* Writer Info */
#rightCol #writerInfo {
	background: #F8F7F3;
	border: #EEEEDF 1px solid;
	padding: 20px 10px;
	display: block;
	padding:12px;
	font-size: 0.9em;
}

#rightCol #writerInfo img {
	padding:3px;
	background-color: white;
	border:1px solid #ccc;
	float:left;
	display: block;
	margin-right: 7px;
}

#rightCol #writerInfo p {
	margin:0;
	width:500px;
	padding: 0;
	float: right;
}

#rightCol #writerInfo .meta {
	display:block;
	float: left;
	width: 100%;
	height: 18px;
	padding-top:4px;
	margin-top:12px;
	border-top:1px solid #EEEEDF;
}

#rightCol #writerInfo ul {
	margin: 0;
	padding: 0;
}

#rightCol #writerInfo ul li {
	margin: 0;
	padding: 3px 0;
	background: transparent !important;
}

/*icons for writerInfo */
#rightCol #writerInfo .mail, .rss {
	padding-left: 18px;
	display: inline;
	height: 18px;
}

#rightCol #writerInfo .mail {
	background: url(../images/icon_mail.jpg) no-repeat 0 0;
}

.rss {
	background: url(../images/icon_rss.jpg) no-repeat 0 0;
}
/* Back to top */
#rightCol a.backToTop {
	background: url(../images/content_backToTop.jpg) no-repeat right 0;
	display: block;
	clear: both;
	width: 100%;
	height: 17px;
	margin-bottom: 4px;
	text-decoration: none;
}

#rightCol a:hover.backToTop {
	border: none;
	background: url(../images/content_backToTop.jpg) no-repeat right -17px;
}

#rightCol .navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	font-size: 0.85em;
}

#rightCol .navigation a {
	color: #FF3399;
}

#rightCol .navigation a:hover {
	color: #0099FF;
}


/***** COMMENTS *****/
#rightCol .commentlist {
	padding: 0 15px;
	margin: 0;
	list-style: none;
	font-weight: normal;
}

#rightCol .commentlist li {
	font-weight: bold;
	font-size: 0.9em;
}

#rightCol .commentlist .commentNumber {
	float: right;
	padding-right: 25px;
	color: #D8D1BA;
	width: 20px;
	height: 20px;
	font: 2em 'Trebuchet MS', Verdana, Arial, Sans-Serif;

}

#rightCol .commentlist li .avatar {
	float: left;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	margin-right: 7px;
}

#rightCol .commentlist cite, #rightCol .commentlist cite a {
	font-style: normal;
}

#rightCol .commentlist cite a {
	text-decoration: none;
	color: #99CC00;
}

#rightCol .commentlist cite a:hover {
	text-decoration: underline;
}

.commentlist .commentText {
	font-weight: normal;
	font-size: 1em;
	text-transform: none;
	background-color: #F8F7F3;
	padding: 10px 20px 10px 10px;
	margin: 15px 0 30px 0;
}

.commentlist .commentText blockquote, .commentlist .commentText pre,  .commentlist .commentText code {
	border: 1px dotted #F0E4D4;
	background: white;
	padding: 5px 10px;
	margin: 5px 20px;
	color: #444;
	display: block;
}

.commentlist .commentText pre {
	font-size: 1.2em;
}

/* highlight author comment with a different background color */
#rightCol .commentlist .comment-admin {
	background: #FAF5EF !important;
}

#rightCol .commentmetadata {
	font-weight: normal;
	color: #999999;
}

#rightCol #commentform {
	background: #F8F7F3;
	border: #EEEEDF 1px solid;
	padding: 20px 10px;
	display: block;
}

#rightCol #commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#rightCol .nocomments {
	font-size: 1.2em;
	font-weight: bold;
}


/* Portfolio */
#rightCol .ptf {
	margin-top: 20px;
	padding: 6px;
}

#rightCol .ptfDetails {
	width: 290px;
	display: block;
	float: left;
	font-size: 0.85em;
	margin: 30px 0 0 0;
	padding: 0;
}

#rightCol .ptfDetails li {
	margin: 0 0 4px 0;
	padding: 0;
	background: transparent !important;
}

/* home page */
.homePage {
	position: relative;
	left: 0px;
	width: 917px !important;
	padding: 0;
	margin: 0;
}

.homeLogo {
	width: 280px;
  	height: 150px;
	margin: 20px 0 0 0;
	float: left;
	display: block;
  	background: url(../images/logo.jpg) no-repeat center bottom;
}

.homeLogo a {
	display: block;
	width: 100%;
	height: 100%;
}

.homePage .page {
	padding: 0;
	margin: 0;
}

.homePage .post {
	padding: 0;
	margin: 0;
	float: left;
	clear: none !important;
	width: 600px !important;
}

.homePage .entry p {
	padding: 0 !important;
	margin: 10px 0 0 0 !important;
}

.homePage .title {
	font-size: 0.8em;
}

#showcase {
	display: block;
	clear: both;
	padding: 0 20px;
    background: url(../images/sep_h.jpg) repeat-x 0 0;
	position: relative;
}

#showcase h1 {
	font-size: 1em;
	font-weight: bold;
	position: relative;
	line-height: 40px;
	z-index: 999999;
}

.wrapSections {
	display: block;
	clear: both;
	margin-top: 20px;
	font-size: 0.95em;
}

.wrapSections p {
	padding: 0 15px;
	margin: 0 0 15px 0;
	text-align: justify;
	line-height: 1.5em;
	clear: both;
	display: block;
}

.wrapSections ul {
	padding: 0 0 0 5px !important;
	margin: 0 !important;
}

.wrapSections ul.popBlog {
	padding: 0 !important;
	margin: 0 !important;
}

.wrapSections ul.popBlog li {
	padding: 6px 0 !important;
	margin: 0 10px !important;
	border-bottom: 1px solid #eee;
	background: transparent !important;
}

.section1, .section2, .section3 {
	display: block;
	float: left;
	width: 270px;
	padding: 0 15px;
}

.section2, .section3 {
	border-left: 1px dotted #eee;
}

.section1 h1, .section2 h1, .section3 h1 {
	font-size: 1em;
	font-weight: bold;
	padding: 0 0 0 50px;
	margin: 0 !important;
	height: 40px;
	line-height: 38px;
}

.section1 a, .section1 a:hover {
	text-decoration: none !important;
}

.section1 h1 {
	background: url(../images/title_h1_blog.jpg) no-repeat 0 0;
}

.section2 h1 {
	background: url(../images/title_h1_services.jpg) no-repeat 0 0;
}

.section3 h1 {
	background: url(../images/title_h1_quote.jpg) no-repeat 0 0;
}



/***** SIDEBAR *****/
#leftCol {
	background: url(../images/sidebar_bg.jpg) repeat-y 0 0;
	display: block;
	float: left;
	width: 270px;
	font-size: 0.8em;
}

#leftCol h2 {
	background: url(../images/sidebar_h2_bg.jpg);
	display: block;
	width: 220px;
	height: 27px;
	line-height: 27px;
	padding-left: 10px;
	color: #362F1F;
	font-weight: bold;
	font-size: 1.2em;
}

#leftCol h5 {
	margin-top: 0 !important;
}

#leftCol .leftCol_top {
	background: url(../images/sidebar_top.jpg) no-repeat left top;
	display: block;
	float: left;
	width: 270px;
	height: 25px;
}

#leftCol .leftCol_bottom {
	background: url(../images/sidebar_bottom.jpg) no-repeat left bottom;
	display: block;
	float: left;
	width: 270px;
	height: 15px;
}

#leftCol .leftCol_content {
	width: 242px;
	padding-left: 28px;
}

#leftCol .logo {
	width: 206px;
  	height: 100px;
	margin: 20px 0 40px 0;
	clear: both;
	display: block;
  	background: url(../images/logo_l.jpg) no-repeat right bottom;
}

#leftCol .logo a {
	display: block;
	width: 100%;
	height: 100%;
}
#leftCol .text, .textwidget {
	padding: 0 10px;
	width: 210px;
}


/* Links */
#leftCol .Links {
	width: 200px;
	padding: 0 0 15px 15px;
}
#leftCol .Links li {
	border-bottom: 1px #eee solid;
	margin: 3px 0;
	padding: 3px;
}

.hire {background: url(../images/contact.jpg) no-repeat 0 0;}

.rss_big, .twitter, .hire {
	height: 65px;
	display: block;
	padding-left: 65px;
	line-height: 65px;
	font-size: 1.6em;
	font-weight: bold;
	color: #333;
	font-family: georgia, arial, serif;
}


/* Page Navigation at the bottom of a page */

.wp-pagenavi .pages,
.wp-pagenavi .current,
.wp-pagenavi .extend,
.wp-pagenavi a {
	background: #FAF5EF !important;
	border: 1px solid #F0E4D4 !important;
}

.wp-pagenavi .pages {
	color: #999 !important;
}

.wp-pagenavi .current {
	color: #333 !important;
	background: white !important;
}

.wp-pagenavi a {
	color: #FF3399 !important;
}

.wp-pagenavi a:hover {
	background: white !important;
	color: #00CCFF !important;
}


/***** FOOTER *****/
#footer {
	clear: both;
	width: 940px;
	height: 67px;
	color: #675941;
	font-size: 0.9em;
	background: #322B1F url(../images/bg_content_bottom.png) no-repeat 0 0;
	text-align: center;
	padding-top: 40px;
}

#footer .footer_content  {
	display: block;
	float: left;
	width: 740px;
	text-align: center;
	padding-left: 100px;
}

#footer a {
	color: #675941;
	border-bottom: 1px dotted #675941;
}

#footer a:hover {
	color: #675941;
	border-bottom: none;
}

#footer ul li {
	display: inline;
	padding: 0 2px;
}



/* Back to top */
#footer .backToTop {
	display: block;
	float: left;
	width: 67px;
	height: 64px;
}

#footer .backToTop a {
	background: url(../images/footer_backToTop.jpg) no-repeat 0 0;
	display: block;
	width: 100%;
	height: 100%;
	border: none;
}

#footer .backToTop a:hover {
	background: url(../images/footer_backToTop.jpg) no-repeat 0 -64px;
	border: none;
}

#pageBottom {
	display: block;
	height: 20px;
	margin: 0;
	padding: 0;
	padding-left: 40px;
	background: url(../images/footer_bottom_bg.jpg) repeat-x 0 0;
}


/***** MooFlow.css *****/
#MooFlow {
	height: 100px;
	visibility: hidden;
	padding: 0;
	margin: 0;
}

.mf{color:#555; border:none; font-size:14px}
.mf * {
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
	-moz-user-select: none;
	border:none;
	padding:0;
	margin:0
}
.mf div.loader{
	position:absolute;
	text-align:center;
	z-index:10000;
	top:45%;
	margin:1em auto;
	width:100%;
	background:#fff url(../images/MooFlow/spinner.gif) no-repeat 50% 0;
	padding:30px 0
}
.mf div.caption {
	position:absolute;
	text-align:center;
	z-index:10000;
	margin:1em auto;
	bottom:50px;
	width:100%;
}
.mf div.mfNav{
	position:absolute;
	z-index:10001;
	margin:0 auto;
	text-align:center;
	width:100%;
	bottom:20px;
	font-size:1px;
	line-height:1px;
}
.mf div.autoPlayCon{
	float:left;
	width:10%;
	padding-left:3%;
	height:32px;
}
.mf a.play, .mf a.stop{
	width:34px;
	height:32px;
	float:left;
	cursor:pointer;
}
.mf a.play{
	background:url(../images/MooFlow/play.gif) no-repeat;
}
.mf a.stop{
	background:url(../images/MooFlow/stop.gif) no-repeat;
}
.mf div.sliderCon{
	float:left;
	width:74%;
}
.mf a.sliderNext{
	background:url(../images/MooFlow/left.gif) no-repeat;
}
.mf a.sliderPrev{
	background:url(../images/MooFlow/right.gif) no-repeat;
}
.mf a.sliderNext, .mf a.sliderPrev{
	text-decoration:none;
	width:31px;
	height:31px;
	cursor:pointer;
	float:left;
}
.mf div.resizeCon{
	float:right;
	width:10%;
	padding-right:3%;
	height:32px;
}
.mf a.resize{
	width:32px;
	height:32px;
	float:right;
	cursor:pointer;
	background:url(../images/MooFlow/resize.gif) no-repeat;
}
.mf div.slider{
	background:url(../images/MooFlow/middle.gif) repeat-x;
	height:31px;
	position:relative;
	text-align:left;
	float:left;
}
.mf div.knob{
	margin-top:5px;
	height:21px;
	background:url(../images/MooFlow/middle-slider.gif) repeat-x right center;
}
.mf div.knobleft{
	background:url(../images/MooFlow/left-slider.gif) left;
	width:3px;
	height:21px;
}


/***** ContactForm.css *****/

.feedbackform{
padding: 5px;
}

input[type="text"]:focus, textarea:focus, select:focus , input[type="password"]:focus{
  	border:2px solid #9bcc06;
   	padding:0;
   	background-color: #e6faa8;
}
        
input[type="text"], select, textarea {
    font-size: 1.2em;
}
input, select { margin: .2em 0 .5em 0; 
}


div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
width: 550px; /*width of form rows*/
overflow: hidden;
padding: 5px 0;
}

div.fieldwrapper label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
float: left;
width: 150px; /*width of label (left column)*/
text-transform: uppercase;
font-weight:bold;
border-bottom: 1px solid #a2c445;
margin-right: 15px; /*spacing with right column*/
}

div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
float: left;
margin-bottom: 10px; /* space following the field */
}

div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
width: 250px;
}

div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */
width: 300px;
height: 150px;
}

div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
margin-top: 5px; /*space above buttonsdiv*/
}

div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
width: 80px;
background: #e1dfe0;
}

/* QuoteForm */
label {
	display: block;
	float: left;
	clear: left;
	margin: 5px 0 10px 0;
	width: 250px;
	line-height: 120%;
}

input.button {
	cursor: pointer;
	border: none;
	font-weight: bold;
	background: url(../images/qf/submit.jpg) no-repeat left top;
	width: 90px;
	height: 28px;
}

.fright {
	display: block;
	float: left;
}

.fright label {
	width: 500px;
	line-height: 160%;
	margin: 0 !important;
}

.fright input {
	margin-right: 5px !important;
}

span.required{
	font-size: 13px !important;
	color: red !important;
}

.errormsg {
	display: block;
	width: 90%;
	height: 22px;
	line-height: 22px;
	color: #FFFFFF;
	font-weight: bold;
	background: #FF9D9D url(../images/qf/stop.gif) no-repeat 10px center;
	padding: 3px 10px 3px 40px;
	margin: 10px 0;
	border-top: 2px solid #FF0000;
	border-bottom: 2px solid #FF0000;
}


/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Dashboard CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron> */

input.dashboard,
select.dashboard {
	width: 100px;
}

button.dashboard {
	background: url(../images/qf/dashboard-icon.gif);
	border: 0;
	cursor: pointer;
	float: left;
	height: 20px;
	margin: 6px 10px 0 5px;
	width: 20px;
}
button.dashboard:hover,
button.dashboard.active {
	background-position: 0 20px;
}

div.dashboard {
	background: url(../images/qf/dashboard.png);
	height: 175px;
	padding: 0 12px;
	text-align: center;
	width: 147px;
}
	div.dashboard * {
		margin: 0;
		padding: 0;
	}
	div.dashboard div {
		background: none !important;
		cursor: move;
		height: 165px;
		overflow: hidden;
		padding-top: 10px;
		position: relative;
		width: 147px;
	}

	div.dashboard caption {
		color: #CF0;
		font: normal 12px/17px Arial, Helvetica, sans-serif;
		padding-top: 4px;
		text-align: center;
		width: 100%;
	}
	div.dashboard caption a {
		cursor: pointer;
		display: block;
		height: 11px;
		overflow: hidden;
		position: absolute;
		text-indent: -100px;
		top: 16px;
		width: 11px;
	}
	div.dashboard caption a.prev {
		background-image: url(../images/qf/dashboard-prev.gif);
		left: 1px;
	}
	div.dashboard caption a.next {
		background-image: url(../images/qf/dashboard-next.gif);
		right: 1px;
	}
	div.dashboard caption a:hover {
		background-position: 0 11px;
	}
	div.dashboard caption span {
		height: 25px;
		position: relative;
		text-align: center;
	}
	div.dashboard caption span.month {
		padding-right: 8px;
	}
	div.dashboard caption span.month:after {
		content: ',';
	}

	div.dashboard table {
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;
		width: 147px;
	}
	div.dashboard td,
	div.dashboard th {
		border: 0;
		color: #999;
		font: normal 12px Arial, Helvetica, sans-serif;
		height: 19px;
		text-align: center;
		width: 21px;
	}
	div.dashboard td {
		color: #333;
		font-size: 11px;
		padding-right: 5px;
		text-align: right;
		width: 16px;
	}
	div.dashboard td.invalid {
		color: #666;
	}
	div.dashboard td.valid {
		color: #FFF;
		cursor: pointer;
	}
	div.dashboard td.active,
	div.dashboard td.hover {
		color: #CF0;
		cursor: pointer;
	}