/* GENERAL STYLES */	
* {padding:0px; margin:0px;}
a {color:#000000;}
a:hover {color:#000000;}
p {margin:0px 0px 20px 0px;}
li {margin:0px 0px 12px 20px;}
ul {list-style-type:square;}
.clear {clear:both;}
.left {float:left;}
.right {float:right;}
.center {margin:0px auto; text-align:center;}	
.small {font-size:x-small;}
.line {border-bottom:2px solid #627d98; margin-left:10px;}
.border {border:2px solid #627d98;}
.padded {padding:10px;}
.button {padding:6px 10px;}
h1, h2, h3, h4, h5, h6 {padding:0px; margin:0px 0px 20px 0px;}
h1, h2, h3, h4, h5, h6, strong, b {color:#627d98;}
h1 img {margin: 0px 20px 0px 0px;}
h1 {font-size:20px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h6 {font-size:10px;}
table {border-collapse:collapse; empty-cells:show;}
td {padding:6px;}
.error {color:Red;}
.singlecolumn {width:960px;padding:10px;}
.doublecolumn {width:450px;padding:10px;}
.triplecolumn {width:266px;padding:10px;}

.nomargin {margin:0px;}
.nopadding {padding:0px;}
.gray {color:#b9b9b9;}
.gray-bg {background-color:#b9b9b9;}
.darkgray {color:#717171;}
.darkgray-bg {background-color:#717171;}
.small {font-size:12px;}
.blue {color:#627d98;}
.blue-bg {background-color:#627d98;}
.black {color:#000000;}
.black-bg {background-color:#000000;}
.white {color:#ffffff;}
    .white-bg {background-color:#ffffff;}
.companycolor {color:#627d98;}
.companycolor-bg {background-color:#627d98;}
.testimponial-sep {color:#fff; text-align:center;} 

body {font-family:Arial,Helvetica,Sans-serif; font-size:12px; color:#2e2e2e; background:#627d98 url("/images/bg.jpg") repeat-x left top;}
	    	
/* MASTER CONTAINER */
#container {width:980px; margin:0px auto 0px auto;}
    
/* HEADER CONTAINER */
#header {width:980px; height:336px; margin-bottom:24px;}

/* MAIN NAV */
#mainnav {width:976px; height:29px; text-align:center; margin:0 auto;} /* width = menu item with * numbers of menu items */
#mainnav ul#menu {width:100%; height:29px; list-style-type:none; text-align:center;}
    #mainnav ul#menu li {display:inline; margin:0px; padding:0px;}
        #mainnav ul#menu li:first-child a {background:url("/images/menu-item-bg-first.jpg") no-repeat left top;}
        #mainnav ul#menu li:first-child a:hover {color:#fff; background-position:0 -29px;}    
        #mainnav ul#menu li a {display:block; width:122px; height:29px; line-height:29px; float:left; color:#fff; text-decoration:none; text-align:center; font-weight:bold; background:url("/images/menu-item-bg.jpg") no-repeat left top;}
        #mainnav ul#menu li a.lgLink {display:block; width:244px; height:29px; line-height:29px; float:left; color:#fff; text-decoration:none; text-align:center; font-weight:bold; background:url("/images/menu-item-bg-lg.jpg") no-repeat left top;}
        #mainnav ul#menu li a:hover {color:#fff; background-position:0 -29px;}
        
/* MAIN NAV -> DYNAMIC SUBMENU STYLES */
#mainnav ul#menu li a.selectedanchor{background-position:0px -29px;}
.dynSubMenu{position: absolute; left: 0px; top: 0px; visibility: hidden; border: 1px solid black; border-bottom-width: 0px; line-height: 18px; z-index: 100; background:#557fa9; width: 244px;}
.dynSubMenu ul{margin: 0px; padding: 0px; list-style-type: none;}
.dynSubMenu ul li{margin: 0px; padding: 0px;}
.dynSubMenu ul li a{width:100%; display:block; border-bottom: 1px solid #00344c; padding:6px 0; text-decoration: none; text-indent:10px; color:#fff;}
.dynSubMenu a:hover{background:#00344c;color: white;}
/* Alternate multi-column class for drop down menus */
.dynSubMenucols{position: absolute; width: 350px; left: 0px; top: 0px; visibility: hidden; border: 1px solid black; padding: 10px; font: normal 12px Verdana; z-index: 100; background: #E9E9E9;}
.dynSubMenucols li{padding-bottom: 3px;}
.dynSubMenucols .column{float: left; padding: 3px 8px; margin-right: 5px; background: #E0E0E0;}
.dynSubMenucols .column ul{margin: 0px; padding: 0px; list-style-type: none;}
 /* class for shadow DIV - Keep this as is */
.anylinkshadow{position: absolute; left: 0px; top: 0px; z-index: 99; background: black; visibility: hidden;}            


/* HEADER -> LEFT */
#headerLeft {float:left; width:265px; height:337px;}

/* HEADER -> LEFT -> LOGO */
#headerLeft #logo {width:265px; height:236px;}

/* HEADER -> LEFT -> SEARCH */
#headerLeft #search  {clear:both; background:url("/images/txtSearch-bg.gif") no-repeat left top; border:0; width:255px; height:81px; margin-right:10px; margin-top:20px;}
#headerLeft #search .txtSearch{float:left; outline:none; border:0; padding-top:6px; padding-left:6px; background:transparent; font-family:'trebuchet ms'; color:#3d3d3d; width:169px; height:26px;}
#headerLeft #search .btnSearch {float:right; width:80px; height:32px; border:none; cursor:pointer; background:#dedede;}	


/* HEADER -> RIGHT */
#headerRight {float:right; width:715px; height:337px; text-align:center;}

/* HEADER -> RIGHT > QUICK MENU */
#headerRight #quickmenu {list-style-type:none; background:#fff; margin:0px; padding:47px 0px 0px 25px; text-align:left; width:682px; height:290px; background:url("/images/quicklinks-bg.jpg") no-repeat left top;}
 #headerRight #quickmenu li {float:left; padding:0px; margin:0px;}
    #headerRight #quickmenu li a {padding:0px; margin:0px; display:block; width:160px; height:233px; text-align:center; color:#fff;}
    #headerRight #quickmenu li a span {display:none;}
    #headerRight #quickmenu #Imaging a {margin-left:8px; background:url("/images/imaging-bg.jpg") no-repeat top left;}
    #headerRight #quickmenu #FileStorage a {margin-left:5px;background:url("/images/file-storage-bg.jpg") no-repeat top left;}
    #headerRight #quickmenu #DataBackup a {margin-left:5px;background:url("/images/data-backup-bg.jpg") no-repeat top left;}
    #headerRight #quickmenu #Shredding a {margin-left:5px;background:url("/images/shredding-bg.jpg") no-repeat top left;}
    


/* PAGEBODY CONTAINER */
#pagebody {clear:both; width:980px; font-size:14px;}

/* PAGEBODY -> LEFT */
#pagebody #pagebodyLeft {padding-right:23px; float:left; width:558px; line-height:1.3em;}

/* Rounded Boxes */
.content-r1 {width:558px; height:9px; background:url("/images/content-r1.jpg") no-repeat left top; margin-top:34px;}
.content-r2 {width:528px; background-color:#ccc9c6; padding:15px;}
.content-r3 {width:558px; height:10px; background:url("/images/content-r3.jpg") no-repeat left top; margin-bottom:34px;}

.subcontent-r1 {width:961px; height:11px; background:url("/images/subcontent-r1.jpg") no-repeat left top; margin-top:64px; margin-right:19px;}
.subcontent-r2 {width:931px; background-color:#ccc9c6; padding:15px; margin-right:19px;}
.subcontent-r3 {width:961px; height:10px; background:url("/images/subcontent-r3.jpg") no-repeat left top; margin-bottom:34px; margin-right:19px;}

/* PAGEBODY -> RIGHT */
#pagebody #pagebodyRight {margin-right:19px; float:right; width:380px; font-size:12px; line-height:1.3em;}

/* Rounded Boxes */
.panel-r1 {width:380px; height:9px; background:url("/images/panel-r1.jpg") no-repeat left top; margin-top:34px;}
.panel-r2 {width:350px; background-color:#262626; padding:15px; color:#b3c6e4;}
.panel-r3 {width:380px; height:10px; background:url("/images/panel-r3.jpg") no-repeat left top; margin-bottom:34px;}
.satisfying-hdr {text-align:center; height:21px; background:url("/images/satisfying-hdr.jpg") no-repeat left top;}
    .satisfying-hdr span {display:none;}
    .panel-r2 a {color:#fff; text-decoration:none;}
    .panel-r2 a:hover {text-decoration:underline;}
    .panel-r2 b, .panel-r2 strong {color:#6084a4;}


/* FOOTER */
#footer {clear:both; width:100%; padding:24px 0px 24px 0px; background-color:#181919;}
#footer #footercontainer {width:980px; margin:0px auto 0px auto;}
#footer #footercontainer #footermenu {float:left; width:581px;}
#footer #footercontainer #footermenu li {list-style-type:none; margin:0px; padding:0px 12px 0px 0px; font-size:10px; font-family:Verdana; font-weight:bold; color:#fff; float:left;}
  #footer #footercontainer #footermenu li a {color:#fff; display:block; margin-bottom:12px; text-decoration:none;}
  #footer #footercontainer #footermenu li a:hover {color:#475d73; text-decoration:underline;}
#footer #footercontainer #footermenu li ul li {display:block; font-weight:normal; color:#475d73; float:none; background:url("/images/footermenu-item-bg.jpg") repeat-y right top;}
    #footer #footercontainer #footermenu li ul li a {color:#475d73; margin:0px; padding:0px; text-decoration:none;}
    #footer #footercontainer #footermenu li ul li a:hover {color:#fff; text-decoration:underline;}  

#footer #footercontainer #contactinfo {margin-right:19px; float:right; width:380px; text-align:right;}
    #footer #footercontainer #contactinfo #phone {color:#fff; font-family:Verdana; font-size:24px; font-weight:bold;}
    #footer #footercontainer #contactinfo #address {margin-top:8px; color:#909aa1; font-family:Verdana; font-size:12px; font-weight:bold;}
    #footer #footercontainer #contactinfo #copyright {margin-top:16px; color:#909aa1; font-family:Verdana; font-size:10px; font-weight:normal;}