/*** Code Snippets ***
------------------------
min-height: 525px;
height: auto !important;
height: 525px;
------------------------
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/SWCode/cms_images/dl/stregis/sregis_promobg.png', sizingMethod='scale');
------------------------
css specific tags:
OS - win linux mac freebsd ipod iphone webtv mobile
Browser - ie ie8 ie7 ie6 ie5 gecko ff2 ff3 opera opera8 opera9 opera10 konqueror webkit safari safari3 chrome
------------------------
/*** End Code Snippets ***/

/*
Colors:
#2F2F2F - Dark Gray - Main font color
#7E7CD6 - Blueish Purple - Main link color, H1 tag
#272566 - Dark Blue - Link hover color, H2 and H3 tags
*/

* {padding:0; margin:0;}

body
{
	background-color: #2F2F2F;
	background-image: url(images/bgBody.jpg);
	background-position: center top;
	background-repeat: repeat;
	color: #2F2F2F;
	font-family: Verdana, Tahoma;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

h1
{
    color: #7E7CD6;
    font-size: 25px;
    font-style: normal;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

h2
{
    color: #272566;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    padding-bottom: 5px;
}

h3
{
    color: #7E7CD6;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
}

a:link, a:visited { color:#7E7CD6; text-decoration:none; }
a:hover { color:#272566; text-decoration:underline; }

img { border:0; }
p { padding: 0px 0px 9pt 0px; line-height: 24px; }
ol, ul { margin: 6pt 0px 18pt 0px; }
li { margin: 0px 0px 4pt 20pt; }
input { margin: 4px 0px 10px 0px; }

.clear { clear: both; font-size: 1px; }
.left {float:left; margin:0px 6px 6px 0px;}
.right {float:right; margin:0px 0px 6px 6px;}
/*--------------------------*/


/**** SITE WRAPPERS ****/
#SiteWrapper { position: relative; width: 1065px; margin: 0 auto; }
#SiteWrapperShadow
{
	background-image: url(images/bgSiteShadowRepeater.png);
	background-position: center top;
	background-repeat: repeat-y;
    position: relative;
    float: left;
    width: 1065px;
    min-height: 500px;
    height: auto !important;
    height: 500px;
}
#SiteContainer { position: relative; margin: 0 auto; width: 1025px; }
#SiteContainerInner { position: relative; width: 1025px; margin: auto; padding: 0px 0px 0px 0px; }
/*--------------------------*/


/**** HOME PAGE ****/
#HeaderSection { position: relative; float: left; background-image: url(images/bgHeaderHP.jpg); height: 610px; width: 1024px; }
#ClientLogin { position: absolute; top: 0px; right: 45px; }
#MainNavigation { position: absolute; top: 55px; left: 470px; }
.rotateThis { display: none; position: absolute; top: 0px; left: 0px; }
.slideContent { color: #FFFFFF; position: absolute; top: 202px; left: 648px; width: 364px; }
.slideContent h1 { color: #FFFFFF; font-size: 28px; font-weight: bold; line-height: 30px; margin: 0px 0px 5px 0px; }
.slideContent p { line-height: normal; }
.slideLearnMore { position: absolute; top: 435px; right: 54px; }
#MainWrapper { position: relative; float: left; margin: auto; width: 1025px; }
#MainWrapperInner { float: left; position: relative; margin: auto; /*padding: 0px 30px 15px 55px;*/ padding: 0px 0px 15px 50px; }
#ContentWrapper { position: relative; }
#MainContent { position: relative; float: left; width: 555px; padding: 15px 50px 0px 0px; }
#SideContent { position: relative; float: left; width: 335px; font-size: 14px; padding-top: 15px; }
#SideContent h2 { padding: 10px 0px 5px 0px; }
.sideFeature { padding-bottom: 15px; }


/* Next Slide Nav */
p.nextTile
{
	text-align: right;
	margin-top: 10px;
}

p.nextTile a,
p.nextTile a:active,
p.nextTile a:link,
p.nextTile a:visited
{
	color: white;	
	font-weight: bold;
}

p.nextTile a:hover
{
	text-decoration: underline;	
}

/*--------------------------*/


/**** LANDING PAGE ****/
#HeaderWrapperLP { position: relative; float: left; }
#HeaderSectionLP { position: relative; float: left; background-image: url(images/bgHeaderLP.jpg); height: 184px; width: 1025px; }
#HeaderSectionLP #MainNavigation { position: absolute; top: 55px; left: 470px; }
#PageTitleSection { position: absolute; top: 106px; left: 0px; height: 78px; width: 1025px; }
.pageTitle { position: absolute; top: 20px; left: 55px; color: #FFFFFF; font-size: 30px; font-weight: normal; }
.headerButton { position: absolute; top: 10px; right: 55px; }
#ContentWrapperLP { position: relative; float: left; padding-top: 15px; }
#MainContentLP { position: relative; float: left; }
#SubNavigation { padding-bottom: 30px; }
#SubNavigation ul { margin: 0px; }
#SubNavigation li { color: #272566; display: inline; font-size: 14px; list-style: none; margin: 0px; padding: 0px; }
.pressRelease, .factSheet { padding-bottom: 30px; width: 645px; }
.pressRelease p, .factSheet p { line-height: 24px; }
.features { padding-top: 50px; }
.featureItem { position: relative; float: left; width: 975px; }
.featureContent { position: relative; float: left; width: 600px; }
.featureImage { position: relative; float: left; width: 355px; }
.benefits { padding-top: 50px; }
.benefitsItem { position: relative; float: left; width: 975px; }
.benefitsContent { position: relative; float: left; width: 755px; }
.benefitsImage { position: relative; float: left; width: 150px; }
#ContactUsForm { background-color: #EFEFFD; width: 840px; padding: 15px; }
#ContactUsForm input { width: 375px; }
#ContactUsForm textarea { width: 800px; }
.requiredField { color: #F8CA13; font-weight: bold; }
#btnSubmit { background-image: url(images/btnSubmit.jpg); border: none; cursor: pointer; height: 25px; width: 122px; }
/*--------------------------*/

/* Contact Us Form */

#PageContent.ContactUs
{
	width: 	900px;
}


/**** GENERAL ELEMENTS ****/
#Logo { position: absolute; top: 0px; left: 0px; }
#MainNavigation ul { margin: 0px; }
#MainNavigation li { color: #ffffff; display: inline; font-size: 14px; list-style: none; margin: 0px; padding: 0px; }
.BluePurple { color: #7E7CD6; font-weight: bold; }
.DarkBlue { color: #272566; font-weight: bold; }
/*--------------------------*/


/**** FOOTER ****/
#FooterWrapper { font-size: 10px; position: relative; margin: 0 auto; }
#FooterInner { position: relative; float: left; margin: 0 auto; width: 1025px; }
#FooterContent { padding: 0px 30px 15px 55px; }
#FooterContentLeft { position: relative; float: left; width: 500px; }
#FooterNav ul { padding:0; margin:0; }
#FooterNav li { display: inline; margin: 0; padding: 0px 14px 0px 0px; }
#FooterNav, #FooterNav a:link, #FooterNav a:visited { color:#2F2F2F; }
#FooterNav a:hover { color:#7E7CD6; text-decoration: none; }
#Copyright { position: relative; float: left; padding: 5px 0px 10px 0px; font-size: 9px; }
#FooterContentRight { position: relative; float: right; width: 350px; }
#FooterBugs { position: absolute; right: 0px; }
#FooterBugs p { padding: 0px; }
/*--------------------------*/