/* -------------------------

Authored by Wayne Corros
Media Production, OTX
www.otxresearch.com
wcorros@otxresearch.com

------------------------- */

/* TEMPORARY LINK */
#mi6 a {position:absolute; top:10px; right:260px; width:252px; height:76px; background:url('../images/overlay_link.png') 0 0 no-repeat;}
#mi6 a:hover {background-position: -252px 0;}
#mi6 a:active {background-position: -252px 0;}

/* GENERAL STYLES */
body {margin:0 auto; background:url('../images/gpp_bg.jpg') top center repeat-x; background-color:#c1bead; color:#a8bbc9; font-family:Arial, Helvetica, Verdana, Sans-Serif; font-size:14px; font-weight:100; line-height:35px; letter-spacing:.5px;}
p {margin-top:0; padding-top:0;}
img {display:block; border:none;}
h1, h2, h3, h4 {font-family:Arial, Helvetica, Verdana, Sans-Serif;}
h1 {font-size:1.8em; font-weight:100; letter-spacing:1px; color:#fff; padding-bottom:10px;}
h2 {font-size:1.8em; font-weight:100; letter-spacing:1px; color:#fff; padding-bottom:0; margin-bottom:0;}
h3 {font-size:1.5em; font-weight:bold; letter-spacing:1px; color:#0074ff; padding-bottom:10px;}
h4 {color:#fff; font-size:1.1em;}
ul, li {color:#fff; line-height:25px;}
a:link, a:active, a:visited {text-decoration:none; color:#0074ff;}
a:hover {text-decoration:underline; color:#0074ff;}

/* GENERAL DIV CLASSES */
.clear {clear:both;}
.floatL {float:left; display:inline;}
.floatR {float:right; display:inline;}
.divide {width:100%; height:1px; border-top: 1px solid #606d77;}
.ygp_mod {position:relative; left:-5px; top:-15px; width:278px; height:201px;}
.center {text-align:center;}

/* GENERAL FONT CLASSES */
.subHeading {font-weight:700; color:#fff;}
.ygpText {padding-top:5px; line-height:18px;}
.ulBlue {color:#0074ff;}
.white {color:#fff;}
.blue {color:#0074ff;}


/* MAIN ID'S */
#wrap {width:1024px; height:auto; margin-top:0; margin-left:auto; padding-bottom:50px; margin-right:auto;}
#header {width:1020px; height:86px; margin-top:0; position:relative; left:6px; background:url('../images/gpp_header_bg.jpg');}
#logolink {position:absolute; top:5px; left:95px; width:270px; height:70px;}
#otxlink {position:absolute; top:5px; right:98px; width:50px; height:25px;}
#col1_index {float:left; width:470px; margin-right:10px;}
#col2_index {float:left;}
#col1_facts {float:left; margin-right:10px; width:226px;}
#col2_facts {float:left; width:480px;}
#factsList {padding-left:15px; padding-top:17px; line-height:16px; font-size:14px;}
#factsList li {padding:0 0 19px 0; list-style-image:url('../images/tri_bullet.png');}
#aboutLinks {padding-left:15px; padding-top:17px; line-height:16px; font-size:14px;}
#otxLink {padding:0 0 19px 0; list-style-image:url('../images/otxLink.gif');}
#twitterLink {padding:0 0 19px 0; list-style-image:url('../images/twitterLink.gif');}
#facebookLink {padding:0 0 19px 0; list-style-image:url('../images/facebookLink.gif');}
#ygp_Ldiv {margin:auto; width:800px; height:280px;}
#ygp_Lul {float:left; padding-left:30px; width:470px;}
#track_col1 {float:left; width:355px; margin-right:30px;}
#track_col2 {float:left; width:370px;}
#tracking_mod1 {position:relative; left:-5px; top:-15px; width:255px; height:198px;}
#tracking_mod2 {position:relative; left:-5px; top:-15px; width:229px; height:215px;}
#partnersBx {width:786px; background:url('../images/lg_box_bg.jpg') repeat-y; margin:0 auto; position:relative;}
#pboxTop {width:786px; height:9px; position:absolute; top:-9px; left:0; background:url('../images/lg_box_top.jpg') no-repeat;}
#pboxBtm {width:786px; height:9px; position:absolute; bottom:-9px; left:0; background:url('../images/lg_box_btm.jpg') no-repeat;}
#partnersBxMargin {width:730px; margin:25px;}
#aboutLinksWrap {width:450px;}
#smBoxForm {position:relative; float:right; width:538px; height:280px; background:url('../images/sm_box_bg.jpg') repeat-y;}
#smBoxTop {position:absolute; top:-9px; left:0; width:538px; height:9px; background:url('../images/sm_box_top.jpg') no-repeat;}
#smBoxBtm {position:absolute; bottom:-9px; left:0; width:538px; height:9px; height:9px; background:url('../images/sm_box_btm.jpg') no-repeat;}
#contact_col1 {width:250px; float:left;}
#contact_col2 {width:550px; float:left;}
#smBoxFormWrap {position:absolute; top:20px; left:24px; width:487px; height:247px; background:url('../images/form_bg.gif') no-repeat;}
#contactForm {width:380px; height:177px; position:absolute; top:39px; right:-8px;}

/* MAIN CLASSES */
.navBtn {float:right; padding:20px;}
.pic_btn {width:119px; height:26px; position:absolute; bottom:-30px; right:6px;}
.partnersContent {width:780px; height:100px; padding-top:15px; padding-bottom:15px;}
.partnersImg {float:left; width:325px; height:100px; text-align:center;}
.partnersText {width:400px; height:100px; color:#182b48; line-height:16px;}
.arrowList li {list-style-image:url('../images/arrow.png');}
.grey a:link, .grey a:active, .grey a:visited {text-decoration:none; color:#a8bbc9;}
.grey a:hover {text-decoration:underline; color:#a8bbc9;}
.formStyle {width:368px; height:19px; margin-bottom:15px; border:none; background-color:#fff; font-size:14px; color:#0074ff;}
.formBtn {width:80px; height:30px; position:absolute; top:176px; right:6px;}

/* CLIENT LOGIN */
.clientLogin a {position:absolute; top:50px; right:80px; width:170px; height:20px; background:url("../images/client_login_btn.png") 0 0 no-repeat;}
.clientLogin a:hover {background-position: -170px 0;}
.clientLogin a:active {background-position: -170px 0;}

/* CUSTOMER LOGIN */
#login input {position:absolute; top:52px; right:100px; width:140px; height:14px; background:none; border:none; font:Arial,Helvetica,Sans Serif; font-size:8pt; color:#fff;}
#loginBtn {position:absolute; top:55px; right:85px; width:10px; height:10px; border:none; background:transparent url('../images/gpp_login_btn.gif') no-repeat center; overflow:hidden; text-indent:-999px; font-size:0px; display:block; line-height:0;}

/* CONTAINER */
#container {margin:8px auto; width:870px; height:auto; background:url('../images/gpp_body_bg.jpg') no-repeat;}
#contentWrap {width:870px; position:relative;}
#contentTop {position:absolute; top:-9px; left:0; width:870px; height:9px; background:url('../images/gpp_content_top.png') no-repeat;}
#contentBtm {position:absolute; bottom:-9px; left:0; width:870px; height:9px; background:url('../images/gpp_content_btm.png') no-repeat;}
#containShadow {width:870px; background:url('../images/gpp_content_shadow.png') repeat-y;}
#contentInnerWrap {width:860px; position:relative; top:0; left:5px; background:url('../images/gpp_content_main_bg.png') no-repeat; background-color:#0e151d;}
#content {padding:25px;}
#footer {width:870px; padding:20px 0 20px 20px;}

/* NAVIGATION */
#nav {margin:0 auto; width:832px; height:70px;}
#btn1 a {float:left; display:inline; width:71px; height:75px; background:url("../images/nav_btn_01.png") 0 0 no-repeat;}
#btn1 a:hover {background-position: -71px 0;}
#btn1 a:active {background-position: -71px 0;}
#btn2 a {float:left; margin-left:14px; display:inline; width:89px; height:75px; background:url("../images/nav_btn_02.png") 0 0 no-repeat;}
#btn2 a:hover {background-position: -89px 0;}
#btn2 a:active {background-position: -89px 0;}
#btn3 a {float:left; margin-left:14px; display:inline; width:195px; height:75px; background:url("../images/nav_btn_03.png") 0 0 no-repeat;}
#btn3 a:hover {background-position: -195px 0;}
#btn3 a:active {background-position: -195px 0;}
#btn4 a {float:left; margin-left:4px; display:inline; width:156px; height:75px; background:url("../images/nav_btn_04.png") 0 0 no-repeat;}
#btn4 a:hover {background-position: -156px 0;}
#btn4 a:active {background-position: -156px 0;}
#btn5 a {float:left; margin-left:7px; display:inline; width:123px; height:75px; background:url("../images/nav_btn_05.png") 0 0 no-repeat;}
#btn5 a:hover {background-position: -123px 0;}
#btn5 a:active {background-position: -123px 0;}
#btn6 a {float:left; margin-left:7px; display:inline; width:67px; height:75px; background:url("../images/nav_btn_06.png") 0 0 no-repeat;}
#btn6 a:hover {background-position: -67px 0;}
#btn6 a:active {background-position: -67px 0;}
#btn7 a {float:left; margin-left:7px; display:inline; width:78px; height:75px; background:url("../images/nav_btn_07.png") 0 0 no-repeat;}
#btn7 a:hover {background-position: -78px 0;}
#btn7 a:active {background-position: -78px 0;}
#navBg1 {width:51px; height:75px; background:url('../images/L_nav_03.png');}
#navBg2 {width:39px; height:75px; background:url('../images/L_nav_02.png');}
#navBg3 {width:49px; height:75px; background:url('../images/L_nav_01.png');}