@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; outline:0;}
ul, li { list-style:none; }
a img { border:0;}
p { padding:6px 0;}
.clr { clear:both; display: block; }
.clear { clear:both; line-height:0; font-size:0; height:0; width: 100%; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
body { font-family:Arial, Helvetica, "Nimbus Sans L", FreeSans; font-size:15px; background: #000 url(../images/bg.jpg) center top no-repeat; letter-spacing:0px;  }
/*end mini reset*/
/*font classes*/
/*affects globally minus "some" links*/
.xsmall { font-size:11px; }
.small { font-size:12px; }
.msmall { font-size:13px; }
.xmedium { font-size:16px; line-height:18px; font-smooth: always; }
.medium { font-size:14px; line-height: 18px; font-smooth: always; }
.large { font-size: 18px; font-smooth: always; }
.xlarge { font-size:19px; line-height: 26px; font-smooth: always; }
.mlarge { font-size:24px; line-height: 24px; font-smooth: always; } 
.xmlarge { font-size:26px; font-smooth: always; }
.xxlarge { font-size:35px; line-height:35px; font-smooth: always; }
.xxxlarge { font-size:48px; line-height:50px; font-smooth: always; }
#homeback { background-color: #000; background-image: url(../images/bg-home.jpg); background-repeat: repeat-x; }

.b { font-weight: bold;}

.white { color:#FFF; }
.orange { color:#f36f21;}
.green { color:#beff27; }
.grey { color:#b8b8b8; }
/*end font classes*/
#wrap { width: 980px; margin: 0 auto; }
#content { width: 980px; overflow: hidden; }

/* general header*/
#header { height: 144px; background-image: url(../images/header_bg.png); }
#logo { height: 144px; background-image: url(../images/grindhouse_mobile_logo.jpg); width: 314px; float: left; text-indent:-4000px; font-size:12px; position:relative; }


#home-link {
    position: absolute;
    width: 314px;    /* width of the logo */
    height: 144px;   /* height of the logo */
    top: 0; left: 0; /* top-left corner of logo */
    border: 0;
    float: left;
}


#topNav { height: 30px; float: left; display: block; width: 620px; padding: 55px 0 0 46px; }
#topNav li { float: left; }
#topNav li a { float: left; color: #FFF; text-decoration: none; padding-left: 12px; line-height: 30px; height: 31px; display: block; font-size: 18px; font-weight: bold; }
#topNav li a span { float: left; padding-right: 12px; display: block; height: 31px; }
#topNav:hover li a.current:hover, #topNav li a.current, #topNav li a:hover { background: url(../images/header_hover_left.png) no-repeat; }
#topNav:hover li a.current:hover span, #topNav li a.current span, #topNav li a:hover span { background: url(../images/header_hover_right.png) no-repeat right; }
#topNav:hover li a.current, #topNav:hover li a.current span   { background: none; }
#topSpecial { width: 980px; height: 129px; margin-right: auto; margin-left: auto; }
/*end of header*/

/*general footer*/
#footer { height:122px; clear:both;}
#footer .copyright { float: left; display: block; padding: 80px 0 0 26px; width: 288px; }
#bottomNav { height: 30px; float: left; display: block; width: 620px; padding: 0px 0 0 46px; overflow: hidden; margin-top: 55px; }
#bottomNav li { float: left; }
#bottomNav li a { float: left; color: #FFF; text-decoration: none; padding-left: 12px; line-height: 30px; height: 31px; display: block; font-weight: bold; font-size: 18px; }
#bottomNav li a span { float: left; padding-right: 12px; display: block; height: 31px; }
#bottomNav:hover li a.current:hover, #bottomNav li a.current, #bottomNav li a:hover { background: url(../images/footer_hover_left.png) no-repeat; }
#bottomNav:hover li a.current:hover span, #bottomNav li a.current span, #bottomNav li a:hover span { background: url(../images/footer_hover_right.png) no-repeat right; }
#bottomNav:hover li a.current, #bottomNav:hover li a.current span   { background: none; }
/*end footer*/

/*index page*/
#content .topMain { height: 389px; }
#content .topMain .left { float: left; width: 370px; background-image: url(../images/main_top_left_bg.jpg); padding: 29px 51px 0 23px; height: 360px; }
#content .topMain .left .xmedium { padding: 32px 0 16px 0; }
#content .topMain .right { float: left; background-image: url(../images/main_top_right_bg.jpg); width: 536px; height: 389px; }
#content .topMain .left span a img { padding-right: 5px; }
#content .centerMain { clear: both; }
#content .bottomMain { height: 571px; }
#content .bottomMain .left { background: url(../images/iphone__main_bg.jpg); width: 624px; height: 571px; float: left; }
#phoneMain { display: block; float: left; padding: 102px 36px 0 52px; width: 204px; height: 306px; overflow: hidden; }
#content .bottomMain .left .phoneRight { float: left; padding: 24px 0 0 0; width: 290px; overflow: hidden; }
#content .bottomMain .left .phoneRight p.large, #appUrl { padding: 0px; }
#content .bottomMain .left .phoneRight p.medium { padding: 12px 0 16px 0; }
#appUrl a { text-decoration: none; }
#appStore img { padding: 6px 0 12px 0; clear: right; }
#appList { float: left; display: block; width: 100%; overflow: hidden; padding-top: 6px; padding: 6px 0; height:92px; }
#appList li { float: left; display: block; width: 67px; text-align:center; }
#appList li a { text-decoration: none; font-weight: bold; }
#appList li a span { display: block; }
#content .bottomMain .left .phoneRight  .more { margin-top:16px;}
#content .bottomMain .right { float: left; background-image: url(../images/news_main_bg.jpg); height: 558px; width: 342px; padding: 13px 0 0 14px; }
#newsLogos { height: 90px; display: block; }
#content .bottomMain .right p { display: block; padding: 8px 6px 8px 15px; }
#wrap .mainFooter { background: url(../images/footer_main_bg.jpg); }
/*end of index page*/
/*inner page nav*/
#innerNav { height: 31px; clear: right; background-image: url(../images/inner_navbar_bg.jpg); }
#innerNav ul { display: block; padding-left: 20px; }
#innerNav ul li { color: #FFF; float: left; line-height: 31px; padding-right: 6px; }
#innerNav ul li a { color: #FFF; padding-right: 6px; }
#innerNav ul .current { color: #beff27; }
/* end inner page nav*/
/*services Page*/
#wrap .inner { background: url(../images/services_header.jpg); height: 143px; overflow: hidden; }
#leftServices { float: left; background: url(../images/about_main_top_left.png) left 0px no-repeat; width: 314px; height: 987px; padding: 19px 0 0 0; }
.services { padding: 53px 0 0 14px; height: 123px; }
.services ul { display: block; margin-right: 110px; }
.services ul li { display: block; float: left; width: 100%; height: 30px; }
.services ul li a { display: block; width: 175px; height: 26px; line-height: 24px; padding-left: 8px; color:#fff; }
.services ul li a:hover, .services ul li a.current { background: #e26820; text-decoration:none; }
.services ul:hover a.current { background:none; }
.services ul:hover a.current:hover { background: #e26820; }
.newsletter { padding: 46px 45px 0 26px; height: 194px; }
.mediuminput { background: #000; border: solid 1px #fff; padding: 2px 0 0 4px; height: 20px; font-size: 14px; font-style: italic; color: #999; }
.newsletter form p { padding: 6px 0 0 0; }
.nextStep { height: 130px; padding: 50px 45px 0 26px; }
.solutions { height: 150px; padding: 50px 0 0; }
.featured { height: 138px; padding: 50px 0px 0 26px; background: url(../images/featured_app_hdr_bg.png) no-repeat; }
.featured .phone { float: left; display: block; padding: 6px 10px 0 0; }
.featured p { float: left; width: 214px; display: block; }
.featured p .appName { display: block; }
.featured p .description { display: block; line-height: 14px; }
#rightServices { float: left; width: 666px; padding: 72px 0 0 0; background: url(../images/services_right_bg.jpg) left -36px no-repeat; height: 934px; }
#rightServices .top, #rightfServices .top { padding: 0 46px 0 20px; display: block; height: 220px; }
#rightServices .process { display: block; padding: 6px 50px 6px 30px; letter-spacing: normal; height: 110px; }
#rightServices .title1, #rightfServices .title1 { padding: 8px 0 0 30px; display: block; height: 30px; letter-spacing: 0px; clear: right; }
#rightServices #strategyList { float: left; display: block; padding: 20px 0 0 35px; width: 631px; }
#rightServices #strategyList li { float: left; }
#rightServices #strategyList li span { display: block; width: 110px; text-align: center; padding: 0px 7px; letter-spacing: normal; }
#rightServices .specialized { height: 297px; clear: left; padding: 20px 0 0 30px; }
#rightServices .specialized .left .title2 { display: block; height: 30px; clear: right; }
#rightServices .specialized .left { float: left; width: 330px; }
#rightServices .specialized .left ul, #fullList ul  { float: left; display: block; width: 100%; }
#rightServices .specialized .left ul li, #fullList ul li { display: block; float: left; width: 93%; padding: 5px 0 5px 7%; background: url(../images/orange_check.png) 0 8px no-repeat; height: 27px; }
#rightServices .specialized .left ul .l2, #fullList ul .l2 { background: url(../images/green_check.png) 0 8px no-repeat; }
#rightServices .specialized .left ul li a { color:#fff;}
#rightServices .specialized .left ul li a:hover { text-decoration:underline; }
#rightServices .specialized .left .viewAll { display: block; clear: left; padding-top: 5px; font-weight: bold; }
#rightServices .specialized .left .viewAll .green,  #rightServices .specialized .left .viewAll .white { text-decoration: underline; }
#rightServices .specialized .right { background: url(../images/specialized_phones.jpg); float: left; width: 260px; height: 244px; }
#rightServices .getMobilized { position: relative; left: 30px; width: 592px; }
#wrap .servicesFooter { background: url(../images/services_footer.jpg) left top no-repeat; background-position: 0 -2px; height: 120px; }
/*end services*/
/*services full*/
#content .fsWrap1 { background: url(../images/services_full_repeat_bg.jpg) 0 bottom repeat-y; }
#content  .fsWrap2 { background: url(../images/services_full_bottom.jpg) no-repeat left bottom; padding-bottom: 50px; }
#leftfServices { background: url(../images/about_main_top_left.png) no-repeat; float: left; width: 314px; padding: 19px 0 0 0; }
#rightfServices { float: left; width: 666px; background: url(../images/services_full_top_right.jpg) no-repeat; padding:72px 0 0 0 ; }
#rightfServices .top { height:165px; }
#fullList { height: 277px; }
#fullList .left { float: left; width: 338px; padding: 0 0 0 32px; }
#fullList .title3 { display: block; line-height: 24px; padding-top: 2px; height: 36px; }
#fullList .right { float: left; width: 258px; } 
#fullList .right p { letter-spacing: normal; padding-top: 3px; }
#rightfServices .mobileCatDesc { background: url(../images/services_app_hdr_bar.png) repeat-x; padding: 0 20px; margin-left: 13px; width: 589px; position: relative; margin-top: 10px; }
#rightfServices .mobileCatDesc .title4 { height: 30px; display: block; background: url(../images/underline_bg.jpg) 0 30px no-repeat; float: left; padding-top: 10px; }
#rightfServices .mobileCatDesc .title4 .bg { float: left; display: block; background: url(../images/underline_right.jpg) right 19px no-repeat; padding-right: 20px; height: 30px; }
#rightfServices .mobileCatDesc p { clear: left; }
#rightfServices .goto { display: block; position: absolute; left: 552px; top: 5px; background-image: url(../images/goto_bg.png); }
#rightfServices .goto:hover { background-image:url(../images/goto_hvr_bg.png)}
#fullList ul li a { color: #FFF; }
#fullList ul li a:hover { text-decoration:underline; }
/*end full services*/
/*about management*/
#content  .fsWrap3 { background: url(../images/services_full_bottom.jpg) no-repeat left bottom; }
#rightManagement .top { padding: 0 46px 0 20px; display: block; height:200px; }
#rightManagement { float: left; width: 662px; background: url(../images/services_full_top_right.jpg) no-repeat; }
#rightManagement .bgwrap { padding:72px 0 60px 0; overflow: hidden; background-repeat: no-repeat; position:relative; }
#rightManagement .managerList { border-bottom: thin solid #4d4d4d; margin: 0 30px; width: 596px; padding-bottom: 23px; }
#rightManagement .managerList .info { float:left; display:block; width:522px; padding-top: 15px; } 
#rightManagement .managerList span { display:block;  height:26px; }
#rightManagement .managerList .contact { float: left; display: block; margin-top: 15px; }
#rightManagement .managerList p { display: block; clear: both }
#rightManagement  .getMobilized { margin-left: 30px; display: block; width: 592px; margin-top: 20px; clear: left; }

#leftfServices .positiveResults { padding: 61px 0 0 16px; background: url(../images/positive_results_hdr.jpg) no-repeat; letter-spacing: 0px; line-height: 14px; }
#leftfServices .positiveResults img { float:left; padding-right: 10px; }
#leftfServices .positiveResults p { display:block; float:left; width: 180px; }
#leftfServices .positiveResults span { display: block; }

#leftfServices .about { padding: 53px 0 0 14px; height: 123px; background: url(../images/about_us_hdr.jpg) no-repeat; }
#leftfServices .about ul { display: block; margin-right: 110px; }
#leftfServices .about ul li { display: block; float: left; width: 100%; height: 30px; }
#leftfServices .about ul li a { display: block; width: 175px; height: 26px; line-height: 24px; padding-left: 8px; color:#fff; }
#leftfServices .about ul li a:hover, #leftfServices .about ul li a.current { background: #e26820; text-decoration:none; }
#leftfServices .about ul:hover a.current { background:none; }
#leftfServices .about ul:hover a.current:hover { background: #e26820; }
/*end about management*/
/*about testimonials*/
#rightManagement .testiContainer { border-bottom: 1px solid #4d4d4d; width: 596px; clear: both; padding: 13px 0; float: left; left: 30px; position: relative; }
#rightManagement .testiContainer .left { float: left; padding-right: 13px; }
#rightManagement .testiContainer .right { float: left; width: 430px; }
#rightManagement .testiContainer  .xmlarge { display: block; height: 25px; padding-top: 2px; }
/*end about testimonials*/
/*about mainpage*/
#content .aboutInnav { background: url(../images/about_inner_navbar_bg.jpg); }
#rightManagement .bgwrap2 { background: url(../images/about_main_right_bg.jpg) no-repeat; padding:72px 0 0px 0; overflow: hidden; background-repeat: no-repeat; }
#rightManagement .bgwrap2 .top { padding-right:370px; line-height: 32px; height: 192px; padding-left: 30px; }
#rightManagement  .aboutBtm { padding:30px 35px 30px 30px; line-height: 26px; }
#rightManagement  .languages  { display: block; width: 100%; line-height: 0; font-size: 0px; padding: 12px 0; }
#rightManagement  .languages  li { display: block; width: 96%; padding: 0px 0 5px 4%; background: url(../images/orange_check.png) 0 6px no-repeat; height: 27px; font-size: 18px; line-height: 26px; }
#rightManagement  .languages  .l2 { background: url(../images/green_check.png) 0 6px no-repeat; }
#content .fsWrap4 { background: url(../images/about_main_repeat_bg.jpg) bottom; }
#content .fsWrap5 { background: url(../images/about_main_btm_bg.jpg) bottom no-repeat; }
#content .nobg { background-image: none ; }
/*end about mainpage*/
/*contact page*/
#content .fsWrap6 { background: url(../images/bg_transition.png) no-repeat 0 840px; }
#rightManagement .contactform { float: left; padding: 18px 0 0 32px; width: 378px; position: relative; }
#rightManagement .contactform span { display: block; clear: right; }
#rightManagement .contactform .left { display: block; float: left; width: 85px; line-height: 31px;  padding: 13px 0 0 0; clear: left; }
#rightManagement  .contactform .right { display: block; float: left; padding: 13px 0 0 0; width: 293px; }
.largeinput { width: 267px; border: solid 2px #6c6c6c; font-size: 14px; font-weight: bold; padding: 4px 0 0 4px; height: 23px; }
.largedropdown{ width: 275px; border: solid 2px #6c6c6c; font-size: 14px; font-weight: bold; padding-top: 2px; padding-bottom: 2px; padding-right: 2px; }
#rightManagement .contactform .full { display: block; float: left; padding: 0 0 0 85px; font-size: 11px; color: #970000; width: 293px; }
#rightManagement .contactform .right textarea { display: block; width: 267px; padding: 0 0 0 4px; border: solid 2px #6c6c6c; font-size: 14px; font-weight: bold; }
#rightManagement .contactmethods { float: left; width: 210px; padding-top: 18px; position: relative; }
#rightManagement .contactmethods p { display: block; height: 45px; padding: 8px 0 0 0; border-top: solid 1px #6c6c6c; }
#rightManagement .contactmethods span { display: block; }
#rightManagement .contactmethods .title5 { display: block; height: 32px; }
#rightManagement .contactmethods p.last { border-bottom: 1px solid #6c6c6c; }
#rightManagement .address { float: left; padding: 42px 0 0 32px; width: 284px; background: url(../images/contact_grindhouse_logo.jpg) 33px 90px no-repeat; position: relative; }
#rightManagement .address .location { display: block; height: 97px; }
#rightManagement .address p { display: block; padding: 2px 0; }
#content .contactbg { background: url(../images/contact_right_bg.jpg) no-repeat; }
#content .contactbg .top { height:45px; }
#rightManagement  .contactmethods p img { float: left; position: relative; top: -5px; padding-right: 6px; left: 0px; }
.fsWrap7 {  background: url(../images/management_btm_fade.jpg) 319px bottom no-repeat;} 
/*end contact page*/
/*products page*/
#content .prodbg1 { background: url(../images/products_repeat_bg.jpg); }
#content .prodbg2 { background: url(../images/products_top_bg.jpg) no-repeat; }
#content .prodbg3 { background: url(../images/products_btm_bg.jpg) 0 bottom  no-repeat; padding: 125px 0 60px 52px; }
#content .prodbg3 .topProd { background: url(../images/prodpage_top_phones_ico.png) no-repeat; padding:40px 43px 10px 100px; display: block; clear: right; }
#content .prodbg3 .row { clear: both; padding-top: 11px; }
#content .prodbg3 .row ul { display: block; float: left; width: 280px; padding-left: 14px; padding-bottom: 10px; }
#content .prodbg3 .row ul li { display: block; padding: 10px 0; height: 60px; }
#content .prodbg3 .row ul .title6 { background: url(../images/underline_title7_bg.png) left bottom no-repeat; height: 32px; padding: 0; }
#content .prodbg3 .row ul li img { float: left; padding-right: 12px; }
#content .prodbg3 .row ul li span img { float:none; padding:0; }
#wrap #content .prodbg3 .row ul li a { display: block; padding:8px 0 0 0;  height:28px; color:#FFF;  text-decoration:underline;}
#wrap #content .prodbg3 .row ul li a:hover { text-decoration:none; }
/*end of products page*/
/*products template*/
#content  .prodbg4 { background: url(../images/product_template_top_bg.jpg) no-repeat; }
#content .prodbg4 .prodbg3 { padding-top: 70px; padding-left: 28px; }
#content .prodbg4 .title7 { display: block; height: 90px; }
#content .prodbg4 .phone .phoneProd { display: block; float: left; padding: 77px 36px 0 23px; width: 204px; height: 306px; overflow: hidden; }
#content  .productContainer .phone { float: left; background: url(../images/prod_tmpl_phone_bg.jpg) no-repeat; width: 280px; height: 490px; }
#content .productContainer .right { float: left; width: 598px; }
#content .productContainer { clear: both; padding: 0 0 0 30px; }
#content  .productContainer .right .appDetails { float: left; width: 275px; padding-right: 56px; }
#content .productContainer .appDetails p { padding: 0px; color: #fff; }
#content  .productContainer .appDetails .medium { padding: 18px 0; }
#content  .productContainer .appFeatures { display: block; float: left; width: 230px; }
#content .productContainer .appFeatures .green { display: block;}
#content  .productContainer .appFeatures ul { display: block; height: 170px; padding-top: 10px; }
#content  .productContainer .appFeatures ul li { display: block; float: left; height: 27px; background: url(../images/small_green_check.png) 0 3px no-repeat; padding: 0 0 0 22px; width: 208px; }
#content .productContainer .appFeatures img { padding-top: 5px; }
#content .productContainer .notes { clear: left; display: block; padding-top: 10px; }
#content .productContainer .more { padding: 16px 0 0 0; }
/*end products template*/
/*news page*/
#content .prodbg5 { background: url(../images/news_top_bg.jpg) no-repeat; }
#content .prodbg1 .prodbg5 .prodbg3 { padding: 120px 30px  0 30px; }
#content .prodbg1 .prodbg5 .prodbg3 .topNewsbanner { text-align: center; padding: 30px 0 0 10px; clear: right; height: 145px; }
#content .topNewsbanner p { padding: 8px 0 6px 0; }
#content  .newsLeft { float: left; width: 600px; padding-right: 18px; padding-bottom: 60px; }
#content  .newsLeft .latest { display: block; }
#wrap #content  .newsLeft p a { color: #FFF; text-decoration: underline; }
#wrap #content  .newsLeft p a:hover { text-decoration:none; }
#content .newsRight { float: left; width: 300px; padding-bottom: 40px; }
#content  .newsRight .title8 { display: block; height: 28px; clear: right; }
#content .newsRight ul { display: block; line-height: 0; font-size: 0px; float: left; border-bottom: solid 1px #6c6c6c; }
#content  .newsRight ul li { display: block; border-top: solid 1px #6c6c6c; font-weight: bold; padding: 10px 0; line-height: 18px; font-size: 14px; }
#content .newsRight ul li a { display: block; color: #FFF; text-decoration: underline; }
#content .newsRight ul li a:hover { text-decoration:none; }
/*end of news page*/
/*brands*/
#content .prodbg6 .prodbg3 { padding-top: 70px; padding-left: 28px; }#content .prodbg1 .prodbg6 { background: url(../images/brands_top_bg.jpg) no-repeat; }
#content .prodbg6 .title7  { height:40px; }
#content  .brandContainer { clear: both; padding: 30px 45px 0 20px; }
#content .brandContainer .left { float: left; background: url(/ghm/images/brands.jpg) 0 2px no-repeat; width: 267px; height: 303px; padding: 4px 2px 2px 2px; }
#content .brandContainer .right { float: left; width: 590px; padding: 0 0 0 14px; }
#content .fsWrap8 { background: url(../images/management_btm_fade.jpg) no-repeat 319px bottom; }
/*end brands*/
/*form drop down*/
/*Selects*/
#mySelect2 p, #mySelect2 a { padding:0; margin:0; width:110px; }
.selectArea { width:260px; height:31px; background: url(../images/dropdownbox_bg.png) repeat-x left top; float: left; position:relative; top: 0px; font-style: normal; display:inline; }
.selectArea .left1 { width:6px; height:31px; float:left; background: url(../images/dropdownbox_left_bg.png) no-repeat left top;  font-size:12px;}
.selectArea .right1 {width:24px; height:31px; float:right; background: url(../images/dropdownbox_right_bg.png)  no-repeat right top; }

.selectArea .right1 a { display:block; width:160px; height:31px; margin-left:-179px; position:absolute; }
.selectArea .center { width:130px; color:#000; padding-top:5px; overflow:hidden; white-space:nowrap; }
.optionsDivVisible { display:block; width:152px; border:solid 1px #6c6c6c; border-top:none; }
#mySelectText0 { font-weight:bold;}
* html #mySelectText0 { line-height:20px; }
/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible { position:absolute; margin-top:-1px; margin-left:3px; width:152px; background:#fff; padding:2px; font-size:11px; z-index:20; letter-spacing:normal; }
.optionsDivInvisible { display:none; }
.optionsDivVisible p { margin:0; padding:0; }
.optionsDivVisible a { color:#000; text-decoration:none; display:block; padding:1px 4px; border:1px solid #fbf8ec; }
.optionsDivVisible a:hover { color:#333; background:#fbf8ec; border-color:#000; }

/*end of dropdown*/