/* General CSS Styles */
html, body { height:100%; }
body { font-family:Tahoma, Geneva, sans-serif; font-size:12px; overflow-y:scroll; }
p { text-align:justify; }
a { color:#3798c3; outline:none; }
a:hover { color:#5dc3e9; }
.unordered { list-style:none; margin:0; padding:0 0 6px; }
.unordered li { background:url(../img/interface/bullet.png) no-repeat left 8px; line-height:18px; margin:0 0 6px; padding-left:12px; text-align:justify; }

/* Custom CSS Styles */
.container { width:960px; }
/* Main header style */
.tophead { border-bottom:1px solid #eee; margin-bottom:20px; position:relative; }
.mainnav { bottom:-1px; position:absolute; right:0; }
.mainnav ul { list-style:none; margin:0; padding:0; }
.mainnav li { float:left; margin-left:15px; }
.mainnav li a { border-bottom:0 solid; display:block; font-family:"Open Sans", Tahoma, Geneva, sans-serif; font-size:13px; font-weight:300; padding-bottom:26px; text-decoration:none; text-transform:uppercase; width:auto; -webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear; }
.mainnav li.active a { border-bottom:5px solid #3798c3; padding-bottom:21px; -webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear; }
.mainnav li a:hover { border-bottom:5px solid #5dc3e9; padding-bottom:21px; -webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear; }
.submenu { list-style:none; margin:48px 0 0; padding:0; }
.submenu li { font-size:13px; line-height:20px; margin:0 0 4px; }
.submenu li a { background:url(../img/interface/arrow.png) no-repeat left 8px; color:#04aeda; display:block; padding-left:15px; text-decoration:none; }
.submenu li a:hover { background:url(../img/interface/arrow.png) no-repeat 3px 8px; -webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear; }
.submenu li a.active { color:#f90; }
.submenu li a.special { color:#f00; }
.submenu .child { list-style:none; margin:3px 0 0 15px; }
/* Main content style */
.maincontent { margin-bottom:20px; }
.centercontent { border-left:1px solid #eee; min-height:400px; }
.frontbanner, .slideshow { background-color:#fff; height:655px; position:relative; width:960px; }
.slideshow ul { height:655px; list-style:none; margin:0; padding:0; width:960px; }
.slideshow li { float:left; height:655px; }
.carousel-control { display:none; }
.quicklinks { bottom:0; left:-15px; position:absolute; }
.quicklinks a.box { background-color:#fff; color:#04aeda; display:block; font-family:"Open Sans", Tahoma, Geneva, sans-serif; font-size:24px; font-weight:300; height:48px; line-height:24px; padding:36px 15px 36px 120px; text-decoration:none; text-transform:uppercase; box-shadow:0 2px 5px rgba(0,0,0,0.3); -webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;-o-transition:all 0.1s linear;transition:all 0.1s linear; }
.quicklinks a.box.monitoring { background:url(../img/interface/monitoring.png) no-repeat left top #fff; }
.quicklinks a.box.protection { background:url(../img/interface/protection.png) no-repeat left top #fff; }
.quicklinks a.box.services { background:url(../img/interface/services.png) no-repeat left top #fff; }
.quicklinks a.box:hover { background-position:left bottom; background-color:#04aeda; color:#fff; -webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;-o-transition:all 0.1s linear;transition:all 0.1s linear; }
.diagram-row { width:780px; }
.diagram { border:3px solid #3798c3; border-top:none; padding:10px 15px 5px; }
.diagram.sub { border:3px solid #999; border-top:none; height:125px; }
.diagram-arrow { font-size:20px; line-height:30px; text-align:center; }
.diagram li { color:#3798c3; font-size:11px; font-weight:bold; text-align:left; }
.diagram li:last-child { margin:0; }
.diagram li .unordered { margin-top:5px; margin-bottom:0; }
.diagram li .unordered li { color:#000; }
.diagram li .unordered li .unordered li { color:#808080; font-weight:normal; }
.diagram.sub li { color:#999; }
/* Main footer style */
.footer { border-top:2px solid #05476a; font-size:11px; position:relative; }
.footer a { text-decoration:none; }
.footer [class^="icon-"], [class*=" icon-"] { margin:0; }
.footer .copyright { text-align:left; width:37%; }
.footer .address { text-align:center; width:41.62513254%; }
.footer .links { text-align:right; width:21.3%; }

/* Common overrides */
.title { font-family:"Open Sans", Tahoma, Geneva, sans-serif; font-weight:normal; margin:0; }
.title.front-title { color:#fff; font-size:30px; font-weight:400; line-height:48px; position:absolute; padding:0; text-align:right; top:220px; right:35px; text-shadow:1px 1px 7px rgba(0,0,0,1); z-index:1000; }
.title.front-title em { display:block; font-size:48px; font-weight:400; font-style:normal; }
.title.page-title { color:#04aeda; font-size:30px; font-weight:300; margin:0 0 7px; }
.title.lesser-title { color:#04aeda; font-size:24px; font-weight:300; margin:0 0 7px; }
.title.sub-title { color:#3798c3; font-size:18px; font-weight:400; margin:0 0 7px; }
.title.topic-title { border-bottom:1px solid #eee; color:#505050; font-size:16px; font-weight:400; margin:0 0 7px; padding:3px 0 7px; }
.title.diagram-title { background-color:#3798c3; color:#fff; font-size:18px; font-weight:400; line-height:24px; margin:0; padding:10px 0; text-align:center; }
.title.diagram-title small { color:#fff; display:block; font-weight:300; padding:3px 0 5px; }
.title.diagram-title.sub { background-color:#999; color:#fff; }
.title.lesser-title.red { color:#f00; }

.wrap { padding:10px; }
.wrap.compact { padding:5px; }
.wrap.comfortable { padding:15px; }
.wrap.cozy { padding:20px; }
.wrap.loose { padding:30px; }
.wrap.trim.tt { padding-top:0; }
.wrap.trim.tr { padding-right:0; }
.wrap.trim.tb { padding-bottom:0; }
.wrap.trim.tl { padding-left:0; }

.marginalize { margin-bottom:10px!important; }
.no-margin { margin-bottom:0!important; }

.required { color:#f00; font-weight:bold; }
.error { color:#f00; font-size:11px; margin:5px 0 0; }