/* RESET CSS */

body                                    {margin: 0;padding: 0;}

h1, h2, h3, h4, h5, h6,

form, p, ol, ul, li ,

dl, dt, dd, blockquote,

fieldset,legend,input                   {margin: 0px;padding: 0px;}

ol, ul                                  {list-style: none;}

a                                       {text-decoration:none;cursor: pointer;}

a:hover                                 {text-decoration: none;}

a:focus                                 {outline: 0;}

table                                   {border-collapse: collapse;}

a img                                   {border:0px;}

.wai                                    {display:none !important;}

.cb                                     {clear:both !important;}

.cl                                     {clear:left !important;}

.fr                                     {float:right;}



/*  site's CSS */

body                                    {font-family:arial,trebuchet ms, sans-serif;font-size:0.625em;text-align:left;background: url("../img/body-bg.jpg") repeat-x top left #eee;}

#page                                   {margin: 0 auto 0 auto;width:923px;overflow:hidden;background: url("../img/page-bg.png") no-repeat 0px 30px;padding:0 27px 0 30px;}

/*  the header  */



#header                                 {height:275px;width:100%;position:relative;background: url("../img/header-bg.png") repeat-x top left;}



#logo                                   {width:249px;height:136px;background: url("../img/qp-logo.gif") no-repeat top left;float:left;margin:43px 0 0 30px;display:inline;}

#logo h1 a                              {text-indent:-5000px;overflow: hidden;width:249px;height:136px;display:block;}



/* main menu */

ul#topnav                               {float:left;margin:47px 0px 0 10px;display:inline;width:20%;}

ul#topnav li                            {display:inline;margin-right:20px;float:left;}

ul#topnav li a                          {display:block;text-indent:-5000px;height:17px;float:left;}



ul#topnav li a.home                     {background: url("../img/home-icon.gif") no-repeat top left;width:18px;}

ul#topnav li a.location                 {background: url("../img/location-icon.gif") no-repeat top left;width:15px;}

ul#topnav li a.contact                  {background: url("../img/contact-icon.gif") no-repeat top left;width:17px;}



/* main menu */

ul#mainnav                              {z-index:9999;width:70%;margin-top:45px; font-size:155%;float:right;font-weight:bold;text-transform:uppercase;position:relative;}

ul#mainnav li                           {display:inline;margin-left:28px;float:left;}

ul#mainnav li a                         {color:#6e1649;}

ul#mainnav li a:hover                   {color:#e82395;}

ul#mainnav li a.clicked                 {color:#e82395;}



#wrapper                                {padding:0 30px 30px 30px;background:#fff;color:#2b2b2b;font-size:130%;line-height:140%;min-height:300px;overflow:hidden;height:100%;}

#stage                                  {position:absolute;background: url("../img/stage-bg.jpg") no-repeat top left;width:484px;height:297px;top:0px;right:40px;z-index:0;}

#sidebar                                {margin-top:20px;float:left;width:290px;margin-right:40px;}

#sidebar h3                             {color:#9c0072;font-size:115%;padding:25px 0 0 0;}

#sidebar h2                             {color:#9c0072;font-size:125%;padding:25px 0 0 0;}



#sidebar ul, #content ul.simplelist     {list-style-type:disc !important;margin:10px;}

#sidebar ul li, #content ul.simplelist li{margin:2px 0 0 20px;}



#sidebar a.moreinfo                     {padding-bottom:30px;display:block;}





/* main content area  */



#content                                {overflow:hidden;height:auto;}



p                                       {padding:10px 0;}



#content h2                             {font-size:145%;padding:30px 0 10px 0;line-height:130%;color:#6f0053;font-weight:normal;}

#content h3                             {font-size:120%;padding:15px 0 0 0;color:#000;}

#content h4                             {font-size:100%;padding:5px 0;}



#content a                              {color:#000;text-decoration:underline;}

#content a:hover                        {color:#aaa;text-decoration:none;}



a.moreinfo                              {font-weight:bold;padding-left:25px;background: url("../img/moreinfo-bg.gif") no-repeat left 2px;height:20px;line-height:15px;color:#d2009c !important;}



.box                                    {width:250px;float:left;margin-right:30px;margin-top:30px;}

.box.last                               {margin-right:0px;}

.box h2                                 {padding:0px 0 10px 40px !important;}



#content ol                             {list-style-type:decimal;margin:15px 10px;}

#content ol li                          {margin:2px 0 0 20px;}

#content ol ol                          {list-style-type:lower-roman !important;}


ul, #content ul.simplelist     {list-style-type:disc !important;margin:10px;}

ul li, #content ul.simplelist li{margin:2px 0 0 20px;}


.google_map                             {border:1px solid #999;width:100%;height:410px;}



address                                 {font-style:normal;margin-top:0px;}

blockquote                              {font-style:italic;font-size:115%;padding:10px 0;font-family:arial;}

blockquote strong                       {display:block;padding:10px 0;}

hr                                      {height:1px;border:none;border-top:1px solid #aaa;width:100%;margin:15px 0;}



.img_right                              {float:right;}



/* icons */

.tools                                  {background: url("../img/tools-icon.jpg") no-repeat top left;}

.plus                                   {background: url("../img/plus-icon.gif") no-repeat top left;}

.starting                               {background: url("../img/starting-icon.gif") no-repeat top left;}

.working                                {background: url("../img/working-icon.gif") no-repeat top left;}

.monitoring                             {background: url("../img/monitoring-icon.gif") no-repeat top left;}



h3.iconned                              {padding:9px 0 10px 40px !important;margin-top:20px;}

.box.wide                               {width:267px !important;}

.wide li                                {padding-bottom:7px;}



/* breadcrumb */

ul.steps                                {margin-top:10px;clear:both;margin-bottom:10px;overflow:hidden;}

ul.steps li                             {display:inline;margin:15px;float:left;}

ul.steps li a                           {overflow:hidden;text-indent:-5000px;width:253px;height:93px;display:block;}

ul.steps a.clicked                      {background-position:bottom left !important;}



ul.steps li a.step1                     {background: url("../img/step1.gif") no-repeat top left;}

ul.steps li a.step1:hover               {background: url("../img/step1.gif") no-repeat bottom left;}



ul.steps li a.step2                     {background: url("../img/step2.gif") no-repeat top left;}

ul.steps li a.step2:hover               {background: url("../img/step2.gif") no-repeat bottom left;}





ul.steps li a.step3                     {background: url("../img/step3.gif") no-repeat top left;}

ul.steps li a.step3:hover               {background: url("../img/step3.gif") no-repeat bottom left;}



/*footer style */



#footer_container                       {width:100%;background:#383838;}



#footer                                 {width:945px;margin:0px auto 0 auto;color:#eee;font-size:100%;padding:10px 0 20px 0;overflow:hidden;text-align:center;}

#footer ul                              {float:right;}

#footer ul li                           {display:inline;margin-left:5px;padding-right:5px;}



#footer a                               {color:#aaa;text-decoration:none;}

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

#footer ul li a.clicked                 {color:#fff !important;}



/* CSS used for styling the CONTACT form */

form#contact 						    {float:left;width:400px;margin-right:60px;margin-top:10px;}



form#contact label 					    {display:block;float:left;clear:left;width:100px;}

form#contact input 					    {background:#fff;margin-bottom:7px;border:1px solid #d8d8d8;width:280px;float:left;height:20px;}

form#contact textarea 				    {background:#fff;height:80px;border:1px solid #d8d8d8;width:280px;float:left;margin-bottom:7px;}

form#contact input#send				    {background:#000;float:left; border:0; margin-top:10px;cursor:pointer;width:80px;height:22px;color:#fff;margin-left:100px;display:inline;}

.faulty_field						    {background:#fff4f4 !important;color:#ff0000;border:1px solid #ff0000 !important;}

.red                                    {color:#ff0000 !important;font-weight:bold;}