@charset "UTF-8";
/* CSS Document */


/* Browser Formatting */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: auto;
	background-color: #555556;
}

p {
	margin:0;
	padding:0;
}


/* -----------------DESKTOPS AND LAPTOPS ----------- */

@media only screen and (min-width: 645px) {


/* --------------Outer container for all pages---------------------- */

#container {
	position:relative;
	width: 967px;
	margin-right: auto;
	margin-left: auto;
	margin-top:15px;
	background-color: #FFFFFF;
}


/* ------------------------- H O M E  P A G E  D I V S ----------------------- */


/* ------------------------- Masthead Divs with Navigation -------------------- */

#mobile {
display:none;	
}

#masthead {
	position:absolute;
	left:0px;
	top:0px;
	width: 948px;
	height: 30px;
	z-index:10;
	padding-left:20px;
	font-size: 11px;
	color: #FFF;
}
	
#mastheadLeft {
	float:left;
	width: 612px;
	height: 16px;
	padding-top:9px;
	font-size: 11px;
	color: #FFF;
}

#mastheadMiddle {
	float:left;
	width: 210px;
	height: 16px;
	padding-top:9px;
	font-size: 11px;
	color: #FFF;
}

/* ----------- Social icons ------------- */

#mastheadRight {
	float:right;
	width:110px;
	height: 50px;
	padding-top: 6px;
	font-size: 11px;
	color: #FFF;
}

#share{
	float:left;
	width:10px;
	height: 16px;
}

#facebook{
	float:left;
	width:10px;
	height: 16px;
}

#twitter{
	float:left;
	width:10px;
	height: 16px;
}

#email{
	float:left;
	width:10px;
	height: 16px;
}

.st_sharethis_custom {
	background: url("../images/sharethis_sm.gif") no-repeat scroll left top transparent;
	padding:0 16px 5px 0;
}

.st_facebook_custom {
	background: url("../images/share_facebook_sm.gif") no-repeat scroll left top transparent;
	padding:0 16px 5px 0;
}

.st_twitter_custom {
	background: url("../images/share_twitter_sm.gif") no-repeat scroll left top transparent;
	padding:0 16px 5px 0;
}

.st_email_custom {
	background: url("../images/share_mail_sm.gif") no-repeat scroll left top transparent;
	padding:0 16px 5px 0;
}
		
/* ------------------------- Masthead Link styles ----------------------- */

a.navMain:link {
	color: #FFF;
	text-decoration: none;
	padding-right:17px;
}

a.navMain:active {
	color: #FFF;
	text-decoration: none;
	padding-right:17px;
}

a.navMain:visited {
	color: #FFF;
	text-decoration: none;
	padding-right:17px;
}

a.navMain:hover {
	color: #FDC235;
	text-decoration: none;
	padding-right:17px;
}

.navActive {
	color: #FDC235;
	padding-right:17px;
}

.navTxt {
	color: #FFF;
	padding-right:17px;
}

/* ------------------------- Home page: Row 1 inner divs -----------------------   */

#homeTitle {
	position:absolute;
	left:20px;
	top:167px;
	width:395px;
	height:75px;
	z-index:15;
}

/* ------------------------- Home page cycle -----------------------   */

#fade {
	position: relative;
	left:0px;
	top:0px;
	z-index:1;
	width: 967px;
	height: 373px;
	overflow: hidden;
	background-color: #c0c0c0;
}

#one {
	width: 967px;
	height: 373px;background-image: url(../images/img_1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#two {
	width: 967px;
	height: 373px;background-image: url(../images/img_2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#three {
	width: 967px;
	height: 373px;background-image: url(../images/img_3.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.homeRightCol {
	position:absolute;
	left:726px;
	top:147px;
	width:230px;
	font-size: 14px;
	line-height: 30px;
	color: #FFFFFF;	
	z-index:20;
}

/* ------------------------- Home page 2nd Tier -----------------------   */

#greyBand {
	position:absolute;
	left:0px;
	top:373px;
	width:955px;
	height:167px;
	padding-left:12px;
	z-index:25;
	background-image: url(../images/gradation1.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #666;
}

#greyColOne {
	float:left;
	width:229px;
	height:158px;
	padding-right:9px;
	background-image: url(../images/shadow.png);
	background-repeat: no-repeat;
	background-position: 0px 84px;
}

#image1 {
	float:left;
	height:104px;
	width:299px;	
}

#text1 {
	float:left;
	width:220px;
	text-align:left;
}

#greyColTwo {
	float:left;
	width:229px;
	height:158px;
	padding-right:9px;
	background-image: url(../images/shadow.png);
	background-repeat: no-repeat;
	background-position: 0px 84px;
}

#greyColThree {
	float:left;
	width:229px;
	height:158px;
	padding-right:9px;
	background-image: url(../images/shadow.png);
	background-repeat: no-repeat;
	background-position: 0px 84px;
}

#greyColFour {
	float:left;
	width:229px;
	height:158px;
	background-image: url(../images/shadow.png);
	background-repeat: no-repeat;
	background-position: 0px 84px;
}

/* ------------------------- Red links in the above Columns -----------------------   */

a.readMore:link {
	color: #F00;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}

a.readMore:active {
	color: #F00;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}

a.readMore:visited {
	color: #F00;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}

a.readMore:hover {
	color: #000;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}

.More {
	color: #F00;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}


/* ------------------------- Home page Bottom Tier -----------------------   */

/* Footer */

#blackBand {
	position:absolute;
	left:0px;
	top:539px;
	width:946px;
	height:143px;
	padding: 15px 0 0 21px;
	z-index:25;
	font-size: 11px;
	line-height: 18px;
	color: #666;
	background-image: url(../images/footer_bkg.jpg);
	background-repeat: repeat-x;
	background-color: #FFF;
}

#blackBand p {
	padding: 0 20px 7px 0;
}

#blackColOneHme {
	float:left;
	width:170px;
	padding-right:59px;
}

#blackColTwoHme {
	float:left;
	width:238px;
}

#blackColThreeHme {
	float:left;
	width:238px;
	line-height: 16px;
}

#blackColFourHme {
	float:left;
	width:209px;
}


#blackColOne {
	float:left;
	width:170px;
	padding-right:59px;
}

#blackColTwo {
	float:left;
	width:238px;
}

#blackColThree {
	float:left;
	width:238px;
	line-height: 16px;
}

#blackColFour {
	float:left;
	width:209px;
}


/* ------------------------- Link style for Bottom Tier-----------------------   */

a.footer:link {
	color: #666;
	text-decoration: none;
	padding-right:17px;
}

a.footer:active {
	color: #666;
	text-decoration: none;
	padding-right:17px;
}

a.footer:visited {
	color: #666;
	text-decoration: none;
	padding-right:17px;
}

a.footer:hover {
	color: #000;
	text-decoration: none;
	padding-right:17px;
}

#footerHome {
	position:absolute;
	left:0px;
	top:698px;
	width:967px;
	height:22px;
	padding-top:5px;
	z-index:30;
	font-size: 10px;
	line-height: 10px;
	color: #7c7b7c;
	text-align: right;
}


/* --------------------S E C O N D A R Y  P A G E  D I V S------------------------- */


#Plygrnd {
	position: relative;
	left:0px
	top:0px;
	z-index:1;
	width: 967px;
	height: 373px;
}

#Plygrnd1 {
	position: relative;
	left:0px
	top:0px;
	z-index:1;
	width: 967px;
	height: 373px;
}

#Plygrnd2 {
	position: relative;
	left:0px
	top:0px;
	z-index:1;
	width: 967px;
	height: 373px;
}

#Plygrnd3 {
	position: relative;
	left:0px
	top:0px;
	z-index:1;
	width: 967px;
	height: 373px;
}

#EstRightCol {
	position:absolute;
	left:488px;
	top:93px;
	width:150px;
	font-size: 20px;
	line-height: 24px;
	color: #FFFFFF;	
	z-index:20;
}

.pad1 {
	padding-right:15px;
}

.RghtCol {
	font-size: 12px;
	line-height: 28px;
	color: #FFF;
	padding-top:57px;
	padding-right:10px;	
}

.RghtCol2 {
	font-size: 12px;
	line-height: 28px;
	color: #FFF;
	padding-top:12px;
}

.RghtCol3 {
	font-size: 12px;
	line-height: 28px;
	color: #FFF;
	padding-top:57px;	
}

.RghtCol4 {
	font-size: 12px;
	line-height: 28px;
	color: #FFF;
	padding-top:35px;	
}

#whiteBand {
	position:absolute;
	left:0px;
	top:373px;
	width:934px;
	height:152px;
	padding:15px 12px 0 21px;
	z-index:25;
	font-size: 13px;
	line-height: 22px;
	color: #666;
	background-color: #FFF;
}

#whiteColOne {
	float:left;
	width:387px;
	padding: 0 80px 0 0;
}

#whiteColOneAlt {
	float:left;
	width:418px;
	padding: 0 40px 0 0;
}

.HeadBlk {
	font-weight: bold;
	color: #000;	
}

#whiteColTwo {
	float:left;
	width:412px;
	padding-top:22px;
	padding-right:55px;
}

#whiteColTwoAlt {
	float:left;
	width:412px;
	padding-right:55px;
}

#whiteColTwoAlt2 {
	float:left;
	width:407px;
	padding-right:60px;
}


#whiteColThree {
	float:left;
	width:238px;
	font-size: 11px;
	line-height: 13px;
	color: #666;
}

.ColThreeBlk {
	color: #000;
	padding: 0 0 5px 10px;
}

.ColThreeWht {
	color: #FFF;
	padding: 0 0 5px 10px;
}

#whiteColFour {
	float:left;
	width:200px;
	padding-top:18px;
	font-size: 11px;
	line-height: 13px;
	color: #666;
}

}

/* ----------- SMARTPHONES (landscape and portrait) ----------- */


@media only screen and (max-width: 644px) and (min-width: 50px) {
	
	
#container {
	width: 322px;
	height:auto;
	margin: 0 auto;
	background-color: #666;
	position:relative;
}	
	
#masthead {
	position:relative;
	width: 302px;
	height:85px;
	padding:10px;
	z-index:3;
	background-color: #666;
}

#mastheadLeft{
	display:none;
}

#mastheadMiddle {
	position:absolute;
	top:10px;
	left:12px;
	z-index:4;
	padding-top:9px;
	padding-left:10px;
	font-size: 15px;
	color: #FFF;
	}
	
#mastheadMiddle a {
	color: #FFF;
	text-decoration: none;
}

/* ----------- Social icons ------------- */

#mastheadRight {
	position:absolute;
	top:50px;
	left:12px;
	z-index:5;
	padding-top:5px;
	padding-left:10px;
	}

#share{
	float:left;
	width:20px;
}

#facebook{
	float:left;
	width:20px;
}

#twitter{
	float:left;
	width:20px;
}

#email{
	float:left;
	width:20px;
}

.st_sharethis_custom {
	background: url("../images/sharethis.gif") no-repeat scroll left top transparent;padding:0px 32px 32px 0;
}

.st_facebook_custom {
	background: url("../images/share_facebook.gif") no-repeat scroll left top transparent;padding:0px 32px 32px 0;
}

.st_twitter_custom {
	background: url("../images/share_twitter.gif") no-repeat scroll left top transparent;padding:0px 32px 32px 0;
}

.st_email_custom {
	background: url("../images/share_mail.gif") no-repeat scroll left top transparent;padding:0px 32px 32px 0;
}

/*
Entire Mobile Menu System
*/

#mobile {
	background-color:#434343;
	display:block;
}

#mobile a {
	text-decoration: none;
	color: #FFF;
}

/*
Top black bar that holds the toggle button
*/

#mobile #toggle-bar {
	line-height:70px;
	padding:0 10px;
}

/*
Toggle button #1 ("Menu")
*/


/*
Toggle button #2 ("Navicon")
*/

#mobile .navicon {
	float: right;
	height: 6px;
	width: 34px;
	margin: 20px;
	border-top: 18px double #CCC;
	border-bottom: 6px solid #CCC;
	font-size:0;
}

/*
The dropdown menu
*/

#mobile ul {
	margin:0;
	padding:0;
}

#mobile ul li {
	clear:both;
	list-style:none;
}

#mobile ul li a {
	display:block;
	background-color:#333;
	text-transform:uppercase;
	font-size:16px;
	letter-spacing:.2em;
	margin:2px 0;
	padding:8px 0 8px 20px;
}

#mobile ul ul {
	font-size:small;
}

#mobile ul ul li {
	margin-left:30px;
}

#mobile ul ul a {
	background-color:#333;
	padding-left:8px;
}

#mobile ul ul a:before {
	content: "\2192";
	padding-right:8px;
}

#fade {
	float:left;
	position:relative;
	width: 322px;
	height: 168px;
	overflow: hidden;
	background-color: #c0c0c0;
}
	
#one {
	width: 322px;
	height: 373px;background-image: url(../images/img_1_sm.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#two {
	width: 322px;
	height: 373px;background-image: url(../images/img_2_sm.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#three {
	width: 322px;
	height: 373px;background-image: url(../images/img_3_sm.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.homeRightCol {
	position:absolute;
	left:59px;
	top:63px;
	width:230px;
	font-size: 14px;
	line-height: 24px;
	color: #FFFFFF;	
	z-index:20;
}
	
#greyBand {
	float:left;
	width: 322px;
	height:auto;
	padding-bottom:20px;
	background-image: url(../images/gradation1.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #666;
	background-color: #FFF;
}

#greyColOne {
	float:left;
	width: 276px;
	height:auto;
	padding-left:46px;
}

#greyColTwo {
	float:left;
	width: 276px;
	height:auto;
	padding-left:46px;
}

#greyColThree {
	float:left;
	width: 276px;
	height:auto;
	padding-left:46px;
}

#greyColFour {
	float:left;
	width: 276px;
	height:auto;
	padding-left:46px;
}
	
.image1 {
	float:left;
    margin: 0 auto;
	text-align:left;
	height:auto;
	padding-top:10px;
	padding-bottom:10px;
}

.help1 {	
	width:229px;background-image: url(../images/shadow.png);
	background-repeat: no-repeat;
	background-position: 0 84px;
}

.More {
	color: #F00;
	text-decoration: none;
	font-weight: bold;
}

/* ---------------- Footer ------------------- */
	
#blackBand {
	float:left;
	width: 322px;
	height:auto;
	padding: 20px 0 20px 0;
	z-index:25;
	font-size: 14px;
	line-height: 18px;
	color: #666;
	background-image: url(../images/footer_bkg.jpg);
	background-repeat: repeat-x;
	background-color: #FFF;
}

#blackBand p {
	padding: 0 0px 7px 0;
}

#blackBand a {
	color: #666;
	text-decoration: none;
}

#blackBand a:hover {
	color: #000;
	text-decoration: underline;
}

.footerbox1 {
	width:229px;
}

/* ---------------- Mobile Footer for Home page only------------------- */

#blackColOneHme {
	width: 255px;
    margin: 0;
	text-align:left;
	height:auto;
	padding-left:45px;
	padding-bottom:10px;
}

#blackColTwoHme {
	width: 255px;
    margin: 0;
	text-align:left;
	height:auto;
	padding-left:45px;
	padding-bottom:10px;
}

#blackColThreeHme {
	width: 255px;
    margin: 0;
	text-align:left;
	height:auto;
	padding-left:45px;
	padding-bottom:10px;
}

#blackColFourHme {
	width: 255px;
    margin: 0;
	text-align:left;
	height:auto;
	padding-left:45px;
	padding-bottom:10px;
}	

/* ---------------- Mobile Footer for all other page ------------------- */

#blackColOne {
	width: 280px;
    margin: 0;
	text-align:left;
	height:auto;
	padding-bottom:10px;
	padding-left:31px;
}

#blackColTwo {
	width: 280px;
    margin: 0;
	text-align:left;
	height:auto;
	padding-bottom:10px;
	padding-left:31px;
}

#blackColThree {
	width: 280px;
    margin: 0;
	text-align:left;
	height:auto;
	padding-bottom:10px;
	padding-left:31px;
}

#blackColFour {
	width: 280px;
    margin: 0;
	text-align:left;
	height:auto;
	padding-bottom:10px;
	padding-left:31px;
}	
	
#footerHome {
	float:left;
	width: 302px;
	height:auto;
	padding:10px 10px;
	font-size: 10px;
	line-height: 10px;
	color: #999999;
	text-align: right;
}
	
/* ------------------- SECONDARY PAGES -------------------------- */	
	
#Plygrnd {
	float:left;
	position:relative;
	width: 322px;
	height: 287px;
	overflow: hidden;
	background-image: url(../images/est_img_sm.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: #c0c0c0;
}

#Plygrnd img {
	display:none;
}

#Plygrnd1 {
	float:left;
	position:relative;
	width: 322px;
	height: 287px;
	overflow: hidden;
	background-image: url(../images/tech_img_sm.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: #c0c0c0;
}

#Plygrnd1 img {
	display:none;
}

#Plygrnd2 {
	float:left;
	position:relative;
	width: 322px;
	height: 287px;
	overflow: hidden;
	background-image: url(../images/qual_img_sm.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: #c0c0c0;
}

#Plygrnd2 img {
	display:none;
}

#Plygrnd3 {
	float:left;
	position:relative;
	width: 322px;
	height: 287px;
	overflow: hidden;
	background-image: url(../images/ret_img_sm.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: #c0c0c0;
}

#Plygrnd3 img {
	display:none;
}

#EstRightCol{
	position:absolute;
	left:31px;
	top:8px;
	width:290px;
	font-size: 18px;
	line-height: 24px;
	color: #FFFFFF;
	z-index:20;
	font-weight: bold;
}

.pad1 {
	padding-right:15px;
}
	
.RghtCol {
	font-size: 14px;
	line-height: 24px;
	color: #FFF;
	padding-top:147px;
	padding-right:25px;
	font-weight: normal;
}

.RghtCol2 {
	font-size: 14px;
	line-height: 24px;
	color: #FFF;
	padding-top:147px;
	padding-right:25px;
	font-weight: normal;
}	

.RghtCol3 {
	font-size: 14px;
	line-height: 24px;
	color: #FFF;
	padding-top:147px;
	padding-right:25px;
	font-weight: normal;
}

.RghtCol4 {
	font-size: 14px;
	line-height: 24px;
	color: #FFF;
	padding-top:147px;
	padding-right:25px;
	font-weight: normal;
}	
	
#whiteBand {
	float:left;
	width:260px;
	height:auto;
	padding:20px 31px 26px 31px;
	font-size: 14px;
	line-height: 24px;
	color: #666;
	background-color: #FFF;
}

#whiteColOne {
	float:left;
	padding-bottom: 22px;
}

#whiteColTwo {
	float:left;
}

#whiteColTwoAlt {
	float:left;
}

#whiteColTwoAlt2 {
	float:left;
}

#whiteColThree {
	float:left;
	padding-top: 22px;
}

#whiteColFour {
	float:left;
}

.HeadBlk{
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	color: #000;	
}	
	
	
}