body
{
font-size: 11px;
background-color: #FFFFFF;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}

.wrapper
{
width: 801px;
height: auto;
margin-left: auto;
margin-right: auto;
text-align: left;
}

.top-border-shadow
{
width: 801px;
height: 12px;
margin-top: 30px;
}

.top-banner-group
{
width: 801px;
height: 379px;
}

.top-banner-group-left
{
width: 5px;
height: 379px;
background-color:#FFFF00;
float: left;
}

.top-banner-group-middle
{
width: 791px;
height: 379px;
background-color: #FFFFFF;
float: left;
}

.top-banner-group-middle-logo
{
width: 371px;
height: 77px;
padding-left: 20px;
padding-top: 10px;
float: left;
}

.top-banner-group-middle-txt
{
width: auto;
height: auto;
font-size: 20px;
color: #266091;
padding-top: 35px;
padding-left: 15px;
float: left;
}

.top-banner-sub-group
{
width: 791px;
height: 26px;
clear: both;
padding-top: 11px;
}

.top-banner-sub-group-head
{
width: 76px;
height: 26px;
float: left;
padding-left: 77px;
}

.top-banner-sub-group-spacer
{
width: 466px;
height: 1px;
float: left;
}

.top-banner-sub-group-login
{
width: 153px;
height: 26px;
float: left;
background-image: url(images/layout/top-banner-login.jpg);
background-repeat: no-repeat;
}

.top-banner-sub-group-login-txt
{
width: auto;
height: auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
padding-left: 28px;
padding-top: 7px;
float: left;
}

.top-banner-sub-group-login-txt a
{
color: #FFFFFF;
text-decoration: none;
}

.top-banner-sub-group-login-txt a:hover
{
color: #474747;
text-decoration: underline;
}

.top-banner-sub-group-login-cart
{
width: 19px;
height: 16px;
float: left;
padding-top: 7px;
margin-left: 8px;
}

.top-banner-main-img
{
width: 737px;
height: 216px;
padding-left: 35px;
}

.top-banner-group-buttons
{
width: 737px;
height: 39px;
margin-left: 35px;
}

.top-banner-group-buttons-how-it-works
{
width: 143px;
height: 39px;
float: left;
}

.top-banner-group-buttons-see-examples
{
width: 149px;
height: 39px;
float: left;
}

.top-banner-group-buttons-features
{
width: 107px;
height: 39px;
float: left;
}

.top-banner-group-buttons-packages
{
width: 115px;
height: 39px;
float: left;
}

.top-banner-group-buttons-getting-started
{
width: 148px;
height: 39px;
float: left;
}

.top-banner-group-buttons-space-1
{
width: 6px;
height: 39px;
float: left;
}

.top-banner-group-buttons-space-2
{
width: 7px;
height: 39px;
float: left;
}

.top-banner-group-buttons-space-3
{
width: 7px;
height: 39px;
float: left;
}

.top-banner-group-buttons-space-4
{
width: 7px;
height: 39px;
float: left;
}

.top-banner-group-buttons-space-5
{
width: 48px;
height: 39px;
float: left;
}


.top-banner-group-right
{
width: 5px;
height: 379px;
float: left;
}

.content
{
width: 751px; 
height: auto;
margin-left: 22px;
}

.content-index
{
width: 751px; 
height: auto;
margin-left: 22px;
margin-top: 22px;
}

.content-title
{
width: 471px;
height: 47px;
margin-bottom: 20px;
clear: both;
}

.content-group-big-box
{
width: 751px;
height: 134px;
margin-left: 5px;
}

.content-group-big-box-blue
{
width: 230px;
height: 134px;
float: left;
}

.content-group-big-box-blue-top
{
width: 230px;
height: 49px;
}

.content-group-big-box-blue-left
{
width: 5px;
height: 85px;
float: left;
}

.content-group-big-box-blue-back
{
width: 220px;
height: 85px;
background-image: url(images/layout/box/big-blue-back.jpg);
background-repeat: repeat-x;
float: left;
}

.content-group-big-box-blue-right
{
width: 5px;
height: 85px;
float: left;
}

.content-group-big-box-orange
{
width: 230px;
height: 134px;
float: left;
margin-left: 29px;
}

.content-group-big-box-orange-top
{
width: 230px;
height: 49px;
}

.content-group-big-box-orange-left
{
width: 5px;
height: 85px;
float: left;
}

.content-group-big-box-orange-back
{
width: 220px;
height: 85px;
background-image: url(images/layout/box/big-orange-back.jpg);
background-repeat: repeat-x;
float: left;
}

.content-group-big-box-orange-right
{
width: 5px;
height: 85px;
float: left;
}

.content-group-big-box-green
{
width: 230px;
height: 134px;
float: left;
margin-left: 29px;
}

.content-group-big-box-green-top
{
width: 230px;
height: 49px;
}

.content-group-big-box-green-left
{
width: 5px;
height: 85px;
float: left;
}

.content-group-big-box-green-back
{
width: 220px;
height: 85px;
background-image: url(images/layout/box/big-green-back.jpg);
background-repeat: repeat-x;
float: left;
}

.content-group-big-box-green-right
{
width: 5px;
height: 85px;
float: left;
}

.content-group-big-box-effect
{
width: 751px;
height: 49px;
margin-left: 5px;
margin-top: 2px;
}

.content-group-big-box-effect-blue
{
width: 230px;
height: 49px;
float: left;
}

.content-group-big-box-effect-blue-left
{
width: 5px;
height: 49px;
float: left;
}

.content-group-big-box-effect-blue-back
{
width: 220px;
height: 49px;
float: left;
background-image: url(images/layout/box/big-effect-blue-back.jpg);
background-repeat: repeat-x;
}

.content-group-big-box-effect-blue-right
{
width: 5px;
height: 49px;
float: left;
}

.content-group-big-box-effect-orange
{
width: 230px;
height: 49px;
float: left;
margin-left: 29px;
}

.content-group-big-box-effect-orange-left
{
width: 5px;
height: 49px;
float: left;
}

.content-group-big-box-effect-orange-back
{
width: 220px;
height: 49px;
float: left;
background-image: url(images/layout/box/big-effect-orange-back.jpg);
background-repeat: repeat-x;
}

.content-group-big-box-effect-orange-right
{
width: 5px;
height: 49px;
float: left;
}

.content-group-big-box-effect-green
{
width: 230px;
height: 49px;
float: left;
margin-left: 29px;
}

.content-group-big-box-effect-green-left
{
width: 5px;
height: 49px;
float: left;
}

.content-group-big-box-effect-green-back
{
width: 220px;
height: 49px;
float: left;
background-image: url(images/layout/box/big-effect-green-back.jpg);
background-repeat: repeat-x;
}

.content-group-big-box-effect-green-right
{
width: 5px;
height: 49px;
float: left;
}

.content-group-txt-box
{
width: 751px;
height: auto;
margin-left: 5px;
font-size: 11px;
color: #8F8F8F;
}

.content-group-txt-box-blue
{
width: 230px;
height: auto;
background-image: url(images/layout/box/back-txt-blue.jpg);
background-repeat:repeat-x;
padding-top: 12px;
float: left;
}

.content-group-txt-box-orange
{
width: 230px;
height: auto;
background-image: url(images/layout/box/back-txt-orange.jpg);
background-repeat:repeat-x;
padding-top: 12px;
float: left;
margin-left: 29px;
}

.content-group-txt-box-green
{
width: 230px;
height: auto;
background-image: url(images/layout/box/back-txt-green.jpg);
background-repeat:repeat-x;
padding-top: 12px;
float: left;
margin-left: 29px;
}

.content-group-bottom-buttons
{
width: 751px;
height: 37px;
margin-left: 5px;
clear: both;
margin-top: 26px;
}

.content-group-bottom-buttons-blue
{
width: 365px;
height: 37px;
float: left;
}

.content-group-bottom-buttons-blue-left
{
width: 5px;
height: 37px;
float: left;
}

.content-group-bottom-buttons-blue-back
{
width: 355px;
height: 37px;
background-image: url(images/layout/box/bottom-button-blue-back.jpg);
background-repeat:repeat-x;
float: left;
}

.content-group-bottom-buttons-blue-right
{
width: 5px;
height: 37px;
float: left;
}

.content-group-bottom-buttons-orange
{
width: 365px;
height: 37px;
float: left;
margin-left: 20px;
}

.content-group-bottom-buttons-orange-left
{
width: 5px;
height: 37px;
float: left;
}

.content-group-bottom-buttons-orange-back
{
width: 355px;
height: 37px;
background-image: url(images/layout/box/bottom-button-orange-back.jpg);
background-repeat:repeat-x;
float: left;
}

.content-group-bottom-buttons-orange-right
{
width: 5px;
height: 37px;
float: left;
}

.bottom
{
width: 751px;
height: 50px;
clear: both;
margin-left: 25px;
margin-top: 35px;
}

.bottom-links
{
width: auto;
height: auto;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #266091; 
clear: both;
}

.bottom-links a
{
color: #266091; 
text-decoration: none;
}

.bottom-links a:hover
{
color: #76D81E; 
text-decoration: underline;
}

.bottom-copyright
{
width: auto;
height: auto;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #6C6C6C; 
margin-top: 8px;
clear: both;
}

.top-banner-v2
{
width: 733px;
height: auto;
}

.top-banner-sub-group-v2
{
width: 733px;
height: 52px;
padding-top: 50px;
}

.top-banner-sub-group-head-v2
{
width: 243px;
height: 52px;
padding-left: 76px;
}

.top-banner-spacer-align-v2
{
width: auto;
height: auto;
padding-top: 26px;
padding-right: 20px;
float: right;
}

.top-banner-main-v2
{
width: 733px;
height: 122px;
margin-left: 38px;
}

.top-banner-group-buttons-v2
{
width: 733px;
height: 39px;
margin-left: 38px;
}

.top-banner-group-buttons-how-it-works-v2
{
width: 143px;
height: 39px;
float: left;
}

.top-banner-group-buttons-s1-v2
{
width: 7px;
height: 39px;
float: left;
}

.top-banner-group-buttons-see-examples-v2
{
width: 148px;
height: 39px;
float: left;
}

.top-banner-group-buttons-s2-v2
{
width: 7px;
height: 39px;
float: left;
}

.top-banner-group-buttons-features-v2
{
width: 107px;
height: 39px;
float: left;
}

.top-banner-group-buttons-s3-v2
{
width: 7px;
height: 39px;
float: left;
}

.top-banner-group-buttons-packages-v2
{
width: 115px;
height: 39px;
float: left;
}

.top-banner-group-buttons-s4-v2
{
width: 7px;
height: 39px;
float: left;
}

.top-banner-group-buttons-getting-started-v2
{
width: 7px;
height: 39px;
float: left;
}

.top-banner-group-buttons-s5-v2
{
width: 44px;
height: 39px;
float: right;
}
