/*Design by NodeThirtyThree Published by Free CSS Templates Released for free under a Creative Commons Attribution 2.5 License*/body { margin: 0; padding: 0; background: #F4FBFF url(images/img01.jpg) repeat-x; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color: #405A67;}h1, h2, h3 { margin: 0; font-weight: normal; color: #4F6977;}h1 { letter-spacing: -1px; /*font-size: 26px;*/}h2 { font-size: 22px;}h3 { font-size: 16px;}p, ul, ol { margin: 0 0 1.5em 0; line-height: 1.5em; text-align: justify;}.centered { text-align: center;}blockquote { font-style: italic;}a { color: #38B5F1;}a:hover { text-decoration: underline;}a { text-decoration: none;}img { border: none;}img.left { float: left; margin: 0 15px 0 0;}img.right { float: left; margin: 0 0 0 15px;}strong { font-weight: normal;}/* Header */#header { width: 954px; height: 183px; margin: 0 auto; background: url(images/img02.jpg);}#header img { margin: 60px 0 0 20px;}/* Logo */#logo { float: left;}/* Menu */#menu { float: right;}#menu ul { margin: 0; padding: 155px 10px 0 0; list-style: none; line-height: normal;}#menu li { display: inline;}#menu a { padding: 0 7px 0 0; text-transform: lowercase; text-decoration: none; font-size: 16px; font-weight: bold; color: #FFF;}#menu li.active a { text-decoration: underline; }#menu li:hover a { text-decoration: underline; }/* Page */#page { width: 954px; margin: 0 auto; background: url(images/img03.jpg) repeat-y;}#bg { background: url(images/img06.jpg) no-repeat left bottom;}/* Content */#content { float: left; width: 680px; background: url(images/img04.jpg) no-repeat; padding-bottom: 40px;}#links { height: auto !important; height: 300px; min-height: 300px; }#steps { padding: 10px;}#steps dd { padding: 10px 10px;} /*Offers*/ #offers, #usoffers, #caoffers { margin-left: 100px;} #offers img, #usoffers img, #caoffers img { margin: 5px;} #offers1 { width: 265px; margin: 0 auto;} #offers2, #usoffers2, #caoffers2 { width: 400px; margin-left: auto; margin-right: auto; margin-bottom: 30px;} #offers1 img, #offers2 img, #usoffers2 img, #caoffers2 img { margin: 5px;} #offer1,#offer2 { display: none; position: absolute; width: 450px; border-style: solid; background-color: white; padding: 5px;} #offer3,#offer4,#offer5, #offer6, #offer7, #offer8, #offer9, #offer10, #offer11, #offer12 { display: none; position: absolute; width: 450px; border-style: solid; background-color: white; padding: 5px;} /* Posts */.post { width: 606px; padding: 30px 0 0 48px;}.post ul, .post ol { margin-left: 50px; padding-left: 0; list-style-type: none; line-height: 2em;}.post dl { line-height: 2em;}.post dl dt { font-weight: bold;}.post p a img { margin-left: 40px;}.post object { margin-left: 80px;}/* Contact Form */#msg { display: none; position: absolute; z-index: 200; background: url(images/msg_arrow.gif) left center no-repeat; padding-left: 7px}#msgcontent { display: block; background: #F3E6E6; border: 2px solid #924949; border-left: none; padding: 5px; min-width: 150px; max-width: 250px}#form { margin-top: 50px;}.cssform ol { list-style: none; line-height: 2em; width: 300px; clear: left; margin: 0; padding: 5px 0 8px 0; padding-left: 240px; /*width of left column containing the label elements*/}.cssform fieldset { font-weight: bold; border: none;}.cssform li label { font-weight: bold; text-align: right; float: left; margin-left: -240px; /*width of left column*/ width: 240px; /*width of labels. Should be smaller than left column to create some right margin*/ border-top: 1px dashed gray;}.cssform input[type="text"] { /*width of text boxes. IE6 does not understand this attribute*/ width: 180px; margin-left: 5px;}.cssform input#info[type="text"] { /*width of text boxes. IE6 does not understand this attribute*/ width: 250px; margin-left: 5px;}.cssform textarea { width: 250px; height: 150px; margin-left: 5px;} #formbuttons { margin-left: 150px;}button { margin-right: 10px; font-weight: bold; cursor: pointer;}button:hover { font-weight: bold; background-color: #CAFF71; cursor: pointer;}/*.threepxfix class below:Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html*/* html .threepxfix { margin-left: 3px;} /* About Box */#about-box { margin: 0 0 15px 10px; width: 227px; padding: 50px 0 20px 0; /*background: url(images/img11.jpg) no-repeat left bottom;*/}#about-box h2 { font-size: 18px; font-weight: normal; text-align: center;}#about-box p { font-size: 12px;}#actioncall { width: 227px; margin-left: auto; margin-right: auto; } #actioncall a { display: block; width: 227px; height: 144px; background-image: url(images/call_to_action.png) } #actioncall a:hover { background-position: 0 -144px; } /* Sidebar */#sidebar { float: right; width: 274px; background: url(images/img05.jpg) no-repeat; padding-bottom: 40px;}#sidebar img { margin: 10px 0 10px 35px;}#sideimg1 { margin: 0; width: 250px; height: 245px;}#sideimg1 a { display: block; width: 250px; height: 245px; background: url(images/PS3_sm_link.png);}#sideimg1 a:hover { background-position: 0 -245px; }#sideimg2 { margin: 0; width: 250px; height: 245px;}#sideimg2 a { display: block; width: 250px; height: 245px; background: url(images/Wii_sm_link.png);} #sideimg2 a:hover { background-position: 0 -245px;}#sideimg3 { margin: 0; width: 250px; height: 245px;}#sideimg3 a { display: block; width: 250px; height: 245px; background: url(images/Xbox360_sm_link.png);} #sideimg3 a:hover { background-position: 0 -245px;}/*******************************************************************//* RSS */#rss { margin: 0 0 0 15px; padding: 0 3px 0 3px; width: 220px;}p#title a { margin: 0 0 0 45px; position: relative; font-weight: bold; color: #000; top: -5px;}p#title img { width: 20px; margin: 5px 5px 0 20px; padding: 0; border: solid 1px #979AA5;}ul#items { list-style: url(images/arrow.png) inside; margin-top: -15px; padding: 0; font-size: 0.85em;}ul#items li { border-top: solid 1px #979AA5; padding: 5px 0 5px 0;}ul#items li a { margin-left: -3px; color: #000;}ul#items li a:hover { color: #75D9FE;}/* Footer */#footer { padding: 30px 0;}#footer p { text-align: center; font-size: 12px; color: #83B3CE;}#footer a { color: #83B3CE;}