/** * @version 3.2.17 March 5, 2012 * @author RocketTheme http://www.rockettheme.com * @copyright Copyright (C) 2007 - 2012 RocketTheme, LLC * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only */ /* 16 Grid */ div.orientOuter{ background:#0099FF; width:960px; height:20px;} div.orientInner{ background:#000033; width:940px; height:20px; margin:0 10px;} #body-wrapper .rt-container {margin: 0 auto;width: 960px;} body {min-width: 960px !important;} img{height: auto !important; max-width: 100% !important;} .rt-grid-1, .rt-grid-2, .rt-grid-3, .rt-grid-4, .rt-grid-5, .rt-grid-6, .rt-grid-7, .rt-grid-8, .rt-grid-9, .rt-grid-10, .rt-grid-11, .rt-grid-12, .rt-grid-13, .rt-grid-14, .rt-grid-15, .rt-grid-16 {display: inline;float: left;position: relative;margin-left: 10px;margin-right: 10px;} #body-wrapper .rt-container .rt-grid-1 {width: 40px;} #body-wrapper .rt-container .rt-grid-2 {width: 100px;} #body-wrapper .rt-container .rt-grid-3 {width: 160px;} #body-wrapper .rt-container .rt-grid-4 {width: 270px;} #body-wrapper .rt-container .rt-grid-5 {width: 280px;} #body-wrapper .rt-container .rt-grid-6 {width: 340px;} #body-wrapper .rt-container .rt-grid-7 {width: 400px;} #body-wrapper .rt-container .rt-grid-8 {width: 460px;} #body-wrapper .rt-container .rt-grid-9 {width: 520px;} #body-wrapper .rt-container .rt-grid-10 {width: 580px;} #body-wrapper .rt-container .rt-grid-11 {width: 640px;} #body-wrapper .rt-container .rt-grid-12 {width: 650px;} #body-wrapper .rt-container .rt-grid-13 {width: 760px;} #body-wrapper .rt-container .rt-grid-14 {width: 820px;} #body-wrapper .rt-container .rt-grid-15 {width: 880px;} #body-wrapper .rt-container .rt-grid-16 {width: 940px;} /* Grid Push */ #body-wrapper .rt-container .rt-push-1 {left: 60px;} #body-wrapper .rt-container .rt-push-2 {left: 120px;} #body-wrapper .rt-container .rt-push-3 {left: 180px;} #body-wrapper .rt-container .rt-push-4 {left: 240px;} #body-wrapper .rt-container .rt-push-5 {left: 300px;} #body-wrapper .rt-container .rt-push-6 {left: 360px;} #body-wrapper .rt-container .rt-push-7 {left: 420px;} #body-wrapper .rt-container .rt-push-8 {left: 480px;} #body-wrapper .rt-container .rt-push-9 {left: 540px;} #body-wrapper .rt-container .rt-push-10 {left: 600px;} #body-wrapper .rt-container .rt-push-11 {left: 660px;} #body-wrapper .rt-container .rt-push-12 {left: 720px;} #body-wrapper .rt-container .rt-push-13 {left: 780px;} #body-wrapper .rt-container .rt-push-14 {left: 840px;} #body-wrapper .rt-container .rt-push-15 {left: 900px;} /* Grid Pull */ #body-wrapper .rt-container .rt-pull-1 {left: -60px;} #body-wrapper .rt-container .rt-pull-2 {left: -120px;} #body-wrapper .rt-container .rt-pull-3 {left: -180px;} #body-wrapper .rt-container .rt-pull-4 {left: -240px;} #body-wrapper .rt-container .rt-pull-5 {left: -300px;} #body-wrapper .rt-container .rt-pull-6 {left: -360px;} #body-wrapper .rt-container .rt-pull-7 {left: -420px;} #body-wrapper .rt-container .rt-pull-8 {left: -480px;} #body-wrapper .rt-container .rt-pull-9 {left: -540px;} #body-wrapper .rt-container .rt-pull-10 {left: -600px;} #body-wrapper .rt-container .rt-pull-11 {left: -660px;} #body-wrapper .rt-container .rt-pull-12 {left: -720px;} #body-wrapper .rt-container .rt-pull-13 {left: -780px;} #body-wrapper .rt-container .rt-pull-14 {left: -840px;} #body-wrapper .rt-container .rt-pull-15 {left: -900px;} /* Prefix for left nudging */ #body-wrapper .rt-container .rt-prefix-1 {padding-left: 60px;} #body-wrapper .rt-container .rt-prefix-2 {padding-left: 120px;} #body-wrapper .rt-container .rt-prefix-3 {padding-left: 180px;} #body-wrapper .rt-container .rt-prefix-4 {padding-left: 240px;} #body-wrapper .rt-container .rt-prefix-5 {padding-left: 300px;} #body-wrapper .rt-container .rt-prefix-6 {padding-left: 360px;} #body-wrapper .rt-container .rt-prefix-7 {padding-left: 420px;} #body-wrapper .rt-container .rt-prefix-8 {padding-left: 480px;} #body-wrapper .rt-container .rt-prefix-9 {padding-left: 540px;} #body-wrapper .rt-container .rt-prefix-10 {padding-left: 600px;} #body-wrapper .rt-container .rt-prefix-11 {padding-left: 660px;} #body-wrapper .rt-container .rt-prefix-12 {padding-left: 720px;} #body-wrapper .rt-container .rt-prefix-13 {padding-left: 780px;} #body-wrapper .rt-container .rt-prefix-14 {padding-left: 840px;} #body-wrapper .rt-container .rt-prefix-15 {padding-left: 900px;} /* Extras */ .left-1, .right-1 {width: 10px;} .left-2, .right-2 {width: 70px;} .left-3, .right-3 {width: 130px;} .left-4, .right-4 {width: 190px;} .left-5, .right-5 {width: 250px;} .left-6, .right-6 {width: 310px;} .left-7, .right-7 {width: 370px;} .left-8, .right-8 {width: 430px;} .left-9, .right-9 {width: 490px;} .left-10, .right-10 {width: 550px;} .left-11, .right-11 {width: 610px;} .left-12, .right-12 {width: 670px;} .left-13, .right-13 {width: 730px;} .left-14, .right-14 {width: 790px;} .left-15, .right-15 {width: 850px;} /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 768px) and (max-width: 959px) { div.orientOuter{width:768px;} div.orientInner{width:748px;} #body-wrapper .rt-container {margin: 0 auto;width: 768px;} body {min-width: 768px !important;} #body-wrapper .rt-container .rt-grid-1 {width: 28px;} #body-wrapper .rt-container .rt-grid-2 {width: 76px;} #body-wrapper .rt-container .rt-grid-3 {width: 124px;} #body-wrapper .rt-container .rt-grid-4 {/*width: 172px;*/ width:150px;} #body-wrapper .rt-container .rt-grid-5 {width: 220px;} #body-wrapper .rt-container .rt-grid-6 {width: 268px;} #body-wrapper .rt-container .rt-grid-7 {width: 316px;} #body-wrapper .rt-container .rt-grid-8 {width: 364px;} #body-wrapper .rt-container .rt-grid-9 {width: 412px;} #body-wrapper .rt-container .rt-grid-10 {width: 460px;} #body-wrapper .rt-container .rt-grid-11 {width: 508px;} #body-wrapper .rt-container .rt-grid-12 {width: 556px;} #body-wrapper .rt-container .rt-grid-13 {width: 604px;} #body-wrapper .rt-container .rt-grid-14 {width: 652px;} #body-wrapper .rt-container .rt-grid-15 {width: 700px;} #body-wrapper .rt-container .rt-grid-16 {width: 748px;} /* Grid Push */ #body-wrapper .rt-container .rt-push-1 {left: 48px;} #body-wrapper .rt-container .rt-push-2 {left: 96px;} #body-wrapper .rt-container .rt-push-3 {left: 144px;} #body-wrapper .rt-container .rt-push-4 {left: 192px;} #body-wrapper .rt-container .rt-push-5 {left: 240px;} #body-wrapper .rt-container .rt-push-6 {left: 288px;} #body-wrapper .rt-container .rt-push-7 {left: 336px;} #body-wrapper .rt-container .rt-push-8 {left: 384px;} #body-wrapper .rt-container .rt-push-9 {left: 432px;} #body-wrapper .rt-container .rt-push-10 {left: 480px;} #body-wrapper .rt-container .rt-push-11 {left: 528px;} #body-wrapper .rt-container .rt-push-12 {left: 576px;} #body-wrapper .rt-container .rt-push-13 {left: 624px;} #body-wrapper .rt-container .rt-push-14 {left: 672px;} #body-wrapper .rt-container .rt-push-15 {left: 720px;} /* Grid Pull */ #body-wrapper .rt-container .rt-pull-1 {left: -48px;} #body-wrapper .rt-container .rt-pull-2 {left: -96px;} #body-wrapper .rt-container .rt-pull-3 {left: -144px;} #body-wrapper .rt-container .rt-pull-4 {left: -192px;} #body-wrapper .rt-container .rt-pull-5 {left: -240px;} #body-wrapper .rt-container .rt-pull-6 {left: -288px;} #body-wrapper .rt-container .rt-pull-7 {left: -336px;} #body-wrapper .rt-container .rt-pull-8 {left: -384px;} #body-wrapper .rt-container .rt-pull-9 {left: -432px;} #body-wrapper .rt-container .rt-pull-10 {left: -480px;} #body-wrapper .rt-container .rt-pull-11 {left: -528px;} #body-wrapper .rt-container .rt-pull-12 {left: -576px;} #body-wrapper .rt-container .rt-pull-13 {left: -624px;} #body-wrapper .rt-container .rt-pull-14 {left: -672px;} #body-wrapper .rt-container .rt-pull-15 {left: -720px;} /* Prefix for left nudging */ #body-wrapper .rt-container .rt-prefix-1 {left: -48px;} #body-wrapper .rt-container .rt-prefix-2 {left: -96px;} #body-wrapper .rt-container .rt-prefix-3 {left: -144px;} #body-wrapper .rt-container .rt-prefix-4 {left: -192px;} #body-wrapper .rt-container .rt-prefix-5 {left: -240px;} #body-wrapper .rt-container .rt-prefix-6 {left: -288px;} #body-wrapper .rt-container .rt-prefix-7 {left: -336px;} #body-wrapper .rt-container .rt-prefix-8 {left: -384px;} #body-wrapper .rt-container .rt-prefix-9 {left: -432px;} #body-wrapper .rt-container .rt-prefix-10 {left: -480px;} #body-wrapper .rt-container .rt-prefix-11 {left: -528px;} #body-wrapper .rt-container .rt-prefix-12 {left: -576px;} #body-wrapper .rt-container .rt-prefix-13 {left: -624px;} #body-wrapper .rt-container .rt-prefix-14 {left: -672px;} #body-wrapper .rt-container .rt-prefix-15 {left: -720px;} } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { div.orientOuter{width:420px;} div.orientInner{width:400px;} #body-wrapper .rt-container {margin: 0 auto; width: 420px;} body {min-width: 420px !important;} #body-wrapper .rt-container .rt-grid-1, #body-wrapper .rt-container .rt-grid-2, #body-wrapper .rt-container .rt-grid-3, #body-wrapper .rt-container .rt-grid-4, #body-wrapper .rt-container .rt-grid-5, #body-wrapper .rt-container .rt-grid-6, #body-wrapper .rt-container .rt-grid-7, #body-wrapper .rt-container .rt-grid-8, #body-wrapper .rt-container .rt-grid-9, #body-wrapper .rt-container .rt-grid-10, #body-wrapper .rt-container .rt-grid-11, #body-wrapper .rt-container .rt-grid-12, #body-wrapper .rt-container .rt-grid-13, #body-wrapper .rt-container .rt-grid-14, #body-wrapper .rt-container .rt-grid-15, #body-wrapper .rt-container .rt-grid-16 {width: 420px; margin-left:0; margin-right:0;} /* Grid Push */ #body-wrapper .rt-container .rt-push-1, #body-wrapper .rt-container .rt-push-2, #body-wrapper .rt-container .rt-push-3, #body-wrapper .rt-container .rt-push-4, #body-wrapper .rt-container .rt-push-5, #body-wrapper .rt-container .rt-push-6, #body-wrapper .rt-container .rt-push-7, #body-wrapper .rt-container .rt-push-8, #body-wrapper .rt-container .rt-push-9, #body-wrapper .rt-container .rt-push-10, #body-wrapper .rt-container .rt-push-11, #body-wrapper .rt-container .rt-push-12, #body-wrapper .rt-container .rt-push-13, #body-wrapper .rt-container .rt-push-14, #body-wrapper .rt-container .rt-push-15 {left: 0px;} /* Grid Pull */ #body-wrapper .rt-container .rt-pull-1, #body-wrapper .rt-container .rt-pull-2, #body-wrapper .rt-container .rt-pull-3, #body-wrapper .rt-container .rt-pull-4, #body-wrapper .rt-container .rt-pull-5, #body-wrapper .rt-container .rt-pull-6, #body-wrapper .rt-container .rt-pull-7, #body-wrapper .rt-container .rt-pull-8, #body-wrapper .rt-container .rt-pull-9, #body-wrapper .rt-container .rt-pull-10, #body-wrapper .rt-container .rt-pull-11, #body-wrapper .rt-container .rt-pull-12, #body-wrapper .rt-container .rt-pull-13, #body-wrapper .rt-container .rt-pull-14, #body-wrapper .rt-container .rt-pull-15 {left: 0px;} /* Prefix for left nudging */ #body-wrapper .rt-container .rt-prefix-1, #body-wrapper .rt-container .rt-prefix-2, #body-wrapper .rt-container .rt-prefix-3, #body-wrapper .rt-container .rt-prefix-4, #body-wrapper .rt-container .rt-prefix-5, #body-wrapper .rt-container .rt-prefix-6, #body-wrapper .rt-container .rt-prefix-7, #body-wrapper .rt-container .rt-prefix-8, #body-wrapper .rt-container .rt-prefix-9, #body-wrapper .rt-container .rt-prefix-10, #body-wrapper .rt-container .rt-prefix-11, #body-wrapper .rt-container .rt-prefix-12, #body-wrapper .rt-container .rt-prefix-13, #body-wrapper .rt-container .rt-prefix-14, #body-wrapper .rt-container .rt-prefix-15 {padding-left:0;} } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 479px) { div.orientOuter{width:320px;} div.orientInner{width:300px;} #body-wrapper .rt-container {margin: 0 auto; width: 300px;} body {min-width: 300px !important;} #body-wrapper .rt-container .rt-grid-1, #body-wrapper .rt-container .rt-grid-2, #body-wrapper .rt-container .rt-grid-3, #body-wrapper .rt-container .rt-grid-4, #body-wrapper .rt-container .rt-grid-5, #body-wrapper .rt-container .rt-grid-6, #body-wrapper .rt-container .rt-grid-7, #body-wrapper .rt-container .rt-grid-8, #body-wrapper .rt-container .rt-grid-9, #body-wrapper .rt-container .rt-grid-10, #body-wrapper .rt-container .rt-grid-11, #body-wrapper .rt-container .rt-grid-12, #body-wrapper .rt-container .rt-grid-13, #body-wrapper .rt-container .rt-grid-14, #body-wrapper .rt-container .rt-grid-15, #body-wrapper .rt-container .rt-grid-16 {width: 300px; margin-left:0; margin-right:0;} /* Grid Push */ #body-wrapper .rt-container .rt-push-1, #body-wrapper .rt-container .rt-push-2, #body-wrapper .rt-container .rt-push-3, #body-wrapper .rt-container .rt-push-4, #body-wrapper .rt-container .rt-push-5, #body-wrapper .rt-container .rt-push-6, #body-wrapper .rt-container .rt-push-7, #body-wrapper .rt-container .rt-push-8, #body-wrapper .rt-container .rt-push-9, #body-wrapper .rt-container .rt-push-10, #body-wrapper .rt-container .rt-push-11, #body-wrapper .rt-container .rt-push-12, #body-wrapper .rt-container .rt-push-13, #body-wrapper .rt-container .rt-push-14, #body-wrapper .rt-container .rt-push-15 {left: 0px;} /* Grid Pull */ #body-wrapper .rt-container .rt-pull-1, #body-wrapper .rt-container .rt-pull-2, #body-wrapper .rt-container .rt-pull-3, #body-wrapper .rt-container .rt-pull-4, #body-wrapper .rt-container .rt-pull-5, #body-wrapper .rt-container .rt-pull-6, #body-wrapper .rt-container .rt-pull-7, #body-wrapper .rt-container .rt-pull-8, #body-wrapper .rt-container .rt-pull-9, #body-wrapper .rt-container .rt-pull-10, #body-wrapper .rt-container .rt-pull-11, #body-wrapper .rt-container .rt-pull-12, #body-wrapper .rt-container .rt-pull-13, #body-wrapper .rt-container .rt-pull-14, #body-wrapper .rt-container .rt-pull-15 {left: 0px;} /* Prefix for left nudging */ #body-wrapper .rt-container .rt-prefix-1, #body-wrapper .rt-container .rt-prefix-2, #body-wrapper .rt-container .rt-prefix-3, #body-wrapper .rt-container .rt-prefix-4, #body-wrapper .rt-container .rt-prefix-5, #body-wrapper .rt-container .rt-prefix-6, #body-wrapper .rt-container .rt-prefix-7, #body-wrapper .rt-container .rt-prefix-8, #body-wrapper .rt-container .rt-prefix-9, #body-wrapper .rt-container .rt-prefix-10, #body-wrapper .rt-container .rt-prefix-11, #body-wrapper .rt-container .rt-prefix-12, #body-wrapper .rt-container .rt-prefix-13, #body-wrapper .rt-container .rt-prefix-14, #body-wrapper .rt-container .rt-prefix-15 {padding-left:0;} }