/*

Theme Name: MasterIncentives
Web site:	masterincentives.com
Version: 	1.0

*/

/* general */

body, html {
color: #777; 
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center; /*** Centers the design in old IE versions ***/
background: #fff url(images/bg-page.png) repeat-x;
font-size: 14px;
}

* /*Set's border, padding and margin to 0 for all values*/
{
padding: 0;
margin: 0;
border: 0;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	font-weight:normal;
	line-height:22px;
	margin:0 0 10px 0;
	color: #63afde; /*color: #0099FF;*/
	text-align: left;
}

h2 {
	font-family:"Century Gothic",Arial,sans-serif;
	font-size:22px;
	font-weight:normal;
	line-height:22px;
	margin:0 0 10px 0;
}

p {
	font-size: 14px;
	text-align: justify;
	margin-bottom: 14px;
}

a {
	color: #555;
	text-decoration: none;
}

hr {
	border: 0;
	color: #e8e8e8;
	background-color: #e8e8e8;
	height: 1px;
	width: 100%;
	margin: 10px 0;
}

input {
	border: 1px #7a7a7a solid;
	color: #7a7a7a;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

textarea {
	border: 1px #7a7a7a solid;
	color: #7a7a7a;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

ul {
	list-style: inside;
	text-align: left; 
	margin-bottom: 10px;
}

.orng
{
	color: #f87c18;
}

.fleft {float: left;}
.fright {float: right;}
.clear { clear: both; }

.m10 {
	margin: 10px;
}
.m20 {
	margin: 20px;
}
.p10 {
	padding: 10px;
}
.p20 {
	padding: 20px;
}

.subdashed {
	border-bottom: 1px dashed;
}
.framed {
	border: 1px #e8e8e8 solid;
}

.lightbox {
	background: #f6f6f6;
	border-radius: 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	padding: 20px;
	margin: 10px;
}

/*** LAYOUT ***/

#main {

/*background: #FFFFFF url(images/bg.png) repeat-x;*/


}

#mainhome {

/*background: #FFFFFF url(images/bghome.png) repeat-x;*/

}

#outer{

	width: 960px;
	margin: 0 auto 0;
	/* height: 300px; */
	padding-top: 160px;
}

#outerhome{

	width: 960px;
	margin: 0 auto 0;
	background-color: #CCCCCC;
	height: 300px;
	padding-top: 310px;
}

#float-wrap {
float: left;
width: 960px;
background: url(images/bg-hr-float.png) no-repeat;
/*** margin-left: -165px; Same length as .outer padding-left but with negative value ***/
}

#content {
	float: left;
	text-align: center;
	width: 680px;
	padding: 5px;
	margin: 5px;	
}


#rightbar {
	float: right;
	width: 240px;
	padding: 0px;
	/*background: #cccccc url(images/sidebar-bg.png) repeat-y;*/
}

* html #rightbar {
position: relative; /*** IE needs this  ***/
height: 250px;
}

#header {
margin: -160px 0 0 -960px; /*** Move the right column so it takes the positon as a top menu ***/
float: left; 
width: 950px;
padding: 5px;
height: 150px;
text-align: left;;
}

#headerhome {
margin: -310px 0 0 -960px; /*** Move the right column so it takes the positon as a top menu ***/
float: left; 
width: 950px;
padding: 5px;
height: 300px;
text-align: left;
/*background: #FFFFFF url(images/bghome.png) repeat-x;*/
}

* html #header {
position: relative;  /*** IE needs this  ***/
}

#topstrip {

float: right;
padding: 4px 0 4px 10px;
height: 22px;
font-size: 10px;

}

#topmain {

float: left;
width: 950px;
height: 140px;
padding: 5px;

}

#footerouter{

vertical-align: bottom;

}

#footer {
	width: 960px;
	margin: 0 auto 0;
	background: url(images/bg-hr-float.png) no-repeat;
	height: 60px;
	color: #FFFFFF;
}

/*** DECOR ***/

#headerlogo {
	margin-top: -5px;
	border: 0px;
	float: left;
}

/* top strip menu */

#topstrip {
float: right;
padding: 10px;
color: #999999;
}

#topstrip a {
color: #777;
text-decoration: none;
background: #252525;
font-size: 10px;
padding: 4px 16px;
}

#topstrip a:hover {
color: #888888;
}

#botstrip {
	margin-top: 30px;
	float: right;
	heigh: 30px;
}

#botstrip a {
	color: #fff;
	text-decoration: none;
	background: #f87c18;
	font-size: 12px;
	padding: 4px 16px;
}

#botstrip a:hover {
color: #000;
}

/* content */

#content {

/*	background: #cccccc url(images/contentbg.png) repeat-y; */
	margin-top: 10px;

}

#content .contentbottom {
	margin: 0 0 -10px -5px;
}

/* post */

.post h1.singpage {
	/*background: #cccccc url(images/content-singpage-h1.png) no-repeat;*/
	height: 50px;
	margin: -15px 0px 0px -5px;
	padding-top: 20px;
	color: #1a79b9;
	font-size: 24px;
	font-weight: bold;
}

.post h1 a {
	border-bottom: 1px dashed #AAA;
	color: #664;
	text-decoration: none;
	text-align: center;
}

.post h1 a:hover {

	border-color: #F60;
	color: #553;

}

/* entry */

.entry {
	margin: 10px;
	color: #747474;
	font-size: 14px;
}

.entry p {
	color: #747474;
	font-size: 14px;
	margin-bottom: 15px;
}

.entry h2 {
	text-align: left;
	font-size: 18px;
	margin: 10px;
}	

/* Copy */

#copy {
	float: left;
	margin: 10px;
	font-size: 10px;
	color: #999999;
}

#copy a {
	color: #999999;
	text-decoration: none;
}

/* Keynote */

#keynote {
	/*background: url(images/keynote-bg.png) no-repeat;*/
	width: 570px;
	min-height: 100px;
	float: right;
	margin: 10px;
	text-align: left;
}

#keynote p {
	margin: 20px 20px 0 10px;
	color: #CCCCCC;
	font-weight: bold;
}

/* Home Decor 


/* contact form */

.wpcf7-form p {
	font-weight: bold;
}	

input.btn {
	background-color: #5a5a5a;
	color: #cccccc;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 4px 20px;
}

/* cycle Slide Show */

.slideshow { height: 232px; width: 232px; margin: auto }
.slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }

/* HP tabs */

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 14px;
	padding: 0 10px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
	margin-bottom: 20px;
}
.tab_content {
	padding: 0px;
	font-size: 1.2em;
	text-align: left;
}

.tab_content h2 {
	margin: 20px;
	font-size: 18px;
	color: #63afde;
	font-weight: bold;
}

.tab_content .textblock {
	margin: 0px 40px 20px;
	width: 340px;
}