/*  CSS Document - jQuery Mobile Overrides                */

/*  Written by Chris Converse - http://codifydesign.com   */



/* Swatch A Overrides */



.ui-page.ui-body-a.ui-page-active .ui-header.ui-bar-a { display: none; }





div.ui-btn-active{

    background-image: -webkit-gradient(linear,left top,left bottom,from(#FF0000),to(#6FACD5)) !important;

}



#home .ui-content {

	padding-top: 125px;

	padding-bottom: 15px;

	margin-top: 0px;

	margin-right: 15px;

	margin-bottom: 125px;

	margin-left: 15px;

}



#home .ui-listview { text-align: center; }

#home .ui-listview .ui-btn {

	width: 75px;

	display: inline-block;

	background: url(../images/home_buttons.png) no-repeat 0px 0px;

	border: none;

	margin: 0px 20px 20px 20px;



}

#home .ui-listview .ui-btn .ui-li { border: none; }

#home .ui-listview .ui-btn .ui-li .ui-icon { display: none; }

#home .ui-listview .ui-btn .ui-li .ui-link-inherit { font-size: 1em; font-weight: bold; padding: 80px 0px 0px 0px; text-align: center; 	white-space:normal; }



#home .ui-listview .ui-btn.btn_a { background-position: 0px 0px; }

#home .ui-listview .ui-btn.btn_s { background-position: -85px 0px; }

#home .ui-listview .ui-btn.btn_l { background-position: -170px 0px; }

#home .ui-listview .ui-btn.btn_c { background-position: -255px 0px; }





/* Swatch C Overrides */

.ui-page.ui-body-c.ui-page-active {   }

.ui-page.ui-body-c.ui-page-active .ui-content {

	padding-bottom: 10px;

}

.ui-page.ui-body-c.ui-page-active .ui-content .ui-controlgroup { margin: 0px 0px 0px s0px; }

.ui-page.ui-body-c.ui-page-active .ui-content .ui-controlgroup .ui-btn { text-align: left; }



.ui-body-c, .ui-overlay-c { text-shadow: none; }



.ui-field-contain input.ui-input-text, .ui-field-contain textarea.ui-input-text, .ui-field-contain .ui-input-search {

	display: inline-block;



	margin-bottom: 10px;

}



/* Contact */



.contact_info { display: none; }





/* Global Overrides */

body {
	color: #33333;


}



h1 {

	font-size: 3em;

}

h2 {font-size:30px;}

h4 {
	font-size: 120%;
	color: #F37E0D;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom: 10px;
	padding-top: 30px;
}



html *

{

	font-family: Myriad Pro !important;

}



.ui-body-a, .ui-overlay-a {

	background-image: url(images/personalityCheck.jpg);
	background-repeat: no-repeat;
	dbackground-size: 100%;
	 background-color:#ffffff;

}





.ui-header {

	border: none;

	border-bottom: 1px solid #fff;

	-moz-box-shadow: 0px 4px 5px rgba(0,0,0,.20);

	-webkit-box-shadow: 0px 4px 5px rgba(0,0,0,.20);

	box-shadow: 0px 4px 5px rgba(0,0,0,.20);

	padding: 5px 0px 5px 0px;

}

.ui-header h1.ui-title { font-size: 20px; text-align: left; margin: .6em 10px .8em 55px;  }

.ui-header .ui-btn-left { top: 1em; }



.ui-page.ui-body-c.ui-overlay-a.ui-dialog.ui-page-active .ui-header h1.ui-title { margin: .8em 10px .8em 40px; }



.ui-footer.ui-bar-a {

	border: none;

	padding-top: 10px;



}

.ui-footer h4.ui-title { text-align: center; color: #777; font-size: .8em; font-weight: normal; margin: 5px 0px 10px 0px; }

.ui-footer .ui-controlgroup-horizontal { margin: 10px 20px 15px 20px; text-align: center; }







/* Content Formatting */

h2 { margin-top: 0px; color: #a1320c; }

h3 {
	margin-top: 0px;
	color: #F37E0D;
}

p { margin: 0px 0px 1em 0px; }

.services_chart {

	float: right;

	margin: 0px 0px 20px 20px; 

	border: 2px solid #fff;

	-moz-box-shadow: 0px 4px 7px rgba(0,0,0,.20);

	-webkit-box-shadow: 0px 4px 7px rgba(0,0,0,.20);

	box-shadow: 0px 4px 7px rgba(0,0,0,.20);

}

p.intro { font-size: 1.5em; color: #aaa; line-height: 1.2em; }



div.ui-slider {

    top: 0px;

}

.ui-body-c, .ui-overlay-c {

    background: #FFF;

    color: #333333;

    text-shadow: 0 1px 0 #FFFFFF;

}



.ui-grid-b .ui-block-a {

	clear: left;

	width: 20%;

}

.ui-grid-b .ui-block-b {

	clear: left;

	width: 90%;

}



.ui-grid-c .ui-block-a {



	width: 35%;

}



.ui-grid-c .ui-block-b {



	width: 30%;

}



.ui-grid-c .ui-block-c {



	width: 30%;

}
