﻿
/*Global*******************************************************/

body
{
    background:#9bcade url(../Images/BodyBg.gif) repeat-y top center;
    font:normal 12px Arial, Verdana, Helvetica, Sans-Serif;
    margin:0;
    color:#4c4f51;
    line-height:18px;
}

form
{
    margin:0;
}

hr
{
	color: #dedede; 
	background-color: #dedede; 
	height: 2px; 
	border: 0;
}

img
{
    border:0;
}

a
{
    color:#396fc1;
    text-decoration:none;
}

a:hover
{
    color:#488cf3;
    text-decoration:underline;
}

ul
{
    list-style:none;
    margin:0 0 0 12px;
    padding:0;
}

ul li
{
    background:url(../Images/ArrowBlue.gif) no-repeat 0 5px;
    margin:0;
    padding:0;
    padding-left:12px;
}

.BodyWrapper 
{
    width:900px;
    margin:0 auto;
}

/*Header*******************************************************/

#Header
{
    width:100%;
    margin:0;
}

.Eyebrow
{
    text-align:right;
}


/*SubHead******************************************************/

#SubHead
{
    margin: 5px auto 7px auto;
    height:200px;
    text-align:center;
}

#ContentTitle
{
    height:80px;
    margin: 5px auto 7px auto;
    padding:24px 0 0 15px;
    background:url(../Images/SubHeadBg.jpg) no-repeat;
    font:bold 36px Arial;
    color:#fff;
    clear:both;
}

.ContentTitleLogo
{
	width:280px; 
	float:left;
}

#ContentTitle A
{
	font-size:16px;
	color:#fff;
	display:block;
	height:21px;
	width:137px; 
	float:right; 
	text-align:right;
	background:url(../Images/IconArrowBlue.gif) no-repeat left 50%;
	margin:15px 15px auto auto;
}


/*Rounded Boxes********************************************************/


.Top
{
    height:10px;
    background-position:left top;
    background-repeat:no-repeat;
}

.Bottom
{
    height:10px;
    background-position:left bottom;
    background-repeat:no-repeat;
}

.Top span
{
    display:block;
    position:relative;
    height:10px;
    background-position:right top;
    background-repeat:no-repeat;
}

.Bottom span
{
    display:block;
    position:relative;
    height:10px;
    background-position:right bottom;
    background-repeat:no-repeat;
}

.Content
{
    padding:5px 15px;
}

.GreyBox 
{
    background:#f1f1f1;
}

.GreyBox .Top
{
    background-image:url(../Images/BoxGreyTopLeft.gif);
}

.GreyBox .Bottom
{
    background-image:url(../Images/BoxGreyBottomLeft.gif);
}

.GreyBox .Top span
{
    background-image:url(../Images/BoxGreyTopRight.gif);
}

.GreyBox .Bottom span
{
    background-image:url(../Images/BoxGreyBottomRight.gif);
}

.WhiteBox 
{
    background:#fff;
}

.WhiteBox .Top
{
    background-image:url(../Images/BoxWhiteTopLeft.gif);
}

.WhiteBox .Bottom
{
    background-image:url(../Images/BoxWhiteBottomLeft.gif);
}

.WhiteBox .Top span
{
    background-image:url(../Images/BoxWhiteTopRight.gif);
}

.WhiteBox .Bottom span
{
    background-image:url(../Images/BoxWhiteBottomRight.gif);
}

/*Content*********************************************************/

a.ArrowGrey
{
    display:block;
    background:url(../Images/ArrowGrey.gif) no-repeat 0% 50%;
    padding-left:10px;
    font-size:14px;
    font-weight:bold;
}

a.Info, a.Demo, a.Screen, a.Back, a.Question
{
    display:block;
    padding:2px 0 1px 30px;
    font-size:16px;
    font-weight:bold;
}

a.Info
{
    background:url(../Images/IconArrow.gif) no-repeat 0 50%;
}

a.Demo
{
    background:url(../Images/IconCog.gif) no-repeat 0 50%;
}

a.Screen
{
    background:url(../Images/IconCamera.gif) no-repeat 0 50%;
}

a.Back
{
    background:url(../Images/IconArrowLeft.gif) no-repeat 0 50%;
}

a.Question
{
    background:url(../Images/IconQuestion.gif) no-repeat 0 50%;
}

.ContentBox h1
{
    font:bold 22px Arial;
    margin:0 0 15px 0;
    color:#3e92be;
}

.ContentBox h2
{
    font:bold 20px Arial;
    margin:0 0 15px 0;
}

.ContentBox h3
{
    font:bold 16px Arial;
    margin:15px 0 15px 0;
}


.FloatBoxWrapper
{
    background:#f1f1f1;
    padding:15px;
}

.FloatBox
{
    background:#fff;
    border:solid 1px #dedede;
}

.FloatBox div
{
    padding:20px;
}

.FloatBox hr
{
    color:#dedede;
    background-color:#dedede;
    height:1px;
    border:0;
}

a.signup-lg-btn
{
	display:block;
	height:31px;
	width:133px;
	background:url(../images/btn-signup-blue-large.png) no-repeat 0 0;
	margin-left:75px;
	margin-top:10px;
}

a.signup-lg-btn:hover
{
	background:url(../images/btn-signup-blue-large.png) no-repeat 0 -50px;
}

/*Footer*******************************************************/

#Footer
{
    font:normal 10px Arial;
    text-align:right;
    margin:15px auto;
    padding-right:10px;
    color:#b5b5b5;
    clear:both;
}

#Footer span
{
	display:block;
	width:600px;
	float:right;
}

#Footer img
{
	display:block;
	/*visibility:hidden;*/
	width:115px;
	float:left;
}

#SiteBottom
{
    height:212px;
    background:transparent url(../Images/BodyBottomBg.gif) no-repeat top center;
}


