form {
    margin: 0;
    padding: 0;
}
.king {
  padding: 5px;
  width: 320px;
}
/* global styles
------------------------------------------*/
body {
    font-family: "Myriad Pro", Arial, sans-serif;
    font-size: 14px;
    
    background: url('../images/bg-pattern.jpg');
    margin: 0;
    padding: 0;
}

p, h1, h3, h2, h4, h5, h6, li {
    margin: 0;
   
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 10px;
}

p {
    color: #374049;
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 1.2em;
}

a:link, a:visited {
	text-decoration: underline;
	border: none;
	color: #000000;
}

a:hover, a:active {
	color: #666;
}

.clearer {
    clear: both;
}

img {
    border: 0px;
}

.left {
    float: left;
}


.right {
    width: 290px;
    float: right;
}

hr {
    height: 2px;
    width: 100%;
    border: none;
    background-color: #e2e2e2;
    border-bottom: 1px solid #f8f8f8;
}

hr.divider {
    height: 1px;
    width: 100%;
    border: none;
    background-color: #e2e2e2;
    border-bottom: 1px solid #f8f8f8;
    margin: 00px 0 40px 0;
}

.content {
    position: relative;
    width: 940px;
    margin: 0 auto;
}

/* navbar
-------------------------------------------- */
#navbar {
    float: right;
    margin-top: 65px;
    font-size: 17px;
}

#navbar div {
    float: left;
    margin-right: 5px;
}

#navbar img {
    margin-top: -25px;
}

#home a {
    display: block;
    width: 75px;
    height: 16px;
    background: url('../images/home.png') no-repeat 0 0;
}

#home a:hover {
    background-position: 0 -16px
}

#services a {
    display: block;
    width: 105px;
    height: 16px;
    background: url('../images/services.png') no-repeat 0 0;
}

#services a:hover {
    background-position: 0 -16px
}

#order a {
    display: block;
    width: 81px;
    height: 16px;
    background: url('../images/order.png') no-repeat 0 0;
}

#order a:hover {
    background-position: 0 -16px
}

#contact a {
    display: block;
    width: 124px;
    height: 16px;
    background: url('../images/contact.png') no-repeat 0 0;
}

#contact a:hover {
    background-position: 0 -16px
}

/* home
------------------------------------------*/
#headerArea {
    position: relative;
    background: url('../images/header-bg2.jpg') repeat-x; 
    box-shadow: 0px 5px 10px #000;
    -moz-box-shadow: 0px 5px 10px #000;
    -webkit-box-shadow: 0px 5px 10px #000;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000'); 
}

#header {
    position: relative;
    width: 1160px;
    margin: 0 auto;
    padding: 0 10px;
    font-size: 14px;
    background: url('../images/header-bg.jpg') no-repeat;
}

#header2 {
    position: relative;
    margin: 0 auto;
    padding: 0 10px;
    font-size: 14px;
    background: #fff;
}


#logo {
    float: left;
    margin: 22px 0 0 0;
}

#logo a {
    display: block;
    width: 312px;
    height: 89px;
    background: url('../images/logo.png') no-repeat 0 0;
}

#pageLink {
    width: 406px;
    height: 31px;
    position: absolute;
    left: 267px;
    background: url('../images/link-bg.png') no-repeat;
    text-align: center;
    padding: 4px 0 0 0;
}

#pageLink a {
    color: #374049;
}

#pageLink a:hover {
    color: #000;
}

#call {
    font-size: 16px;
    position: absolute;
    top: 10px;
    right: 15px;
}

/* showcase
-------------------------------------------- */
#showcaseArea {
    background: url('../images/main-showcase-bg2.jpg') repeat-x;
}

#showcase {
    width:1150px;
    height: 627px;
    margin: 0 auto;
    background: url('../images/main-showcase-bg.jpg') no-repeat #000;
}

#video {
    position: absolute;
    top: 151px;
    left: 290px;
}

#link a {
    width: 370px;
    height: 226px;
    background-image: url('../images/video-thumb.jpg'); 
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;

}

#link a img {
    visibility: hidden;
}

/* title area
-------------------------------------------- */
#titleArea {
    background: url('../images/title-bg2.jpg') repeat-x #000;
}

#title {
    width:1150px;
    height: 160px;
    margin: 0 auto;
    background: url('../images/title-bg.jpg') repeat-x #000;
}

#servicesTitle {
    padding-top: 30px;
    width: 785px;
    margin: 0 auto;
}

#smallTitle {
    padding-top: 30px;
    width: 557px;
    margin: 0 auto;
}

/* links
-------------------------------------------- */
#views a {
    position: absolute;
    top: 145px;
    left: 45px;
    display: block;
    width: 103px;
    height: 47px;
    background: url('../images/views.png') no-repeat 0 0;
}

#views a:hover {
    background-position: 0 -47px
}

#likes a {
    position: absolute;
    top: 295px;
    left: 45px;
    display: block;
    width: 102px;
    height: 48px;
    background: url('../images/likes.png') no-repeat 0 0;
}

#likes a:hover {
    background-position: 0 -48px
}

#subscribers a {
    position: absolute;
    top: 295px;
    right: 35px;
    display: block;
    width: 137px;
    height: 51px;
    background: url('../images/subscribers.png') no-repeat 0 0;
}

#subscribers a:hover {
    background-position: 0 -51px
}

#comments a {
    position: absolute;
    top: 145px;
    right: 25px;
    display: block;
    width: 123px;
    height: 48px;
    background: url('../images/comments.png') no-repeat 0 0;
}

#comments a:hover {
    background-position: 0 -48px
}

#links {
    float: left;
}

/* 1, 2, 3
-------------------------------------------- */
#steps {
    position: absolute;
    top: 480px;
}

#steps h2 {
    color: #fff;
}

#steps .col {
    position: relative;
    float: left;
    width: 300px;
    margin-right: 20px;
}

#steps .col:last-child {
    margin-right: 0;
}

#steps #last {
    margin: 0;
}

#steps .col h2 {
    margin-bottom: 15px;
    padding-top: 10px;
}

#steps a {
    color: #d5d675;
}

#steps a:hover {
    text-decoration: underline;
}

.number {
    position: absolute;
    left: 0;
}

.colContent {
    width: 230px;
    padding: 0 0 0 70px;
}


/* main content
-------------------------------------------- */
#mainContent {
    background: url('../images/main-bg.jpg') repeat-x;
    color: #373737;
}

#mainContent p, h1, h2, h3, h4, h5, h6, li {
    color: #373737;
}

#mainContent .content {
    width: 920px;
    background: url('../images/content-bg.jpg') repeat-x;
    margin: 0 auto;
    padding: 0 20px;
}

#subscribe {
    color: #fff;
    width: 920px;
    background: url('../images/subscribe-bg1.jpg') repeat-x #9c100f;
    font-size: 18px;
    font-style: italic;
    text-align: center;
    padding: 15px 0 0 0;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;
}


/* order page
-------------------------------------------- */
#orderArea #subscribe {
    border-radius: 8px;
    -moz-border-radius: 8px;
}

#subscribe div {
    display: inline;
    margin: 0 20px 0 0;
    color: #fff;
    font-style: normal;
    font-size: 20px;
}

#subscribe .mc-field-group input {
    margin-top: 7px;
    width: 200px;
}

#subscribe .mc-field-group2 input {
    margin-top: 7px;
    width: 160px;
}

#subscribe .button {
    position: relative;
    top: 15px;
}

#subscribe form {
    margin: 0 0 0 30px;
    padding-bottom: 30px;
}

#required {
    color: #d5d675;
    margin: 10px 0 20px 0;
    font-weight: bold;
}

.asterisk {
    color: #d5d675;
}

#subShadow2 {
    width: 894px;
    margin: 0 auto;
}


#results {
    margin: 40px 0 60px 0;
    padding: 15px 40px;
    width: 840px;
    background: #f4f4f4;
    border: 1px solid #e1e1e1;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

#results p {
    float: left;
    font-size: 24px;
    color: #4e4e4e;
    padding-top: 15px;
    margin: 0;
}

#getStarted a {
    float: right;
    display: block;
    width: 283px;
    height: 52px;
    background: url('../images/get-started-button.jpg') no-repeat 0 0;
}

#getStarted a:hover {
    background-position: 0 -52px
}

#mainContent .left {
    width: 610px;
}

#mainContent a {
    color: #26ade3;
}

#mainContent a:hover {
    text-decoration: underline;
}

.left a {
    color: #26ade3;
}

.left a:hover {
    text-decoration: underline;
}

.left .box {
    padding: 25px;
    background: #f4f4f4;
    border: 1px solid #e1e1e1;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

.left li {
    list-style-image: url('../images/check.jpg');
}

#orderNow a {
    margin-top: 30px;
    display: block;
    width: 277px;
    height: 61px;
    background: url('../images/order-now.jpg') no-repeat 0 0;
}

#orderNow a:hover {
    background-position: 0 -61px
}


/* small form
-------------------------------------------- */
.form {
    font-size: 16px;
    width: 278px;
    padding: 6px;
    border: 1px solid #d8d8d8;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: inset 1px 2px 2px #b0b0b0;
    -moz-box-shadow: inset 1px 2px 2px #b0b0b0;
    -webkit-box-shadow: inset 1px 2px 2px #b0b0b0;
}

.formB{
    resize: none;
    font-size: 16px;
    width: 278px;
    height: 140px;
    padding: 6px;
    border: 1px solid #f8f8f8;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: inset 1px 2px 2px #b0b0b0;
    -moz-box-shadow: inset 1px 2px 2px #b0b0b0;
    -webkit-box-shadow: inset 1px 2px 2px #b0b0b0;
}

form ul {
    margin: 0;
    list-style: none;
    padding: 0;
}

form ul li {
    margin-bottom: 12px;
}

form li span {
    color: #d21312;
}

form {
    font-size: 15px;
    color: #464646;
}

#formButtons {
    display: inline;
    float: right;
}

.submit {
    float: left;
    margin: 4px 0px 0 0;
}

.clear {
    float: left;
    margin: 4px 15px 0 0px;
    width: 77px;
    height: 32px;
    border: none;
    background: url('../images/clear.png') no-repeat 0 0;
}


/* order page
-------------------------------------------- */
#formNav {
    width: 838px;
    background: #333333;
    padding: 0px 40px;
    height: 31px;
}

#formContent ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

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

#formNav li {
    display: inline;
    margin: 0 5px 0 0;
    padding: 0;
}
#formNav li a {
	color: #FFF;
	text-decoration: none;
	font-size: 16px;
	padding-top: 6px;
	font-family: Verdana, Geneva, sans-serif;
}
#formNav li a hover {
	text-decoration: underline;
}

#formNav a {
	float: left;
	margin: 0 25px 0 0;
	color: #FFF;
}

#custom a {
    display: block;
    width: 60px;
    height: 31px;
    background: url('../images/nav-custom.jpg') no-repeat;
}

#packages a {
    display: block;
    width: 116px;
    height: 31px;
    background: url('../images/nav-packages.jpg') no-repeat;
}

#promotions a {
    display: block;
    width: 96px;
    height: 31px;
    background: url('../images/nav-promotions.jpg') no-repeat;
}

#formNav a:hover {
    background-position: 0 -31px;
}

.huge {
    font-size: 70px;
    text-align: center;
}

/* top of form: title + guarantee section
-------------------------------------------- */
#formContent .left {
    margin: 20px 0 0 0;
    width: 460px;    
}

#formContent .right {
    width: 340px;
}

.package .title {
    text-align: center;
    background: url('../images/title-package.jpg') repeat-x;  
}

.package {
    position: relative;
    width: 268px;
    float: left;
    margin: 0 15px 60px 0;
    border: 1px solid #cccccc;
    background: #fff;
    box-shadow: 0px 0px 8px #d6d6d6;
    -moz-box-shadow: 0px 0px 8px #d6d6d6;
    -webkit-box-shadow: 0px 0px 8px #d6d6d6;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

.last .package {
    margin: 0 0 20px 0;
}


.packageContent {
    width: 235px;
    padding: 20px 20px 60px 20px;   
}

.packageContent li {
    margin: 0 0 10px 0;
    border-bottom: 1px solid #d8d8d8;
}

.packageContent .buy {
    text-align: center;
    width: 125px;
    position: absolute;
    bottom: -35px;
    margin: 0 0 0 55px; 
}

.buy .price {
    font-size: 24px;
    font-weight: bold;
}

.packageContent .buy a {
    width: 105px;
    margin: 0 auto;
}

.packageContent h3 {
    margin: 0;
}


/* order page
-------------------------------------------- */
#orderArea {
    
    color: #373737;
}

#orderArea .content {
    width: 920px;
    
    margin: 0 auto;
    padding: 40px 20px 0 20px;
}

#orderForm {
background-color: #f9f9f9;
border: 1px solid #d8d8d8;
border-radius: 15px;
box-shadow: 0 0 6px #b9b9b9;
margin: 20px auto 35px;
}

#formContent {
    position: relative; 
    padding: 10px 40px 30px 40px;
    width: 840px;
}

#formContent h4{
    float: left;
    width: 485px;
    margin: 30px 0 0 0;
    font-size: 22px;
}

.title {
    text-align: center;
    background-color: #f0f0f0;
    font-size: 22px;
    padding-top: 12px;
    border-bottom: 1px solid #d8d8d8;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    -webkit-border-radius-topright: 15px;
    -webkit-border-radius-topleft: 15px;
    -khtml-border-radius-topright: 15px;
    -khtml-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-topleft: 15px;
    background: url('../images/box-title-bg.jpg') repeat-x #9e0b0a;
}

.confirmTitle {
    text-align: center;
    background-color: #f0f0f0;
    font-size: 22px;
    padding-top: 12px;
    background: url('../images/box-title-bg.jpg') repeat-x #9e0b0a;
}

.confirmTitle h3 {
    color: #fff;
    margin-bottom: 5px;
}

.title h3 {
    color: #fff;
}

#options {
    width: 270px;
    margin: 0;
    float: left;
}

#orderForm form label option {
    border: 1px solid #cccccc;
    background: url('../images/option-bg.jpg') repeat-x #f5f5f5;
}

.option {
    float: left;
    margin: 0 0 5px 0;
}

.option img {
    float: left;
    margin: 0 8px 0 0;
}

#orderForm select {
    float: left;
    margin: 0 0 30px 0;
    border: 1px solid #cccccc;
    background: url('../images/option-bg.jpg') repeat-x #f5f5f5;
    box-shadow: 0px 0px 8px #d6d6d6;
    -moz-box-shadow: 0px 0px 8px #d6d6d6;
    -webkit-box-shadow: 0px 0px 8px #d6d6d6;
    padding: 11px;
    width: 260px;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

#summary {
    float: right; 
    border: 1px solid #d8d8d8;
    padding: 35px; 
    margin: 20px 0 0 27px; 
    width: 400px;
}

#summary h3 {
    font-size: 40px;
}

#orderForm h2 {
    margin-top: 10px;
}

#hint span {
    color: red;
}

.label {
    float: left; 
    margin: 10px 0 0 0;
}

.label textarea {
    float: left;
    width:370px;
    margin: 5px 40px 0 0;
    height: 43px;
    padding: 11px;
    border: 1px solid #cccccc;
    background: #fff;;
    box-shadow: 0px 0px 8px #d6d6d6;
    -moz-box-shadow: 0px 0px 8px #d6d6d6;
    -webkit-box-shadow: 0px 0px 8px #d6d6d6;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

#instruction {
    float: right;
    width: 370px;
    margin: 5px 0 0 0;
}

#completeOrder {
    margin: 60px auto 0 auto;
    width: 673px;
}

#guarantee {
    float: right;
    margin: 10px 0 15px 0;
}

#confirm {
    width: 673px;
    margin: 30px auto 0 auto;
}


/* contact area
-------------------------------------------- */
#contactArea {
    background: url('../images/main-bg.jpg') repeat-x;
    color: #373737;
}

#contactArea .content {
    width: 920px;
    background: url('../images/content-bg.jpg') repeat-x;
    margin: 0 auto;
    padding: 40px 20px 0 20px;
}

#contactArea .left {
    width: 526px;
}

#contactArea .left li {
    list-style-image: none;
    margin-bottom: 25px;
}

#contactArea p span {
    color: #d21312;
}

#contactArea .right {
    float: right;
    width: 330px;
    margin-top: -40px;
}

#subscribeArea {
    font-size: 14px;
    color: #fff;
    padding: 20px;
    width: 290px;
    background: #d21312;
    box-shadow: inset 0px 0px 13px #a20101;
    -moz-box-shadow: inset 0px 0px 13px #a20101;
    -webkit-box-shadow: inset 0px 0px 13px #a20101;
}

#subscribeArea form {
    font-size: 16px;
    color: #fff;
    margin-top: 30px;
}

#subscribeArea h2 {
    color: #fff;
    margin: 0;
}

#subscribeArea .formBox {
    font-size: 16px;
    padding: 6px;
    width: 278px;
}

#subscribeArea a {
    display: block;
    width: 290px;
    height: 40px;
    background: url('../images/subscribe-button-big.png') no-repeat 0 0;
    margin-top: 25px;
}

#subscribeArea a:hover {
    background-position: 0 -40px
}

#subShadow {
    position: absolute;
    bottom: -20px;
}

.mc-field-group {
    margin-bottom: 20px;
}

/* faq
-------------------------------------------- */
#faq {
    margin: 30px 0 0 0;
}

#faq p {
    color: #374049;
    line-height: 1.5em;
}

#faq span {
    color: #374049;
    font-weight: bold;
}

.note {
    font-style: italic;
}

/* large form
-------------------------------------------- */
#largeForm .form {
    font-size: 18px;
    width: 370px;
    padding: 6px;
    border: 1px solid #f8f8f8;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0px 0px 4px #b0b0b0;
    -moz-box-shadow: 0px 0px 4px #b0b0b0;
    -webkit-box-shadow: 0px 0px 4px #b0b0b0;
}

#largeForm .formB {
    resize: none;
    font-size: 18px;
    width: 514px;
    height: 257px;
    padding: 6px;
    border: 1px solid #f8f8f8;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0px 0px 4px #b0b0b0;
    -moz-box-shadow: 0px 0px 4px #b0b0b0;
    -webkit-box-shadow: 0px 0px 4px #b0b0b0;
}

#contactArea #formButtons {
    display: inline;
    float: left;
    margin-bottom: 40px;
}

#contactArea .submit {
    float: left;
    margin: 4px 0px 0 0;
}

#contactArea .clear {
    float: left;
    margin: 4px 15px 0 0px;
    width: 77px;
    height: 32px;
    border: none;
    background: url('../images/clear.png') no-repeat 0 0;
}

/* inner pages
-------------------------------------------- */
#serviceContent {
    background: url('../images/main-bg.jpg') repeat-x;
    color: #373737;
}

#serviceContent a {
    color: #26ade3;
}

#serviceContent a:hover {
    text-decoration: underline;
}

#serviceContent p, h1, h2, h3, h4, h5, h6, li {
    color: #373737;
}

#serviceContent .content {
    width: 920px;
    background: url('../images/content-bg.jpg') repeat-x;
    margin: 0 auto;
    padding: 40px 20px 0 20px;
}

#serviceContent .left {
    width: 450px;
}

#serviceContent .right {
    width: 450px;
}

#twoCol {
    margin-top: 40px;
}

#twoCol .col {
    float: left;
    position: relative;
    width: 343px;
    margin: 0 12px 40px 0;
    padding: 0 0 0 105px;
}

#twoCol .col:last-child {
    margin-right: 0;
}

#last {
    margin: 0
}

#twoCol .col .icon {
    position: absolute;
    left: 0;
    top: 0;
}

#twoCol .col h3 {
    margin-bottom: 20px;
}

#twoCol .col a {
    color: #d21312;
    font-style: italic;
}

#twoCol .col a:hover {
    text-decoration: underline;
}

#oneCol {
    margin-top: 40px;
}

#oneCol .col {
    float: left;
    position: relative;
    width: 800px;
    margin: 0 12px 40px 0;
    padding: 0 0 0 105px;
}

#oneCol .col:last-child {
    margin-right: 0;
}

#oneCol .col .icon {
    position: absolute;
    left: 0;
    top: 0;
}

#oneCol .col h3 {
    margin-bottom: 20px;
}

#oneCol .col a {
    color: #d21312;
    font-style: italic;
}

#oneCol .col a:hover {
    text-decoration: underline;
}

.test {
    float: left;
    margin: 0 0px 40px 0;
}

.testBox {
    position: relative;
    width: 377px;
    background: #f8f8f8;
    border: 1px solid #dedede;
    padding: 20px 20px 20px 53px;
    margin: 0 0 20px 0;
    font-style: italic;
}

#orderArea .testBox {
    position: relative;
    width: 367px;
    background: #f8f8f8;
    border: 1px solid #dedede;
    padding: 20px 20px 20px 53px;
    margin: 0 35px 20px 0;
    font-style: italic;
}

.test #last {
    margin-right: 0;
}

.test .name {
    font-size: 16px;
    font-weight: bold;
}

.quotes {
    position: absolute;
    top: 20px;
    left: 10px;
}

.arrow {
    position: absolute;
    bottom: -24px;
    left: 20px;
}

.shadow {
    position: absolute;
    right: 0;
    bottom: -21px;
}


/* footer
--------------------------------------------- */
#footer {
    padding: 37px 0 15px 0;
    background: url('../images/footer-bg.jpg') repeat-x #171717;
}

#footer p {
    color: #d8d8d8;
}

#footer hr {
    height: 2px;
    border: none;
    background-color: #191919;
    border-bottom: 1px solid #505050;
    margin-bottom: 10px;
}

#navigation {
    width: 92px;
    float: left;
    margin-right: 50px;
}

#social {
    width: 180px;
    float: left;
    margin-right: 50px;
}

#testimonials {
    width: 290px;
    float: left;
    margin-right: 50px;
}

#verified {
    float: left;
    margin-right: 0
}


#footer h3 {
    color: #fff;
    text-transform: uppercase;
}

#footer li a:link {
    color: #d8d8d8;
}

#footer li a:visited {
    color: #d8d8d8;
}

#footer li a:hover {
    color: #fff;
}

#footer li a:active {
    color: #fff;
}

#footer ul {
    margin: 0;
    padding: 0;
    float: left;
}

#footer li {
    font-size: 14px;
    color: #374049;
    list-style: none;
}

.twitter {
    float: left;
    margin: 0px 10px 0 0;
}

.fb-like {
    float: left;
    margin: 0px 10px 0 0;
}

.g-plusone {
    float: left;
}

#footer p {
    font-size: 14px;
}

#footerBar {
    background: #000;
    border-top: 1px solid #373737;
    padding: 30px 0;
}
#footerBar a {
	color: #FFF;
	text-decoration: none;
}

#footerBar p {
    color: #d8d8d8;
    float: left;
    margin: 0;
}

#footerBar ul {
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
}

#footerBar li {
    display: inline;
}

#selection #formContent {    

    position: relative; 

    padding: 10px 30px 30px 30px;

    width: 865px;

}



#selection .twoCol {

    margin: 50px 0 30px 0;

}



#selection .twoCol .col {

    text-align: center;

    width: 415px;

    float: left;

    margin: 0 25px 0 0;

    background: #fff;

    box-shadow: inset 0px 0px 30px #cccccc;

    -moz-box-shadow: inset 0px 0px 30px #cccccc;

    -webkit-box-shadow: inset 0px 0px 30px #cccccc;

    -webkit-border-radius: 8px;

    border-radius: 8px;

    -moz-border-radius: 8px;

    border: 1px solid #fff;

}



#selection .twoCol .last .col {

    margin: 0;

}



#selection .twoCol .col .heading {

    padding: 20px 0;

    background: url('../images/bg-heading.jpg') bottom center repeat-x #3b3b3b;

    -webkit-border-top-left-radius: 8px;

    -webkit-border-top-right-radius: 8px;



    -moz-border-radius-topleft: 8px;

    -moz-border-radius-topright: 8px;



    border-top-left-radius: 8px;

    border-top-right-radius: 8px;

    color: #fff;

    font-size: 24px;

    font-weight: bold;

}



#selection .twoCol .col a.button {

    display: block;

    margin: 65px auto 45px auto;

    width: 239px;

    height: 67px;

    background: url('../images/button-click.jpg'  ) red;

}



#selection .twoCol .col p {

    font-size: 26px;

    margin: 0 0 35px 0;

}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}
 
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}
 
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	#orderArea .content {   width: 100%;padding:0px;}
	#formNav {  width: 100%;}	
	#completeOrder {
  margin: 20px auto 0;
  width: 90%;
}
#instruction {
  float: none;
  margin: 5px 0 0;
  width: 85%;
}
.label textarea {  float: none;  width: 85%;}
#summary {;  margin: 20px 0 0 20px;  width: 85%;}
input {  max-width: 100%;}
#formContent .right {
  width: 100%;
}
#formContent .left {
  margin: 20px 0 0;
  width: 100%;
}
#orderForm {  padding: 10px;}
.right img {
  max-height: 100%;
  max-width: 100%;
}
}
 
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#orderArea .content {   width: 100%;padding:0px;}
	.right img {
  max-height: 100%;
  max-width: 100%;
}

#formContent {
  padding: 10px;
  position: relative;
  width: 100%;
}
#formNav {  width: 100%;}	
	#completeOrder {
  margin: 20px auto 0;
  width: 90%;
}
#instruction {
  float: none;
  margin: 5px 0 0;
  width: 85%;
}
#summary {;  margin: 20px 0 0 20px;  width: 85%;}
.label textarea {  float: none;  width: 85%;}
input {  max-width: 100%;}
#formContent .right {
  width: 100%;
}
#formContent .left {
  margin: 20px 0 0;
  width: 100%;
}
#orderForm {  padding: 10px;}
}
 
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	#orderArea .content {   width: 100%;padding:0px;}
	.right img {
  max-height: 100%;
  max-width: 100%;
}

#formContent {
  padding: 10px;
  position: relative;
  width: 100%;
}
#completeOrder {
  margin: 20px auto 0;
  width: 90%;
}
#instruction {
  float: none;
  margin: 5px 0 0;
  width: 85%;
}
#summary {;  margin: 20px 0 0 20px;  width: 85%;}
.label textarea {  float: none;  width: 85%;}
#formNav {  width: 100%;}	
input {  max-width: 100%;}
#formContent .right {
  width: 100%;
}
#formContent .left {
  margin: 20px 0 0;
  width: 100%;
}
#orderForm {  padding: 10px;}
}