@import url('Global.css');
@import url('CMS.css');
@import url('thickbox.css');

html 
{
overflow: -moz-scrollbars-vertical;
}

body 
{
min-width: 1001px;
padding-top: 30px;
background: #000 url(img/background-body.jpg) no-repeat left top;
font-size: 10px;
font-family: Tahoma;
font-family:  Lucida Grande, Arial, Verdana, Helvetica, Sans-Serif;
color: #333;
}

#wrapper
{
width: 961px;
margin: 0 auto;
background: #FFF url(img/background-content.gif) repeat-y left top;
}

#branding-top
{
float: left;
width: 841px;
height: 67px;
padding: 10px 20px 0 100px;
background: #606060 url(img/background-topBranding.jpg) no-repeat left top;
}

#branding-top #phone
{
float: right;
margin-top: 22px;
}

#branding-side
{
width: 890px;
padding-left: 71px;
background: url(img/background-sideBranding.gif) no-repeat left bottom;
}

#nav-main
{
float: right;
width: 884px;
background-color: #670000;
background-color: #013064;
border-left: solid 1px #EAEAEA;
border-bottom: solid 3px #C4D4EC;
}

#nav-main ul
{
float: right;
width: auto;
margin-bottom: 0;
}

#nav-main li
{
float: left;
list-style: none;
margin-left: 0;
}

#nav-main li a
{
display: block;
padding: 2px 10px;
font-size: 11px;
letter-spacing: 0.1em;
text-decoration: none;
color: #fff;
}

#nav-main li a:hover
{
background-color: #fff;
color: #333;
}

#nav-main li a.current
{
background-color: #ED1D25; 
background-color: #C4D4EC;
color: #666;
}

#nav-main li a:hover.current
{
color: #fff;
color: #666;
cursor: default;
}

#content
{
position: relative;
float: left;
width: 850px;
padding: 0 20px;
/*border-top: solid 1px #d7d7d7;*/
/*background: url(img/background-mainContent.gif) repeat-y left top;*/
}

#footer
{
float: right;
width: 890px;
color: #3b6a98;
padding: 15px 0;
border-top: solid 1px #d7d7d7;
background: url(img/background-footer.gif) no-repeat right bottom;
}

#footer p
{
float: left;
width: 225px;
padding-left: 10px;
font-size: 1.0em;
line-height: 1.5em;
color: #7d7d7d;
}

#footer a
{
float: right;
padding: 0 10px;
border-right: solid 1px #3b6a98;
font-family: Trebuchet MS;
line-height: 1.5em;
color: #3b6a98;
color: #666;
text-transform: uppercase;
text-decoration: none;
}

#footer a.last
{
border-right: none;
}

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

#content-sub
{
float: left;
width: 600px;
min-height: 400px;
padding-left: 50px;
background: url(img/background-mainContent.gif) repeat-y left top;
}
#content-sub h1 {margin-left: -35px;}

#nav-sub
{
float: left;
width: 205px;
margin: 0 0 0 -14px !important;
margin: 0 0 0 -7px; /*fix for IE6*/
padding: 85px 0 0 0;
}

#nav-sub li
{
list-style: none;
margin: 2px 0 0 0;
font-weight: bold;
color: #000;
}

#nav-sub li ul
{
margin-bottom: 25px;
}

#nav-sub li h2
{
padding: 25px 0 0 5px;
font-size: 13px;
color: #000;
font-weight: bold;
}

ul#nav-sub li:first-child h2
{
padding-top: 0;
}

#nav-sub a
{
display: block;
padding: 2px 0 6px 5px !important;
padding: 0 0 5px 5px; /*fix for IE6*/
text-decoration: none;
font-family: Arial;
font-size: 13px;
font-weight: bold;
color: #000;
background: url(img/background-mainNav-li-a.gif) no-repeat right bottom;
border-bottom: none;
}

#nav-sub li ul li a
{
font-size: 11px;
color: #796769;
}

#nav-sub a:hover, #nav-sub li a.current
{
color: #830000;
background-image: url(img/background-mainNav-li-a-hover.gif);
}



/*------------------------------------------------------ GN Pages-----------------------------------------------------

.customer
{
color: #000;
letter-spacing: 0.1em;
}

/*------------------------------- + Access -------------------------------------------

#listAccessFeatures
{
list-style: none;
margin-left: 0px;
}

#listAccessFeatures li
{
clear: left;
margin-top: 20px !important;
margin-top: 0;
margin-bottom: 5px;
}

*+html #listAccessFeatures li
{
margin-top: 0 !important;
}

#listAccessFeatures img
{
float: left;
margin-top: 0 !important;
margin-top: 5px;
margin-right: 10px;
}

*+html #listAccessFeatures img
{
margin-top: 5px !important;
margin-bottom: 0;
}

#icon-ribbon
{
padding-top: 5px;
padding-bottom: 10px;
}

#listAccessFeatures h4
{
margin-bottom: 0.3em;
line-height: 1.0em;
}

#listAccessFeatures p
{
margin-bottom: 0;
font-size: 1.0em;
}

#listAccessFeatures p a
{
color: #666;
background-color: Transparent;
border-bottom: none;
}

#listAccessFeatures p a:hover
{
color: #42973D;
}

/*------------------------------------------------------ Solutions Pages-----------------------------------------------------

#solutions-logos
{
float: right;
width: 300px;
margin-top: -105px;
text-align: center;
}

#solutions-logos img
{
margin-bottom: 15px;
}

#continuity-logos
{
width: 100%;
text-align: center;
margin-bottom: 10px;
}

#continuity-logos img
{
padding-right: 40px;
}

#voip-isn-logo
{
float: left;
margin-top: -10px;
}

#voip-more-info
{
float: right;
width: 420px;
margin-top: 5px;
}

/*--------------------------- Document Management ------------------------------*/

#listDocumentManagement
{
list-style: none;
margin-left: 0px;
}

#listDocumentManagement li
{
clear: left;
margin-top: 15px !important;
margin-top: 0;
}

*+html #listDocumentManagement li
{
margin-top: 0 !important;
}

#listDocumentManagement img
{
float: left;
margin-top: 0 !important;
margin-top: 20px;
margin-right: 10px;
padding-bottom: 10px;
}

*+html #listDocumentManagement img
{
margin-top: 20px !important;
margin-bottom: 0;
}

#listDocumentManagement h4
{
margin-bottom: 0.3em;
line-height: 1.0em;
}

#listDocumentManagement p
{
margin-bottom: 0;
font-size: 1.0em;
}

/*---------------------------------------------Support Page-----------------------------------------------------------------*/

#remote-services
{
position: absolute;
top: 0;
right: 0;
float: right;
width: 280px;
padding: 50px 30px;
background: url(img/background-mainContent.gif) repeat-y left top;
/*border: solid 1px #dedede;
background-color: #f3f3f3;*/
text-align: center;
}

#remote-services p a
{
margin: 0 15px;
}

#client-login
{
width: 513px;
padding: 0 25px 25px 0;
background: url(img/background-mainContent.gif) repeat-y right top;
}

*+html #client-login
{
margin-bottom: -14px;
}

.client-login-header
{
margin-bottom: 15px;
}

#client-login label
{
float: left;
width: 75px;
}

#client-login input
{
padding: 2px;
background-color: #f3f3f3;
border: solid 1px #c4c4c4;
}

.btn-client-login
{
margin-top: 10px;
border: solid 1px #c4c4c4;
}



/*---------------------------------------------Contact Page-----------------------------------------------------------------*/

#contact-info
{
float: left;
width: 500px;
padding-right: 20px;
background: url(img/background-mainContent.gif) repeat-y right top;
}

.office-location
{
clear: left;
}

.office-location h2
{
margin-bottom: 0.5em;
}

.office-location p
{
float: left;
width: 200px;
}

.call-location 
{
float: left;
width: 30%
}

.call-location h4
{
clear: left;
margin-bottom: 0;
}

.call-location p
{
margin-bottom: 1.5em;
}

/*-------------------Contact Form-----------------------------*/

#form-contact
{
float: right;
width: 290px;
margin-top: 20px;
padding: 20px;
}

#form-contact
{
margin: 40px 0 0 0;
padding: 0;
border: none;
font-size: 12px;
}

#form-contact h4 {margin-bottom: 20px;}

#form-contact label, #form-contact input, #form-contact textarea, #form-contact select
{
float: left;
border: solid 1px #c4d4ec;
margin-bottom: 10px;
padding: 3px;
}

#form-contact label
{
width: 70px;
text-align: right;
margin-right: 3px;
border: none;
font-size: 1.0em;
color: #830000;
}

#form-contact input
{
width: 190px;
}

#form-contact textarea
{
width: 190px;
height: 100px;
}

.linebreak
{
margin-top: 10px;
}

#form-contact .btn
{
float: left;
width: 74px;
height: 23px;
margin: 10px 0 0 80px;
background: url(img/btn-send.gif) no-repeat right top;
text-indent: -9999px;
border: none;
}

#form-contact .btn:hover {background-image: url(img/btn-send-hover.gif);}

#form-contact label.error
{
float: right;
width: 100%;
text-align: left;
background-color: #C4D4EC;
color: Red;
}

.validator
{
position: relative;
}

.validationSummary ul
{
float: left;
margin-top: 10px;
width: 300px;
color: Red;
padding-bottom: 15px;
}

#form-contact br
{
clear: left;
}