@charset "utf-8";
/* CSS Document */

body { color:rgb(99,99,99); font:11px/15px "Lucida Grande", "Geneva", "Verdana", "Bitstream Vera Sans", "Sans"; padding-top:0px; margin-top:0px;  background: url(../images/backgrounds/Background.jpg) no-repeat; background-attachment:fixed; background-position:top right; background-color:#eaeaea; }
a { text-decoration:none; color:#2d97d8; outline: 0; }
a:hover { text-decoration:underline; }
img { border:none; }

h1 {font-size:1.6em; color:#000000; padding-top:0px; margin-top:0px; } /* This was added to catch h1 elements in old CakePHP pages - should be the same as h2 for consistency */
h2 {font-size:1.6em; color:#000000; padding-top:0px; margin-top:0px; }
h3 {font-size:1.1em; color:#424242; margin-bottom:2px;}
h4 {font-size:1.2em; color:#000000; margin-bottom:5px;}

.right { float: right;}

.canvas {position:relative; width:940px; margin:0px auto; z-index:0; }
.canvas-content { position:relative; }

.box-background { position:absolute; width:100%; height:100%; top:0; z-index:0; } 
.box-background .top-left, 
.box-background .top-right, 
.box-background .bottom-left, 
.box-background .bottom-right { position:absolute; width:50%; height:10px; overflow:hidden; } 
.box-background .top-left, 
.box-background .top-right { top:0; } 
.box-background .bottom-left, 
.box-background .bottom-right { bottom:0; } 
.box-background .top-left, 
.box-background .bottom-left { left:0; }  
.box-background .top-right,
.box-background .bottom-right { right:0; }
.box-background .top-left u, 
.box-background .top-right u,
.box-background .bottom-right u,
.box-background .bottom-left u { position:absolute; height:56px; width:1794px; background:top left no-repeat; text-decoration:none; } 
.box-background .top-left u { top:0; left:0; } 
.box-background .top-right u { top:0; right:0; } 
.box-background .bottom-right u { bottom:0; right:0; }
.box-background .bottom-left u { bottom:0; left:0; } 
.box-background .middle { position:absolute; top:-10px; width:100%; height:100%; overflow:hidden; zoom: 1;} 
.box-background .middle u { position:absolute; top:20px; width:100%; height:100%; text-decoration:none; } 

.header { position:relative;   height:120px; }
.header-background .top-left u,
.header-background .top-right u { background:url(../images/Background_trans.png); background-repeat:repeat; }
.header-background .bottom-left u,
.header-background .bottom-right u { background-image:url(../images/backgrounds/background_radius_white.png); }
.header-background .middle u { background:url(../images/Background_trans.png); background-repeat:repeat; }

.slide { position:relative; }
.slide-background .top-left u,
.slide-background .top-right u { background:url(../images/Background_trans.png); background-repeat:repeat; }
.slide-background .bottom-left u,
.slide-background .bottom-right u { background-image:url(../images/backgrounds/background_radius_white.png); }
.slide-background .middle u { background:url(../images/Background_trans.png); background-repeat:repeat; }

.logotype { position:relative; margin-left:20px; margin-top:20px; }

.utility-navigation { position:absolute; right:10px; top:10px; color:rgb(153,153,153); font-size:10px ;}
.utility-navigation a { color:rgb(153,153,153); margin:0 5px; font-size:10px; outline: 0; text-transform: uppercase;}
.utility-navigation a:hover { color:#2d97d8; text-decoration: none;}

.navigation         { position:absolute; left:200px; top:83px; padding-top:5px;padding-left:0px;}
.navigation a       { color:#2e3192; font-weight:bold; font-size:13px; outline: 0; padding-right:20px; padding-top:8px; text-decoration:none; text-transform:uppercase;}
.navigation a:hover { color:#d92830;}

.navigation a.on { color:#d92830;}

.layout-grid { position:relative; clear:both; vertical-align:top;}
.layout-grid .layout-box { position:relative; float:left; }
.layout-grid .layout-row { position:relative; float:left; padding:5px;}
.layout-grid .layout-box-940 { width:940px; }
.layout-grid .layout-box-918 { width:918px; }
.layout-grid .layout-box-900 { width:900px; }
.layout-grid .layout-box-740 { width:740px; }
.layout-grid .layout-box-681 { width:681px; }
.layout-grid .layout-box-670 { width:670px; }
.layout-grid .layout-box-645 { width:645px; }
.layout-grid .layout-box-598 { width:598px; }
.layout-grid .layout-box-530 { width:530px; }
.layout-grid .layout-box-480 { width:480px; }
.layout-grid .layout-box-430 { width:430px; }
.layout-grid .layout-box-410 { width:410px; }
.layout-grid .layout-box-405 { width:405px; }
.layout-grid .layout-box-326 { width:326px; }
.layout-grid .layout-box-315 { width:315px; }
.layout-grid .layout-box-300 { width:300px; }
.layout-grid .layout-box-280 { width:280px; }
.layout-grid .layout-box-279 { width:279px; }
.layout-grid .layout-box-276 { width:276px; }
.layout-grid .layout-box-260 { width:260px; }
.layout-grid .layout-box-220 { width:220px; }
.layout-grid .layout-box-208 { width:208px; }
.layout-grid .layout-box-200 { width:200px; }
.layout-grid .layout-box-198 { width:198px; }
.layout-grid .layout-box-196 { width:196px; }
.layout-grid .layout-box-180 { width:180px; }
.layout-grid .layout-box-160 { width:160px; }
.layout-grid .layout-box-150 { width:150px; }
.layout-grid .layout-box-40 { width:40px; }
.layout-grid .layout-box-20 { width:20px; }
.layout-grid .layout-box-11 { width:11px; }

.box-vertical-190 {position:relative; width:940px; height:190px }
.box-vertical-160 {position:relative; width:940px; height:160px }
.box-vertical-140 {position:relative; width:940px; height:140px }
.box-vertical-130 {position:relative; width:940px; height:130px }
.box-vertical-90 {position:relative; width:940px; height:90px }
.box-vertical-60 {position:relative; width:940px; height:60px }

.box-content { position:relative; }

.main-content { position:relative; float:left; padding-top:20px; padding-bottom:30px;  }
.main-content-background .top-left u,
.main-content-background .top-right u { background-image:url(../images/backgrounds/background_radius_white.png); }
.main-content-background .bottom-left u,
.main-content-background .bottom-right u {  background:url(../images/Background_trans.png); background-repeat:repeat; }
.main-content-background .middle u { background:url(../images/Background_trans.png); background-repeat:repeat; }

.side-navigation { padding-left:10px; }

.side-navigation a       { font-size:7pt; color:#000000;text-decoration:none; }
.side-navigation a:hover { color:#2d97d8; text-decoration:none; }
.side-navigation a.category       { font-weight:bold; font-size:7pt; color:#000000; text-decoration:none; }
.side-navigation a.category:hover { color:#d92830;text-decoration:none; }
.side-navigation a.category-down  { font-weight:bold; color:#2d97d8; text-decoration:none; }
.side-navigation a.category-down:hover { font-weight:bold; color:#d92830; text-decoration:none; }
.side-navigation a.product       { font-size:7pt; color:#000000;text-decoration:none; }
.side-navigation a.product:hover { color:#2d97d8;text-decoration:none; }
.side-navigation a.product-down  { color:#2d97d8; text-decoration:none; }
.side-navigation a.product-down:hover { color:#d92830; text-decoration:none; }

.side-navigation .sectiontitle a { margin-left:-5px; font-size:12pt; color:#d92830; font-weight:bold; text-decoration:none; outline: 0;  }
.side-navigation .subside { padding-left:20px;  }
.side-navigation .text { padding-left:15px; padding-bottom:10px; display:block; color:#000000; }

.side-nav-modules { padding-left:10px; padding-top:80px;}

.content-box { position:relative; float:left; }
.content-box-grey { position:relative; float:left; color:#2d97d8; font-size:7pt;}
.content-box-grey a {color:#2d97d8; outline: 0;}
.content-box-grey-background .top-left u,
.content-box-grey-background .top-right u { background:url(../images/backgrounds/background_radius_grey.png); background-repeat:repeat;}
.content-box-grey-background .bottom-left u,
.content-box-grey-background .bottom-right u { background-image:url(../images/backgrounds/background_radius_grey.png);  }
.content-box-grey-background .middle u { background:url(../images/backgrounds/background_grey.png); background-repeat:repeat; }

.main-content h3 { font-size:12pt; color:#d92830; font-weight:bold; }

.body-strong {font-weight:bold; color:#2d97d8;}

.matrix_file { padding-top:10px; font-size:8pt;}
.matrix_file a {font-size:7pt;text-decoration:underline;  }
.matrix_file a:hover {text-decoration:underline;}

.message_box { padding:10px; border:2px solid #959595; color:#2d97d8;}

.proj_details { vertical-align:top; float:right;  font-size:7pt; font-weight:bold; color:#6e81a1; padding-bottom:20px; padding-top:10px;}

.thumbnails { position:relative; width:315px; background-color:#a1a2a6;  font-size:0.95em; font-weight:bold; color:#ffffff; padding-top:5px;}
.thumbnails .imgcontainer { padding-left:15px; padding-bottom:5px; }
.thumbnails .box-background .top-left u,
.thumbnails .box-background .top-right u,
.thumbnails .box-background .bottom-left u,
.thumbnails .box-background .bottom-right u  { background-image:url(../images/backgrounds/background_radius_darkgrey.png); }
.thumbnails .box-background .middle u {  }

.footer { position:relative; float:left; padding-bottom:15px;}
.footer-grey { position:relative; float:left; color:#727272; font-size:7pt;}
.footer-grey a {color:#727272; outline: 0;}
.footer-grey-background .top-left u,
.footer-grey-background .top-right u { background:url(../images/backgrounds/background_grey.png); background-repeat:repeat;}
.footer-grey-background .bottom-left u,
.footer-grey-background .bottom-right u { background-image:url(../images/backgrounds/background_radius_grey.png);  }
.footer-grey-background .middle u { background:url(../images/backgrounds/background_grey.png); background-repeat:repeat; }

.footer-bottom {position:relative; float:left; padding:10px; color:#959595;    }
.footer-bottom a { outline: 0;}
.footer-bottom a:hover { color:#2d97d8; text-decoration: none;}

.copyrightrow { position:relative; float:right; padding:10px;}