
/* copyright 2009 egolabel */

/*
tag presets
*/

* {
margin: 0;
outline: 0;
padding: 0
}
body {
background: #808e9b url(../assets/images/bg_main.jpg) fixed repeat-x;
color: #666;
font-family: arial,sans-serif;
font-size: 12px;
line-height: normal;
text-align: center
}
body,
html {
height: 100%;
width: 100%
}
ul {
list-style: none
}

/*
sprite assignments
*/

#header,
.dropDownMain,
.dropDownFrameBottom,
#homeScreen,
.panelTopLargeWhite,
.panelBottomLargeWhite,
.panelTopSmallBlue,
.panelBottomSmallWhite,
.pageTitle {
background-image: url(../assets/images/sprite_backgrounds.png)
}
.registerNowStar {
background-image: url(../assets/images/sprite_elements.png)
}
#brand a,
#menu a,
#typoETherapySolution,
#typoRobertMorseMA {
background-image: url(../assets/images/sprite_typography.png);
text-indent: -5000px
}
.button a {
background-image: url(../assets/images/sprite_buttons.png)
}

/*
typography
*/

.pageTitle span,
h1,
h2 {
font-family: "myriad pro",arial,sans-serif;
font-weight: normal
}

/*
page titles
*/

.pageTitle {
background-position: 0 -655px;
height: 54px;
width: 600px
}
.pageTitle span {
background-color: #f5f5f5;
color: #00305a;
display: block;
float: left;
font-size: 45px;
height: 54px;
padding-right: 10px
}

/*
site containers
*/

#siteBase {
height: 100%;
width: 100%
}
#siteWrap {
margin: 0 auto;
padding: 20px 0;
width: 1010px
}

/*
header
*/

#header {
background-position: 0 0;
height: 50px;
margin-bottom: 20px;
padding: 0 20px;
text-align: left
}

/*
brand
*/

#brand {
float: left;
height: 21px;
padding-top: 17px;
width: 226px
}
#brand a {
background-position: 0 0;
display: block;
height: 21px;
text-indent: -5000px;
width: 226px
}

/*
menu
*/

#menu {
float: right;
height: 34px;
padding-top: 14px
}
#menu li {
float: left;
height: 30px;
margin-right: 10px;
position: relative
}
#menu .lastRight {
margin-right: 0 !important
}
#menu a {
display: block;
height: 30px;
text-indent: -5000px
}
#menuHome {
width: 66px
}
#menuHome a {
background-position: 0 -31px;
width: 66px
}
#menuHome a:hover {
background-position: 0 -75px
}
#menuHome .selected {
background-position: 0 -119px !important
}
#menuServices {
width: 80px
}
#menuServices a {
background-position: -76px -31px;
width: 80px
}
#menuServices a:hover {
background-position: -76px -75px
}
#menuServices .selected {
background-position: -76px -119px !important
}
#menuCredentials {
width: 101px
}
#menuCredentials a {
background-position: -166px -31px;
width: 101px
}
#menuCredentials a:hover {
background-position: -166px -75px
}
#menuCredentials .selected {
background-position: -166px -119px !important
}
#menuFAQ {
width: 55px
}
#menuFAQ a {
background-position: -277px -31px;
width: 55px
}
#menuFAQ a:hover {
background-position: -277px -75px
}
#menuFAQ .selected {
background-position: -277px -119px !important
}
#menuGlossary {
width: 81px;
}
#menuGlossary a {
background-position: -884px -31px;
width: 81px;
}
#menuGlossary a:hover {
background-position: -884px -75px;
}
#menuGlossary .selected {
background-position: -884px -119px !important
}
#menuAbout {
width: 68px;
}
#menuAbout a {
background-position: -806px -31px;
width: 68px;
}
#menuAbout a:hover {
background-position: -806px -75px;
}
#menuAbout .selected {
background-position: -806px -119px !important
}
#menuContact {
border-right: solid 1px #284155;
padding-right: 10px;
width: 78px
}
#menuContact a {
background-position: -342px -31px;
width: 78px
}
#menuContact a:hover {
background-position: -342px -75px
}
#menuContact .selected {
background-position: -342px -119px !important
}
#menuSignUp {
height: 34px !important;
width: 73px
}
#menuSignUp a {
background-position: -430px -31px;
height: 34px !important;
width: 73px
}
#menuSignUp a:hover {
background-position: -430px -75px
}
#menuSignUp .selected {
background-position: -430px -119px !important
}
#menuRegister {
width: 79px
}
#menuRegister a {
background-position: -513px -31px;
width: 79px
}
#menuRegister a:hover {
background-position: -513px -75px
}
#menuRegister .selected {
background-position: -513px -119px !important
}
#menuSignOut {
width: 85px
}
#menuSignOut a {
background-position: -602px -31px;
width: 85px
}
#menuSignOut a:hover {
background-position: -602px -75px
}
#menuSignOut .selected {
background-position: -602px -119px !important
}
#menuDashboard {
width: 99px
}
#menuDashboard a {
background-position: -697px -31px;
width: 99px
}
#menuDashboard a:hover {
background-position: -697px -75px
}
#menuDashboard .selected {
background-position: -697px -119px !important
}

/*
drop menu
*/

.dropDown {
background-position: ;
color: #fff;
display: none;
position: absolute;
right: 0px;
top: 34px;
width: 240px;
z-index: 5
}
.dropDownMain {
background-position: -340px -330px;
padding: 10px 20px 5px
}
.dropDownFrameBottom {
background-position: -340px -640px;
height: 5px
}

/*
home screen
*/

#homeScreen {
background-position: 0 -60px;
height: 230px;
margin: 0 auto 20px auto;
position: relative;
text-align: left;
width: 1000px
}
#robertMorseLarge {
bottom: -20px;
height: 278px;
left: 0px;
position: absolute;
width: 373px
}
#typoETherapySolution {
background-position: 0 -163px;
height: 95px;
position: absolute;
right: 75px;
top: 40px;
width: 621px
}
#typoRobertMorseMA {
background-position: 0 -268px;
bottom: 10px;
height: 16px;
left: 363px;
position: absolute;
width: 126px
}

/*
main content
*/

#mainContent {
margin: 0 auto;
overflow: auto;
text-align: left;
width: 1000px
}
#leftColumn {
float: left;
margin-right: 10px;
width: 660px
}
#rightColumn {
float: left;
width: 330px
}

/*
panel frame
*/

.panelTopLargeWhite {
background-position: 0 -300px;
height: 5px;
overflow: hidden
}
.panelBottomLargeWhite {
background-position: 0 -315px;
height: 5px;
overflow: hidden
}
.panelTopSmallBlue {
background-position: 0 -330px;
padding: 8px 10px 0;
height: 33px
}
.panelBottomSmallWhite {
background-position: 0 -381px;
height: 5px
}
#leftColumn .panelContent {
background: #f5f5f5;
padding: 20px 30px 15px
}
#rightColumn .panelContent {
background: #f5f5f5;
padding: 20px 20px 15px
}

/*
panel content
*/

.panelContent h1 {
color: #000;
font-size: 28px
}
#rightColumn h2 {
color: #fff;
font-size: 22px
}
.panelContent p {
line-height: 19px
}
.panelContent p a {
background: #e5e5e5;
color: #000;
font-weight: bold;
padding: 2px 5px;
text-decoration: none
}
.panelContent p a:hover {
background: #00305a;
color: #fff
}

/*
buttons
*/

.button {
float: left;
height: 27px;
margin-right: 10px
}
.button a {
display: block;
height: 27px;
text-indent: -5000px
}
#buttonRegisterNow a {
background-position: 0 0;
width: 102px
}
#buttonRegisterNow a:hover {
background-position: -112px 0
}
#buttonLearnMore a {
background-position: 0 -37px;
width: 92px
}
#buttonLearnMore a:hover {
background-position: -102px -37px
}
#buttonCheckout a {
background-position: 0 -74px;
width: 149px
}
#buttonCheckout a:hover {
background-position: -159px -74px
}

/*
call-to-action block
*/

#cta h1 {
font-size: 32px !important
}
.registerNowStar {
background-position: 0 0;
height: 123px;
width: 122px
}

/*
faq list
*/

#faqList h1 {
color: #000;
font-size: 18px;
font-weight: bold;
line-height: 23px;
margin-bottom: 15px
}
#faqList strong {
color: #000
}

/*
intro video
*/



/*
footer
*/

#footer {
color: #C0C7CD;
font-size: 10px;
padding: 20px 0;
text-align: right
}
#footer a {
color: #dde0e3 ;
}

/* ================================================== tools */

/* form elements */

.fieldLabel {
color: #000;
font-weight: bold
}
input,
select {
font-family: arial,sans-serif;
font-size: 12px
}
input {
padding: 3px
}
textarea {
font-family: arial,sans-serif;
font-size: 12px;
padding: 3px
}

/*
displays
*/

.floatLeft {
float: left
}
.clear {
clear: both;
display: block;
height: 0;
overflow: hidden
}
.highlight {
background-color: #fbfbfb !important
}
.new {
background-color: #fffff5
}
.closed {
background-color: #fbfbfb !important;
color: #999 !important
}
.hidden {
display: none
}
.wrap {
overflow: auto
}

/*
text styles
*/

.rmeBlue {
color: #00305a !important
}
.soft {
color: #999 !important;
font-weight: normal !important
}
.small {
font-size: 10px !important
}
.underline {
border-bottom: solid 1px #ddd !important
}
.required {
color: #e57575 !important;
font-weight: normal !important
}

/*
separators
*/

.separatorPipe {
color: #ccc !important;
font-weight: normal !important;
margin: 0 7px
}
.separatorDots {
color: #999 !important;
font-weight: normal !important;
margin: 0 7px
}

/*
text alignments
*/

.center {
text-align: center
}
.right {
text-align: right
}

/*
vertical alignments
*/

.middle td {
vertical-align: middle
}
.top td {
vertical-align: top
}

/*
margins
*/

.mb5 {
margin-bottom: 5px
}
.mb10 {
margin-bottom: 10px
}
.mb15 {
margin-bottom: 15px
}
.mb20 {
margin-bottom: 20px
}
.mb30 {
margin-bottom: 30px
}
.ml2 {
margin-left: 2px
}
.ml5 {
margin-left: 5px
}
.ml7 {
margin-left: 7px
}
.mr7 {
margin-right: 7px
}
.mr10 {
margin-right: 10px
}
.mr20 {
margin-right: 20px
}

/* padding */

.p5 {
padding: 5px
}

/*
dimensions
*/

.h50 {
height: 50px
}
.h75 {
height: 75px
}
.pct5 {
width: 5%
}
.pct10 {
width: 10%
}
.pct15 {
width: 15%
}
.pct20 {
width: 20%
}
.pct25 {
width: 25%
}
.pct50 {
width: 50%
}
.pct65 {
width: 65%
}
.pct70 {
width: 70%
}
.pct75 {
width: 75%
}
.pct100 {
width: 100%
}
.w120 {
width: 120px
}
.w150 {
width: 150px
}
.w185 {
width: 185px
}
.w290 {
width: 290px
}
.w300 {
width: 300px
}
.w385 {
width: 385px
}
.w390 {
width: 390px
}
.w458 {
width: 458px
}
.w600 {
width: 600px
}
.w770 {
width: 770px
}
.w790 {
width: 790px
}

#sitemaplinks a{
	color:#104361;
	font-size:13pt;
	font-weight:bold;
	margin:4px;
	padding:4px;
	display:block;
}
/* copyright 2009 egolabel */

