/* CSS Document */
/*Global Styles*/
body{ margin:0; padding:0; color:#FFFFFF; }
html body { margin:0; padding:0; margin-top:20px;}
h1, h2, h3, h4, h5, h6, from, ul, li, dl, dt, dd, hr { margin:0; padding:0; list-style:none; list-style-type:none;}

h1{ font-weight:normal; margin:0; padding:0; color:#FFFFFF; font-size:190%;}
h2{ font-weight:normal; margin:0; padding:0; color:#FFFFFF;}
h6 {font-size:110%;}
.hr{border-bottom:1px solid #757575; display:block; width:923px; margin-bottom:20px;}

/*background styles*/

body{ background-color:#1f1f1f; font-size:100%; font-family:Arial, Helvetica, sans-serif;  margin-top:20px;}
#main-container{ }
#page-bg { background:url(images/page-bg.jpg) left 23px repeat-x; }
#header-container{background:url(images/page-bg-top.jpg) left top repeat-x; }
#flash-container {}
#body-container {}

.column{  background:url(images/sectionbg.jpg) left top repeat-y; color:#000000;}
.column a{ background:url(images/sectionbg.jpg) left top repeat-y; color:#000000; text-decoration:none;}
.column a:hover{ background:url(images/sectionbg.jpg) left top repeat-y; color:#000000; text-decoration:underline;}
.column li{background:url(images/arrow.jpg) left 5px no-repeat;}
.column-3 li{background:url(images/arrow-1.jpg) left 8px no-repeat;}
.learning ul{ background:url(images/learning-bg.jpg) left bottom no-repeat;}
.products ul{ background:url(images/product-bg.jpg) left bottom no-repeat;}
.media ul{ background:url(images/media.jpg) left bottom no-repeat;}
.sectors ul{ background:url(images/sectorsbg.jpg) left bottom no-repeat;}
.helpdesk ul{ background:url(images/helpdeskbg.jpg) left bottom no-repeat;}
.redtv ul{ background:url(images/redlasertvbg.jpg) left bottom no-repeat;}

/*frame work styles*/
#main-container, #page-bg, #header-container, #main-navigation {width:964px; margin:auto; }
#header-container, #page-bg, #header-container, #flash-container, #body-container,  #footer-container, #main-navigation{float:left; width:964px;}

#flash-container, #body-container,  #footer-container{ width:943px; margin:auto;}
#page-container{ width:943px;  border:0px solid red; margin:auto;  }
#main-container{ } 
#flash-container { } 
#body-container {} 
#footer-container {} 
#header-container{ }
/*Navigation Styles*/ 
#top-nav{ float:right; width:auto; border:0px solid red; text-align:right; margin-right:10px;}
#main-navigation{ font-size:100%; text-align:center; font-weight:bold; }
#main-navigation ul{ margin:0; padding:0; padding-left:30px;}
#main-navigation li { list-style:none; list-style-type:none; float:left; width:auto; margin:0 2px;}
#main-navigation a{ background:url(images/menubg.jpg) left top no-repeat; color:#fff; padding-left:22px; display:block; text-decoration:none;}
#main-navigation a:hover{ background:url(images/menubg.jpg) left bottom no-repeat; color:#0d0d0d; }
#main-navigation a span{ background:url(images/menubg.jpg) right top no-repeat; color:#fff; display:block;  padding:6px 0px;  _padding:7px 0 6px 0px; padding-right:22px;}
#main-navigation a:hover span { background:url(images/menubg.jpg) right bottom no-repeat; color:#0d0d0d;}
#main-navigation a.active{background:url(images/menubg.jpg) left bottom no-repeat; color:#0d0d0d; }
#main-navigation a.active span{background:url(images/menubg.jpg) right bottom no-repeat; color:#0d0d0d;}

#bottom-nav{ width:100%; float:left; border-bottom:1px solid #757575; }
#bottom-nav img{ margin:0 10px; float:left; display:none;}

.footer-navigation a{ color:#636363; margin:0 10px; text-decoration:none;}
.footer-navigation a:hover{ color:#cf2227; }
.footer-navigation a.active{color:#cf2227;}

/*Header Styles*/
#header-container, #top-nav, .logo{margin-top:2px;  }
.logo{float:left; width:auto; margin-left:3px; }

/*Home page content Styles*/
.column{ width:157px; float:left;  margin:25px 0 40px 0;  font-size:80%;}
.column ul{ margin:0px; padding:5px 5px 5px 10px; list-style:none; list-style-type:none; line-height:21px; height:150px;}
.column li{ margin:0; list-style:none; list-style-type:none; padding-left:10px;}
.readmore{ text-align:center; background-color:#1f1f1f;}

.column-3 { width:300px; float:left; font-size:85%; margin:0 6px 0px 6px; color:#FFFFFF; border:0px solid red; padding-bottom:35px;}
.column-3 ul{ margin:0px; padding:15px 15px 15px 30px; list-style:none; list-style-type:none; line-height:24px; height:150px;}
.column-3 li{ margin:0; list-style:none; list-style-type:none; padding-left:10px;}
.column-3 .readmore{ text-align:right; color:#dc0000;}

/*Inner page content Styles*/
.content{ font-size:85%; color:#b4b4b4; width:auto; float:left; padding:35px 10px}
.content a{ color:#FFFFFF; text-decoration:underline;}
.content a:hover{ color:#b4b4b4; text-decoration:none;}
.content p{color:#b4b4b4; text-align:justify;}
.content p img{ float:right;}
.content span p img{ float:left;}
.content span{ color:#FFFFFF;}
.content strong{}
.content ul{ margin:20px 0; padding:0; padding-left:10px; list-style:none; list-style-type:none;}
.content li{ padding-left:15px;   list-style:none; list-style-type:none; background:url(images/arrow-2.jpg) left 6px no-repeat; line-height:22px;}


.content1{ font-size:85%; color:#b4b4b4; width:930px; float:left; padding:35px 0 35px 10px; border:0px solid red; }
.content1 a{ color:#FFFFFF; text-decoration:underline;}
.content1 a:hover{ color:#b4b4b4; text-decoration:none;}
.content1 p{color:#b4b4b4; text-align:justify;}
.content1 p img{ float:right;}
.content1 span p img{ float:left;}
.content1 span{ color:#FFFFFF;}
.content1 strong{}
.content1 ul{ margin:20px 0; padding:0; padding-left:10px; list-style:none; list-style-type:none;}
.content1 li{ padding-left:15px;   list-style:none; list-style-type:none; background:url(images/arrow-2.jpg) left 6px no-repeat; line-height:22px;}
.content1 .content_left .hr{border-bottom:1px solid #757575; display:block; width:700px; margin-bottom:20px;}
.content_left{ float:left; width:680px; border-right:1px solid #757575; padding-right:20px;}
.content_right{ float:right; width:219px; }
.content1 .content_right ul{ margin:0px 0; padding:0; padding-left:10px; list-style:none; list-style-type:none;}
.content1 .content_right li{ padding-left:15px;   list-style:none; list-style-type:none; background:url(images/arrow-1.jpg) left 6px no-repeat; line-height:22px;}
.content1 .content_right li a{ /*padding-left:15px;   list-style:none; list-style-type:none; background:url(images/arrow-1.jpg) left 6px no-repeat; line-height:22px;*/ color:#FFFFFF; text-decoration:none;}
.content1 .content_right li a:hover{/* padding-left:15px;   list-style:none; list-style-type:none; background:url(images/arrow-1.jpg) left 6px no-repeat; line-height:22px;*/ color:#FFFFFF; text-decoration:underline;}
.content1 .content_left dl { margin:0; padding:0;}
.content1 .content_left dt{ padding-left:10px;   list-style:none; list-style-type:none; background:url(images/arrow-2.jpg) left 6px no-repeat; line-height:22px;}
.content1 .content_left dd{ padding-left:10px;   list-style:none; list-style-type:none; background:url(images/arrow-2.jpg) left 6px no-repeat; line-height:22px;}
 
.content1 .content_right li.active{ padding-left:15px;   list-style:none; list-style-type:none; background:url(images/arrow-1.jpg) left 6px no-repeat; line-height:22px; color:#FFFFFF; text-decoration:underline;}
.table-border{ border:1px solid #868686; border-bottom:0;}
.tdbg-light{ background-color:#515151; border-bottom:1px solid #868686;}
.tdbg-bark{background-color:#454545; border-bottom:1px solid #868686;}
.border-left{border-left:1px solid #868686;}

#clientpage-content{ float:left; width:auto;}
#clientpage-content h1{ background:url(images/client-line.jpg) right center no-repeat; width:900px; margin:25px 0;}
#clientpage-content ul{ margin:0px 40px; padding:0; padding-left:10px; list-style:none; list-style-type:none;}
#clientpage-content li{ padding-left:15px;   list-style:none; list-style-type:none; background:url(images/arrow3.jpg) left center no-repeat; line-height:22px;}

#footer-container { text-align:center; color:#636363; font-size:75%; margin:15px 0;}

.Gps-ticket{ background:url(images/submitaticketbg.jpg) left top no-repeat; margin:auto;  width:200px; height:288px; }

.content1 .content_right .redtext{ color:#dc0000;}
.content1 .content_right .redtext a{ color:#dc0000; text-decoration:none;}
.content1 .content_right .redtext a:hover{ color:#dc0000; text-decoration:none;}

span.clear{ clear:both; display:block;}
.content1 span p strong img{ float:left; margin-right:10px; }
p img.rightmargin{margin-right:10px; float:left; }
p img.rightmargin0{margin-right:10px; float:left; }