/***********************************************/
/* default.css                            */
/***********************************************/

@font-face {
	font-family: 'sofia';
	src: url('../fonts/sofiaprolight-webfont.eot');
	src: url('../fonts/sofiaprolight-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/sofiaprolight-webfont.woff') format('woff'),  url('../fonts/sofiaprolight-webfont.ttf') format('truetype'),  url('../fonts/sofiaprolight-webfont.svg#sofia') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'geared_slabbold';
	src: url('../fonts/gearedslab-bold-webfont.eot');
	src: url('../fonts/gearedslab-bold-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/gearedslab-bold-webfont.woff') format('woff'),  url('../fonts/gearedslab-bold-webfont.ttf') format('truetype'),  url('../fonts/gearedslab-bold-webfont.svg#geared_slabbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'geared_slabregular';
	src: url('../fonts/gearedslab-webfont.eot');
	src: url('../fonts/gearedslab-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/gearedslab-webfont.woff') format('woff'),  url('../fonts/gearedslab-webfont.ttf') format('truetype'),  url('../fonts/gearedslab-webfont.svg#geared_slabregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'geared_slabthin';
	src: url('../fonts/gearedslab-light-webfont.eot');
	src: url('../fonts/gearedslab-light-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/gearedslab-light-webfont.woff') format('woff'),  url('../fonts/gearedslab-light-webfont.ttf') format('truetype'),  url('../fonts/gearedslab-light-webfont.svg#geared_slabthin') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'geared_slabextrabold';
	src: url('../fonts/gearedslab-extrabold-webfont.eot');
	src: url('../fonts/gearedslab-extrabold-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/gearedslab-extrabold-webfont.woff') format('woff'),  url('../fonts/gearedslab-extrabold-webfont.ttf') format('truetype'),  url('../fonts/gearedslab-extrabold-webfont.svg#geared_slabextrabold') format('svg');
	font-weight: normal;
	font-style: normal;
}
/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body {
	font-family: 'Sofia', Verdana, sans-serif;
	margin: 50px 0px;
	padding: 0px; /* Need to set body margin and padding to get consistency between browsers. */
	text-align: center; /* Hack for IE5/Win */
	background: #ffffff;
	height: 100%;
}
p {
	font-family: 'Sofia', Verdana, sans-serif;
	font-size: 15px;
	color: #265468;
	line-height: 18px;
	padding: 0;
}
strong {
	color: #E97F00;
	font-family: 'sofia';
	font-weight: normal;
}
span {
	color:#E97F00;
}

.padding14 {
	padding-left: 14px;
}
ul {
	padding-left: 20px;
}
ul li {
	font-family: 'Sofia', Verdana, sans-serif;
	font-size: 15px;
	color: #265468;
	line-height: 18px;
	padding: 0;
	margin-bottom: 10px;
}
/******* td styles *******/

td.bodyLeft {
	color: #00354D;
	display: block;
	font-family: 'Sofia', Verdana, sans-serif;
	font-size: 21px;
	line-height: 21px;
	padding: 0 10px 0 0;
	margin: 0;
	text-align: right;
}
td.bodyRight {
	font-family: 'Sofia', Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 18px;
	padding: 0px 10px 0px 0px;
	vertical-align: top;
}
td.background_lime {
	background-color: #00354C;
}
td.background_white {
	background-color: #ffffff;
	color: #265468;
	font-family: 'Sofia', Verdana, sans-serif;
	font-size: 16px;
}
.bodyContent-topContainer p {
	margin-left: 16px;
}
.bodyRight h5 {
	font-size: 17px;
}
/******* hyperlink and anchor tag styles *******/

a {
	color: #005FA9;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/************** header tag styles **************/

h1 {
	color: #7E9FB7;
	font-family: 'geared_slabbold';
	font-size: 36px;
	font-weight: normal;
	margin: 0px;
	padding: 0px 10px 10px 0px;
}
h2 {
	color: #DFE7EC;
	font-family: 'Sofia', Verdana, sans-serif;
	font-size: 24px;
	font-weight: 100;
	margin: -15px 10px 7px 0;
	padding: 0;
}
h3 {
	color: white;
	font-family: 'Sofia', Verdana, sans-serif;
	font-size: 26px;
	font-weight: normal;
	margin: 0px;
	padding: 30px 10px 10px 0px;
}
h4 {
	color: white;
	font-family: 'Sofia', Verdana, sans-serif;
	font-size: 18px;
	font-weight: 100;
	line-height:130%;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
h5 {
	color:#00364E;
	font-family: 'Sofia', Verdana, sans-serif;
	font-size: 18px;
	font-weight: 100;
	line-height:130%;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
h6 {
	color: #A4BBCC;
	font-family: 'Sofia', Verdana, sans-serif;
	font-size: 15px;
	font-weight: 100;
	line-height:130%;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
h7,
span.h7 {
	color: #A4BBCC;
	font-family: 'Sofia', Verdana, sans-serif;
	font-size: 18px;
	font-weight: 100;
	line-height:130%;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

/******* image styles *******/


.body img {
	display: block;
	padding: 0px 50px 0px 0px;
}
.bodyLeft img {
	display: block;
	padding: 10px 0px 0px 55px;
}
#bodyContent-centerContainer img {
	border: none;
}
/*************** list tag styles ***************/

ul {
	font-family: 'Sofia', Verdana, sans-serif;
	font-size: 12px;
	list-style-type: disc;
	list-style-position: outside;
}
li {
	font-family: 'Sofia', Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 18px;
}
/********* form and related tag styles *********/





/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#bodyCell {
	width: 1072px;
	height: relative;
	margin: 0px auto; /* Right and left margin widths set to "auto" */
	text-align: left; /* Counteract to IE5/Win Hack */
	padding: 0px;
}
#masthead {
	position: absolute;
	top: 0px;
	height: 134px;
	width: 1072px;
}
#bodyContent {
	position: absolute;
	top: 132px;
	width: 1072px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	height: auto;
}
/***********************************************/
/* Component Divs                              */
/***********************************************/



/************** utility styles *****************/

#utility {
	color: #00364D;
	font-family: 'Sofia', Verdana, sans-serif;
	font-size: 15px;
	position: absolute;
	top: 14px;
	right: 0px;
}
#utility a {
	color: #00364D;
}
#utility a:hover {
	text-decoration: underline;
}
/************** mainnav styles ****************/


#mainnav {
	position: absolute;
	top: 50px;
	width: 950px;
	height: 90px;
}
#mainnav-logo {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 258px;
	height: 90px;
}
#mainnav-button_stepsToSuccess {
	position: absolute;
	left: 258px;
	top: 0px;
	width: 112px;
	height: 90px;
}
#mainnav-button_beforeYouBegin {
	position: absolute;
	left: 370px;
	top: 0px;
	width: 127px;
	height: 90px;
}
#mainnav-buttonInstallABacksplash {
	position: absolute;
	left: 497px;
	top: 0px;
	width: 133px;
	height: 90px;
}
#mainnav-button_InstallACountertop {
	position: absolute;
	left: 630px;
	top: 0px;
	width: 122px;
	height: 90px;
}
#mainnav-button_settingTile {
	position: absolute;
	left: 752px;
	top: 0px;
	width: 93px;
	height: 90px;
}
#mainnav-button_groutingTile {
	position: absolute;
	left: 845px;
	top: 0px;
	width: 107px;
	height: 90px;
}
/************* breadcrumb styles ***************/

#breadcrumb {
	font-family: 'Sofia', Verdana, sans-serif;
	font-size: 15px;
	color: #00354C;
	margin-left: 0px;
	padding: 10px 10px;
}
#breadcrumb a {
	color: #00354C;
}
#breadcrumb a:hover {
	text-decoration: underline;
}
/************* navEngSp styles ***************/

#navEngSp {
	position: relative;
	top: 0px;
	margin-left: 900px;
	padding: 5px 0px 5px 10px;
	font: small Verdana, sans-serif;
	color: #AAAAAA;
	display:none;
}
#navEngSp a {
	color: #5390a3;
}
#navEngSp a:hover {
	color: #005FA9;
	text-decoration: underline;
}
#navHomeEngSp {
	position: relative;
	top: 0px;
	margin-left: 50px;
	padding: 5px 0px 5px 10px;
	font: small Verdana, sans-serif;
	color: #AAAAAA;
}
#navHomeEngSp a {
	color: #5390a3;
}
#navHomeEngSp a:hover {
	color: #005FA9;
	text-decoration: underline;
}
/************* bodyContent Container styles ***************/

#bodyContent-topHomeContainer {
	position: relative;
	height: 490px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	background-color: #eef3ea;
}
#bodyContent-topHomeContainer img {
	border: none;
}
td.bodyContent-topHomeContainer {
	margin: 0px;
	padding: 5px 20px 10px 0px;
}
#bodyContent-topContainer {
	position: relative;
	height: 300px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	background-color: #F2F5F7;
}
#bodyContent-topContainer img {
	border: none;
}
td.bodyContent-topContainer {
	margin: 0px;
	padding: 5px 20px 10px 0px;
}
#bodyContent-centerContainer {
	position: relative;
	width: 1072px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	background-color: #F2F5F7;
}
#bodyContent-bottomContainer {
	position: relative;
	width: 1072px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	background-color: #F2F5F7;
}
.homeContent {
	background: url("../images/index/bg-home.jpg") no-repeat 0 0 #e8e5db;
}
.video {
	padding-top: 10px;
}
/************** footer styles ****************/

.push {
	height: 10px; /* .push must be the same height as .footer */
}
.footer {
	background: #00344D;
	height: 10px; /* .push must be the same height as .footer */
	color: white;
	font-size: 14px;
	padding: 30px;
}
.footer a {color: #FFFFFF;}
.footer a:link, .subglobalNav a:visited {
	color: white;
	margin: 0 4px;
}
.noTopPadding {
	padding-top: 0;
}


/********************* end **********************/