body { background-color: #b4b6bb; font-family: Tahoma,Verdana,Segoe,sans-serif; font-size: 0.8em; margin: 0px; background-image: url('/images/background-1.png'); background-position: top center; background-repeat: repeat-x; } img { border: 0px; } .servicemark { font-size: 0.5em; vertical-align: top; } .doublesize { font-size: 2.0em; } .clear { clear: both; } ul { color: orange; } ul li span { color: #000000; } /* ========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */ #styleselectcontainer { display: none; } /* ========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */ #pagecontainer { margin: auto; margin-bottom: 60px; margin-top: 0px; width: 900px; } #pagecontainer #loginsearch { color: #3e3e3e; /* #7c7c80 */ font-size: 1.2em; /* font-weight: bold; */ height: 40px; overflow: hidden; padding: 1px 0px 1px 0px; text-align: right; } #pagecontainer #loginsearch img { margin-bottom: -7px; } #pagecontainer #loginsearch form { display: inline; } #pagecontainer #loginsearch form .inputtext { background-color: #FFFFFF; /* #b4b6bb */ border: 1px solid #3e3e3e;/* #c6c7cc */ font-size: 1.1em; margin: 0px; padding: 1px 2px 1px 2px; } #pagecontainer #loginsearch form .submit { background-color: #b4b6bb; /* #7c7c80 */ border: none; color: #3e3e3e; /* #7c7c80 #c6c7cc #b4b6bb */ font-size: 1.1em; margin-right: 10px; padding: 1px 5px 1px 5px; } #pagecontainer #loginsearch form .submit:hover { color: #FFFFFF; } #pagecontainer #loginsearch a { color: #3e3e3e; /* #7c7c80; */ text-decoration: none; } #pagecontainer #loginsearch a:hover { color: #FFFFFF; } #topandheader { } /* ========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */ #topcontainer { height: 80px; overflow: hidden; background-color: #101318; color: #FFFFFF; margin: 0px; } #topcontainer img { margin-left: 20px; margin-top: 15px; } #topcontainer a { color: #FFFFFF; } #topcontainer a:hover { color: #000000; } /* ---------- ---------- ---------- ---------- ---------- */ #topcontainer #styleselect { float: left; padding-left: 10px; } /* ---------- ---------- ---------- ---------- ---------- */ /* http://particletree.com/features/rediscovering-the-button-element/ */ .buttons-top2 { float: right; margin: 3px 0px 0px 0px; padding: 0px; } .buttons-top2 input { border: 0px solid #000000; height: 20px; margin: 0px; padding: 0px 5px 0px 5px; } .buttons-top2-submit:hover { background-color: yellow; cursor: pointer; } .buttons-top { background-color: blue; float: right; margin: 0px; padding: 0px; } .buttons-top a, .buttons-top button { display:block; float:left; margin: 0 7px 0 0; background-color:#f5f5f5; border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee; font-family: Tahoma,Verdana,Segoe,sans-serif; /* "Lucida Grande", Tahoma, Arial, Verdana, sans-serif */ font-size:100%; line-height: 130%; text-decoration:none; font-weight:bold; color:#565656; cursor:pointer; padding:5px 10px 6px 7px; /* Links */ } .buttons-top button { width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */ } .buttons-top button[type] { padding:5px 10px 5px 7px; /* Firefox */ line-height: 17px; /* Safari */ } *:first-child+html button[type] { padding:4px 10px 3px 7px; /* IE7 */ } .buttons-top button img, .buttons-top a img { margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; } /* STANDARD */ .buttons-top button:hover, .buttons-top a:hover{ background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699; } .buttons-top a:active{ background-color:#6299c5; border:1px solid #6299c5; color:#fff; } /* POSITIVE */ .buttons-top button.positive, .buttons-top a.positive{ color:#529214; } .buttons-top a.positive:hover, .buttons-top button.positive:hover{ background-color:#E6EFC2; border:1px solid #C6D880; color:#529214; } .buttons-top a.positive:active{ background-color:#529214; border:1px solid #529214; color:#fff; } /* NEGATIVE */ .buttons-top a.negative, .buttons-top button.negative{ color:#d12f19; } .buttons-top a.negative:hover, .buttons-top button.negative:hover{ background:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19; } .buttons-top a.negative:active{ background-color:#d12f19; border:1px solid #d12f19; color:#fff; } /* ---------- ---------- ---------- ---------- ---------- */ #topcontainer #logo { float: left; overflow: hidden; } #calltoaction { float: right; font-size: 1.2em; margin: 30px 20px 0px 0px; } #calltoaction a { color: #FFFFFF; /* #D3D3D3 */ text-decoration: none; } #calltoaction a:hover { background: none; color: #FFFFFF; } #calltoaction img { float: left; margin: 0px 5px 0px 10px; } #resstsnavbuttons { font-family: Tahoma,Verdana,Segoe,sans-serif; color: #333; height: 25px; text-align: center; clear: both; margin-top: 3px; } #resstsbuttonsul { background-color: #404140; } #resstsnavbuttons ul { list-style: none; margin: 0px; padding: 0px; border: none; } #resstsnavbuttons li { float: left; margin: 0px; margin-right: 3px; text-align: center; } #resstsnavbuttons li a { float: left; width: 70px; padding: 5px 20px 5px 20px; background-color: #1f2467; /* 2175bc */ color: #FFFFFF; text-decoration: none; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; } #resstsnavbuttons li a:hover { background-color: #41457e; /* #2586d7 */ color: #fff; } /* ---------- ---------- */ #mainnavbuttons { font-family: Tahoma,Verdana,Segoe,sans-serif; background-color: #101318; /* #2175bc #90bade */ color: #000000; /* #333 */ height: 25px; text-align: center; clear: both; } #mainnavbuttons ul { list-style: none; margin: 0; padding: 0; border: none; } #mainnavbuttons li { margin: 0; } #mainnavbuttons li a { display: block; padding: 5px 10px 5px 10px; background-color: #0E3352; /* #A3C2D3 #2175bc */ color: #FFFFFF; /* #fff */ text-decoration: none; float: left; margin-right: 1px; } #mainnavbuttons li a:hover { background-color: #A3C2D3; /* #A3C2D3 #2586d7 */ color: #000000; } /* ---------- ---------- */ #mainnavbuttonscontainer2 { background-color: #101318; clear: both; height: 28px; } ul#mainnavbuttons2,ul#mainnavbuttons2 li { list-style-type: none; margin: 0; padding: 0; } ul#mainnavbuttons2 { margin-left: 5px; } ul#mainnavbuttons2 li { float: left; margin-right: 3px; text-align: center; } ul#mainnavbuttons2 a { background: #0E3352; float: left; width: 8em; padding: 6px 0; text-decoration: none; color: #FFFFFF; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; } ul#mainnavbuttons2 a:hover { color: #000000; } ul#mainnavbuttons2 li.activelink a { background: #FFFFFF; } ul#mainnavbuttons2 li.activelink a { background: #FFFFFF; color: #000000; } ul#mainnavbuttons2 a:hover { background: #A3C2D3; color: #000000; } li#bluetop a { background: #0E3352; } li#bluetop a:hover { background: #A3C2D3; } li#home a { background: #FF749C; } li#who a { background: #DF3694; } li#prod a { background: #4D80FF; } li#serv a { background: #80FF4D; } li#cont a { background: #FFCB4D; } /* ---------- ---------- */ #subnavbuttons-public { font-family: Tahoma,Verdana,Segoe,sans-serif; background-color: #000000; /* #0E3352 #101318 #2175bc #90bade */ /* color: #333; */ color: #FFFFFF; /* height: 25px; */ overflow: auto; text-align: center; clear: both; padding-top: 0px; /* margin-left: 20px; */ } #subnavbuttons-public ul { list-style: none; margin: 0; padding: 0; border: none; margin-top: 5px; margin-left: 20px; } #subnavbuttons-public li { float: left; margin: 0; margin-right: 3px; } #subnavbuttons-public li a { display: block; padding: 5px 20px 5px 20px; background-color: #006838; /* #39B54A */ /* color: #fff; */ color: #FFFFFF; text-decoration: none; float: left; margin-right: 1px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; } #subnavbuttons-public li a:hover { background-color: #39B54A; /* #006838 */ color: #FFFFFF; /* text-decoration: underline; */ } /* ---------- ---------- */ #subnavbuttons-private { font-family: Tahoma,Verdana,Segoe,sans-serif; background-color: #000000; /* #0E3352 #101318 #2175bc #90bade */ /* color: #333; */ color: #FFFFFF; /* height: 25px; */ overflow: auto; text-align: center; clear: both; padding-top: 0px; /* margin-left: 20px; */ } #subnavbuttons-private ul { list-style: none; margin: 0; padding: 0; border: none; margin-top: 5px; margin-left: 20px; } #subnavbuttons-private li { float: left; margin: 0; margin-right: 3px; } #subnavbuttons-private li a { display: block; padding: 5px 20px 5px 20px; background-color: #F15A29; color: #FFFFFF; text-decoration: none; float: left; margin-right: 1px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; } #subnavbuttons-private li a:hover { background-color: #FBB040; color: #FFFFFF; } /* ---------- ---------- */ #subnavbuttons-amh { font-family: Tahoma,Verdana,Segoe,sans-serif; background-color: #000000; /* #0E3352 #101318 #2175bc #90bade */ color: #FFFFFF; /* height: 25px; */ overflow: auto; text-align: center; clear: both; padding-top: 0px; /* margin-left: 20px; */ } #subnavbuttons-amh ul { list-style: none; margin: 0; padding: 0; border: none; margin-top: 5px; margin-left: 20px; } #subnavbuttons-amh li { float: left; margin: 0; margin-right: 3px; } #subnavbuttons-amh li a { display: block; padding: 5px 20px 5px 20px; background-color: #33459C; color: #FFFFFF; text-decoration: none; float: left; margin-right: 1px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; } #subnavbuttons-amh li a:hover { background-color: #4784C5; color: #FFFFFF; } /* ---------- ---------- */ #subnavbuttons-dedicated { font-family: Tahoma,Verdana,Segoe,sans-serif; background-color: #000000; color: #FFFFFF; /* height: 25px; */ overflow: auto; text-align: center; clear: both; padding-top: 0px; /* margin-left: 20px; */ } #subnavbuttons-dedicated ul { list-style: none; margin: 0; padding: 0; border: none; margin-top: 5px; margin-left: 20px; } #subnavbuttons-dedicated li { float: left; margin: 0; margin-right: 3px; } #subnavbuttons-dedicated li a { display: block; padding: 5px 20px 5px 20px; background-color: #692872; color: #FFFFFF; text-decoration: none; float: left; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; } #subnavbuttons-dedicated li a:hover { background-color: #9A56A2; color: #FFFFFF; } /* ---------- ---------- */ #subnavbuttons-generic { font-family: Tahoma,Verdana,Segoe,sans-serif; background-color: #000000; color: #FFFFFF; /* height: 25px; */ overflow: auto; text-align: center; clear: both; padding-top: 0px; /* margin-left: 20px; */ } #subnavbuttons-generic ul { list-style: none; margin: 0; padding: 0; border: none; margin-top: 5px; margin-left: 20px; } #subnavbuttons-generic li { float: left; margin: 0; margin-right: 3px; } #subnavbuttons-generic li a { display: block; padding: 5px 20px 5px 20px; background-color: #0E3352; color: #FFFFFF; text-decoration: none; float: left; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; } #subnavbuttons-generic li a:hover { background-color: #A3C2D3; color: #000000; } /* ---------- ---------- */ #topcontainer #loginbox { padding-right: 0px; /* 30 */ text-align: right; margin-bottom: 8px; padding-top: 50px; } #topcontainer #loginbox a { background-color: #5b6066; background-image: url('/images/back_navtab_inactive2.png'); background-position: center center; background-repeat: repeat-x; border-right: 1px solid #000000; color: #FFFFFF; display: inline; font-size: 0.9em; font-weight: bold; padding: 8px 20px; text-decoration: none; text-transform: uppercase; } #topcontainer #loginbox a:hover { background-color: #8c8d91; background-image: url('/images/back_navtab_active2.png'); background-position: center center; background-repeat: repeat-x; color: #FFFFFF; } #loginbox2 { background-color: #b4b6bb; /* #083e5c #101318 #5b6066 */ padding-right: 0px; /* 30 */ padding: 0px 0px 0px 10px; /* 8px 0px 8px 0px */ text-align: left; } #loginbox2 a { background-image: url('/images/back_navtab_inactive2.png'); background-position: center center; background-repeat: repeat-x; color: #FFFFFF; display: inline; font-size: 0.9em; font-weight: bold; padding: 8px 10px; text-decoration: none; text-transform: uppercase; margin: 0px 1px 0px 1px; } #loginbox2 a:hover { background-color: #8c8d91; background-image: url('/images/back_navtab_active2.png'); background-position: center center; background-repeat: repeat-x; color: #FFFFFF; } /* ---------- ---------- ---------- ---------- ---------- */ #topcontainer #physicalcloudbox { display: none; } /* ========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */ /* ---------- ---------- ---------- ---------- ---------- */ #headercontainera { background-color: #154067; /* #19405d */ background-image: url('/images/title_home_bg2.jpg'); background-position: center; background-repeat: repeat-x; border-bottom: 1px solid #0E3352; /* #1f4563 */ color: #FFFFFF; text-shadow: 1px 1px 1px #000000; } #headercontainera #headercontenta { background-image: url('/images/title_home6.jpg'); background-position: 10px center; background-repeat: no-repeat; height: 333px; overflow: hidden; padding: 10px 10px 0px 533px; } #headercontainera #headercontenta h1 { margin-left: -50px; text-shadow: 1px 1px 1px #000000; } #headercontainera #headercontenta h1 b { font-size: 1.5em; } #headercontainera #headercontenta p { font-size: 1.2em; font-weight: bold; margin-left: 50px; margin-top: 30px; } #headercontainera #headercontenta a { color: #FFFFFF; } #headercontainera #headercontenta a:hover { background-color: #FFFFFF; color: #125382; text-decoration: none; text-shadow: none; } /* ---------- ---------- ---------- ---------- ---------- */ /* Physical Cloud */ #headercontainerb { background-color: #083e5c; color: #FFFFFF; margin: 1px 0px 1px 0px; } #headercontainerb #headercontentb { background-image: url('/images/title_dedicatedcloud2.png'); background-position: 10px 0px; /* 10px bottom */ background-repeat: no-repeat; height: 130px; overflow: hidden; padding: 0px 10px 0px 320px; /* 10px 10px 0px 533px */ } #headercontainerb #headercontentb h1 { margin-top: 5px; text-shadow: 1px 1px 1px #000000; } #headercontainerb #headercontentb h1 b { font-size: 1.7em; margin-left: 50px; } /* ---------- ---------- ---------- ---------- ---------- */ /* Physical Cloud mk2 */ #headercontainerb2 { background-color: #154067; /* #19405d */ background-image: url('/images/title_home_bg3.jpg'); background-position: center; background-repeat: repeat-x; border-bottom: 1px solid #0E3352; /* #1f4563 */ color: #FFFFFF; } #headercontainerb2 #headercontentb2 { background-image: url('/images/title_home7.jpg'); background-position: 10px center; background-repeat: no-repeat; height: 238px; overflow: hidden; padding: 10px 20px 0px 380px; } #headercontainerb2 #headercontentb2 h1 { text-shadow: 1px 1px 1px #000000; } #headercontainerb2 #headercontentb2 h1 b { font-size: 1.7em; margin-left: 50px; } #headercontainerb2 #headercontentb2 h2 { color: orange; text-shadow: 1px 1px 1px #000000; } /* ---------- ---------- ---------- ---------- ---------- */ #headercontainerc { background-color: #083e5c; color: #FFFFFF; } #headercontainerc #headercontentc { background-image: url('/images/title_dedicatedcloud2.png'); background-position: 10px bottom; background-repeat: no-repeat; height: 201px; overflow: hidden; padding: 10px 10px 0px 533px; } #headercontainerc #headercontentc h1 { font-weight: normal; margin-left: -200px; margin-top: 20px; text-shadow: 1px 1px 1px #000000; } #headercontainerc #headercontentc h1 b { font-weight: bold; } /* ---------- ---------- ---------- ---------- ---------- */ /* Dedicated Hosting */ #headercontainerd { background-color: #FFFFFF; /* #083e5c */ color: #000000; } #headercontainerd #headercontentd { overflow: hidden; padding: 20px 20px 20px 20px; /* 0px 10px 0px 320px */ /* 10px 10px 0px 533px */ } #headercontainerd #headercontentd h1 { margin: 0px; } #headercontainerd #headercontentd h1 b { font-size: 1.7em; } #headercontainerd #headercontentd h2 { margin: 0px; } #headercontainerd #headercontentd ul { margin-top: 0px; } /* ---------- ---------- ---------- ---------- ---------- */ #headercontainera,#headercontainerb,#headercontainerb2,#headercontainerc { color: #FFFFFF; } #headercontainerd { color: #000000; } /* ========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */ #bodycontainer { margin: auto; width: 900px; } /* ========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */ #physicalcloudbox2 { background-color: #0E3352; /* #1f4563 #0E3352 */ padding: 10px 0px 0px 0px; padding-right: 30px; text-align: left; } #physicalcloudbox2 a { color: #FFFFFF; display: inline; font-size: 1.0em; font-weight: bold; margin-right: 0px; padding: 5px 10px 5px 10px; /* 2px 10px */ text-decoration: none; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; } #physicalcloudbox2 a:hover { background-color: #125382; /* #0E3352 */ } #physicalcloudbox2 { clear: both; } /* ========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */ #contentcontainer { background-color: #FFFFFF; /* #125382 */ color: #000000; font-weight: normal; font-size: 0.9em; font-family: Tahoma,Verdana,Segoe,sans-serif; /* "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif */ line-height: 150%; /* 1.5em */ overflow: hidden; } #contentcontainer h1 { margin: 0px; } #contentcontainer h2 { } #contentcontainer a { color: #000000; /* #125382 */ } #contentcontainer a:hover { color: #000000; text-decoration: none; text-shadow: none; } #contentcontainer hr { border: 1px solid #FFFFFF; margin: 20px 0px 20px 0px; } #contentcontainer .clear { clear: both; } #contentcontainer .img { background: none; } #contentfull { padding: 20px; } #contentleft { float: left; overflow: hidden; padding: 0px 0px 20px 20px; width: 600px; /* 530px */ } #contentleft h1 { font-size: 2.0em; line-height: 1.2em; } #contentleft #impact-container { } #contentleft #impact-title { float: left; } #contentleft #impact-title h2 { margin: 0px; } #contentleft #impact-calltoaction { float: right; } #contentleft #impact-calltoaction a { background: none; } #contentleft #impact-content { clear: both; } #contentleft #contentcall-container { margin-top: 20px; } #contentleft #contentcall-title { float: left; padding-bottom: 20px; } #contentleft #contentcall-title h2 { margin: 0px; } #contentleft #contentcall-calltoaction { float: right; } #contentleft #contentcall-calltoaction a { background: none; } #contentleft #techspecs-container { margin-top: 20px; } #contentleft #techspecs-title { float: left; } #contentleft #techspecs-title h2 { margin: 0px; } #contentleft #techspecs-calltoaction { float: right; } #contentleft #techspecs-calltoaction a { background: none; } #contentleft #techspecs-calltoaction2 { float: right; } #contentleft #techspecs-calltoaction2 a { background-color: green; border: 1px solid #FFFFFF; /* #1f4563 */ color: #FFFFFF; padding: 1px 5px 1px 8px; text-decoration: none; } #contentleft #techspecs-calltoaction2 a:hover { background-color: #FFFFFF; border: 1px solid green; color: green; padding: 1px 5px 1px 8px; text-decoration: none; } #contentleft #techspecs-container2 { clear: both; } #contentleft #techspecs-contentleft { float: left; font-size: 1.2em; padding-bottom: 20px; width: 290px; } #contentleft #techspecs-contentright { float: right; padding-bottom: 20px; width: 220px; } #contentleft #techspecs-contentright ul { margin: 0px; } #testimonialsintro { font-size: 1.8em; margin-bottom: 20px; } #testimonials { background-color: #125382; background-image: url('/images/back_body_cyanglow2.png'); background-position: center 0px; /* -600px */ background-repeat: no-repeat; color: #FFFFFF; padding: 0px 20px 0px 20px; -webkit-box-shadow: 0px 0px 5px #1B6796; -moz-box-shadow: 0px 0px 5px #1B6796; } #testimonials p { font-style: italic; font-size: 1.3em; margin-bottom: 0px; } #testimonials #testimonialssource { text-align: right; } #testimonials a { color: #FFFFFF; } #testimonials h1, #testimonials h2, #testimonials h3, #testimonials h4, #testimonials h5, #testimonials h6 { text-shadow: 1px 1px 1px #185B84; /* #125382 #1B6796 #185B84 */ } #serverlevel-container { clear: both; margin-bottom: 20px; } #serverlevel-title a { background-color: #1f4563; border: 1px solid #083e5c; display: inline-block; float: left; margin-right: 10px; padding: 10px 0px; text-align: center; text-decoration: none; width: 80px; } #serverlevel-title a:hover { background-color: #8eb1c1; border-color: #083e5c; color: #083e5c; } #serverlevel-content { margin-left: 90px; } .staffcontainer { clear: both; margin-left: 10px; } .staffphoto { float: left; padding: 0px 10px 10px 0px; width: 60px; } .staffinfo { font-size: 1.2em; line-height: 150%; } #stafflargephoto { float: left; margin-top: 20px; } #staffcontent { margin-left: 220px; } #blueform { background-color: #125382; background-image: url('/images/back_body_cyanglow2.png'); background-position: center 0px; /* -600px */ background-repeat: no-repeat; color: #FFFFFF; clear: both; padding: 20px 20px 20px 20px; } #blueform h1, #blueform h2, #blueform h3, #blueform h4, #blueform h5, #blueform h6 { text-shadow: 1px 1px 1px #185B84; /* #125382 #1B6796 #185B84 */ } #sidebar { background-color: #FFFFFF; /* #A3C2D3 #125382 */ color: #000000; float: right; padding: 10px 20px 10px 20px; margin: 0px 10px 10px 0px; width: 210px; /* 270px 310px */ border: 1px #939598 solid; /* http://css-tricks.com/snippets/css/css-box-shadow/ */ box-shadow: -3px 3px 5px #939598; -moz-box-shadow: -3px 3px 5px #939598; -webkit-box-shadow: -3px 3px 5px #939598; } #sidebar img { display: block; margin: auto; } #sidebar a { color: #000000; } #sidebar ul { padding-left: 1.5em; } #sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 { font-size: 1.5em; } /* ========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */ #footercontainer { background-image: url('/images/pageshadow1.gif'); background-position: center top; background-repeat: no-repeat; clear: both; color: #7c7c80; font-size: 0.8em; margin: auto; padding: 20px 30px 0px 30px; width: 840px; } #footercontainer b { font-size: 1.5em; } #footercontainer a { color: #7c7c80; text-decoration: none; } #footercontainer a:hover { color: #FFFFFF; } /* ---------- ---------- ---------- ---------- ---------- */ #footercontainer #footercontactcontainer { margin: auto; overflow: hidden; padding-bottom: 20px; width: 810px; } #footercontainer #footercontactcontainer a { color: #FFFFFF; } /* ---------- ---------- ---------- ---------- ---------- */ #footercontainer #footercontactcontainer #footercontact { float: left; font-size: 1.3em; width: 270px; } #footercontainer #footercontactcontainer #footercontact h2 { font-size: 1.0em; font-weight: normal; letter-spacing: 4px; margin: 0px; text-shadow: none; text-transform: uppercase; } #footercontainer #footercontactcontainer #footercontact img { float: left; margin-right: 10px; } /* ---------- ---------- ---------- ---------- ---------- */ #footercontainer #footernavcontainer { border-bottom: 1px solid #c6c7cc; border-top: 1px solid #c6c7cc; line-height: 150%; /* 1.5em */ margin: auto; overflow: hidden; padding: 10px 0px 20px 0px; } #footercontainer #footernavcontainer .footernav { float: left; margin-right: 20px; padding: 10px 0px 0px 60px; } #footercontainer #companylogos { clear: both; padding: 50px 0px 0px 0px; text-align: center; } #footercontainer #companylogos a:hover { background: none; } #footercontainer #companylogos img { margin: 0px 5px 0px 5px; vertical-align: middle; } #footercontainer #copyright { clear: both; margin-top: 0px; padding: 20px 0px 0px 0px; text-align: center; } #copyright2 { background-color: #083e5c; clear: both; color: #FFFFFF; height: 20px; margin-top: 0px; overflow: hidden; text-align: right; } #copyright2 #copyright2content { font-size: 0.8em; padding: 3px 0px 0px 0px; } #copyright2 #copyright2tagline { float: right; font-size: 1.1em; padding: 1px 0px 0px 20px; } #copyright2 #copyright2watermark { background-color: #000000; float: right; font-weight: bold; height: 30px; padding: 0px 10px 0px 5px; } #copyright2 #copyright2watermark span { } #copyright2 a { color: #FFFFFF; text-decoration: none; } #copyright2 a:hover { text-decoration: underline; } #copyright3 { clear: both; color: #D3D3D3; /*#1c94d9;*/ margin-top: 1px; overflow: hidden; text-align: right; } #copyright3 b { color: #FFFFFF; } #copyright3 #copyright3content { font-size: 0.9em; padding: 3px 0px 0px 0px; } #copyright3 #copyright3tagline { float: right; font-size: 1.1em; padding: 1px 10px 0px 0px; } #copyright3 a { color: #FFFFFF; text-decoration: underline; } #copyright3 a:hover { text-decoration: none; } #copyright3 #copyright3watermark { border-left: 1px solid #D3D3D3; color: #7c7c80; float: right; font-weight: bold; overflow: hidden; padding: 0px 0px 0px 0px; text-align: right; } #copyright3 #copyright3watermark span { } #copyright3 #copyright3watermark img { margin-bottom: -7px; } #copyright3 #copyright3watermark form { display: inline; } #copyright3 #copyright3watermark form .inputtext { background-color: #FFFFFF; /* #12608d */ border: 1px solid #b4b6bb; /* #1b72a6 */ color: #000000; font-size: 0.9em; margin: 0px; padding: 1px 2px 1px 2px; margin-left: 5px; } #copyright3 #copyright3watermark form .submit { background-color: #b4b6bb; /* #12608d #7c7c80 */ border: 1px solid #b4b6bb; /* #1b72a6 */ color: #FFFFFF; /* #1e83bf #c6c7cc #b4b6bb */ font-size: 0.9em; margin-right: 0px; padding: 1px 5px 1px 5px; } #copyright3 #copyright3watermark form .submit:hover { background-color: #7c7c80; /* #1b72a6 */ color: #FFFFFF; cursor: pointer; } #copyright3 #copyright3watermark a { color: #7c7c80; text-decoration: none; } #copyright3 #copyright3watermark a:hover { color: #FFFFFF; } /* ---------- ---------- ---------- ---------- ---------- */ /*********************************************** * Featured Content Slider- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more ***********************************************/ .sliderwrapper{ position: relative; /*leave as is*/ overflow: hidden; /*leave as is*/ border: 10px solid navy; border-bottom-width: 6px; height: 250px; } .sliderwrapper .contentdiv{ visibility: hidden; /*leave as is*/ position: absolute; /*leave as is*/ left: 0; /*leave as is*/ top: 0; /*leave as is*/ padding: 5px; background: white; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1; } .pagination{ text-align: right; background-color: navy; padding: 5px 10px; } .pagination a{ padding: 0 5px; text-decoration: none; color: #00007D; background: white; } .pagination a:hover, .pagination a.selected{ color: #000; background-color: #FEE496; } /* ---------- ---------- ---------- ---------- ---------- */ /* Homepage Top Template Slider */ #slider-header-container { background-color: #FFFFFF; padding: 10px; padding-bottom: 0px; } #slider-header { position: relative; /*leave as is*/ overflow: hidden; /*leave as is*/ background-color: #000000; /* #125382 */ color: #FFFFFF; height: 100px; padding: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; } .sliderwrapper-header .contentdiv { visibility: hidden; /*leave as is*/ position: absolute; /*leave as is*/ left: 0; /*leave as is*/ top: 0; /*leave as is*/ padding: 0px 10px 0px 50px; margin: 10px; /*background: #000000;*/ color: #FFFFFF; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1; width: 800px; height: 80px; font-size: 1.0em; } .sliderwrapper-header .contentdiv a { color: #FFFFFF; } .sliderwrapper-header .contentdiv a:hover { text-decoration: none; } .sliderwrapper-header .contentdiv .contentdiv-text { padding-top: 10px; font-size: 1.5em; } .pagination-header { text-align: right; background-color: #FFFFFF; /* #125382 */ padding: 5px 20px 0px 10px; height: 20px; } .pagination-header a { padding: 0 5px; text-decoration: none; color: #FFFFFF; /* #00007D */ background: #000000; } .pagination-header a:hover, .pagination-header a.selected { color: #000000; background-color: yellow; /* #FEE496 */ } /* ---------- ---------- ---------- ---------- ---------- */ /* Homepage Content News Slider */ .sliderwrapper-news { position: relative; /*leave as is*/ overflow: hidden; /*leave as is*/ background-color: #0E3352; clear: both; height: 35px; text-align: center; } .sliderwrapper-news .contentdiv { visibility: hidden; /*leave as is*/ position: absolute; /*leave as is*/ left: 0; /*leave as is*/ top: 0; /*leave as is*/ padding: 10px; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1; width: 860px; height: 80px; color: #FFFFFF; } .sliderwrapper-news .contentdiv a { color: #FFFFFF; } .sliderwrapper-news .contentdiv a:hover { color: #FFFFFF; text-decoration: none; } .pagination-news { text-align: right; background-color: red; padding: 5px 20px 5px 10px; } .pagination-news a { padding: 0 5px; text-decoration: none; color: #00007D; background: white; } .pagination-news a:hover, .pagination-news a.selected { color: #000; background-color: #FEE496; } /* ---------- ---------- ---------- ---------- ---------- */ /* Homepage Content Testimonials Slider */ .sliderwrapper-testimonials { position: relative; /*leave as is*/ overflow: hidden; /*leave as is*/ clear: both; height: 80px; /* 200px */ } .sliderwrapper-testimonials .contentdiv { visibility: hidden; /*leave as is*/ position: absolute; /*leave as is*/ left: 0; /*leave as is*/ top: 0; /*leave as is*/ padding: 0px; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1; } .pagination-testimonials { text-align: right; background-color: red; padding: 5px 20px 5px 10px; } .pagination-testimonials a { padding: 0 5px; text-decoration: none; color: #00007D; background: white; } .pagination-testimonials a:hover, .pagination-testimonials a.selected { color: #000; background-color: #FEE496; } /* ---------- ---------- ---------- ---------- ---------- */ /* http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/ajaxtabs_suppliment.htm */ /* ######### CSS for Shade Tabs. Remove if not using ######### */ #contentcontainer .shadetabs{ padding: 3px 0; margin-left: 0; margin-top: 1px; margin-bottom: 0; font: bold 12px Verdana; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ } #contentcontainer .shadetabs li{ display: inline; margin: 0; } #contentcontainer .shadetabs li a{ text-decoration: none; position: relative; z-index: 1; padding: 3px 7px; margin-right: 0px; border: 1px solid #154067; /* #778 */ background-color: #154067; color: #FFFFFF; } #contentcontainer .shadetabs li a:visited{ } #contentcontainer .shadetabs li a:hover{ text-decoration: underline; color: #FFFFFF; /* #2d2b2b */ } #contentcontainer .shadetabs li a.selected{ /*selected main tab style */ position: relative; top: 1px; } #contentcontainer .shadetabs li a.selected{ /*selected main tab style */ background-color: #FFFFFF; /* f2faff 125382 */ border-bottom-color: #FFFFFF; color: #000000; } #contentcontainer .shadetabs li a.selected:hover{ /*selected main tab style */ text-decoration: none; } #contentcontainer .tabcontentcontainer{ border: 1px solid #154067; margin-bottom: 1em; } #contentcontainer .tabcontent{ background-color: #FFFFFF; /* f8fcff eef8ff f2faff e9f6ff d7eeff adddff 1973b3 125382 */ color: #000000; display:none; padding: 5px; } .tabcontent h1, .tabcontent h2, .tabcontent h3, .tabcontent h4, .tabcontent h5, .tabcontent h6 { } @media print { #contentcontainer .tabcontent { display:block !important; } } /* ---------- ---------- ---------- ---------- ---------- */ .boxes-one { width: 556px; /* 575px 235px */ float: left; padding: 0px 15px 10px 22px; border: 1px #000000 solid; /* #939598 */ border-top: 1px #000000 solid; /* #939598 */ border-bottom: 1px #000000 solid; /* #939598 */ color: #000000; /* http://css-tricks.com/snippets/css/css-box-shadow/ */ /* box-shadow: inset -3px 3px 20px #939598; -moz-box-shadow: inset -3px 3px 20px #939598; -webkit-box-shadow: inset -3px 3px 20px #939598; */ box-shadow: -3px 3px 5px #939598; -moz-box-shadow: -3px 3px 5px #939598; -webkit-box-shadow: -3px 3px 5px #939598; } .boxes-one ul span { color: #000000; } .boxes-one h1, .boxes-one h2, .boxes-one h3, .boxes-one h4, .boxes-one h5, .boxes-one h6 { font-size: 1.5em; } .boxes-two { width: 249px; /* 270px 235px */ height: 220px; float: left; padding: 0px 15px 10px 22px; border: 1px #939598 solid; color: #000000; /* http://css-tricks.com/snippets/css/css-box-shadow/ */ box-shadow: inset -3px 3px 20px #939598; -moz-box-shadow: inset -3px 3px 20px #939598; -webkit-box-shadow: inset -3px 3px 20px #939598; } .boxes-two img { padding: 0px; /* http://css-tricks.com/snippets/css/css-box-shadow/ */ } .boxes-two .boxes-two-findoutmore { padding-top: 0px; font-size: 1.0em; text-align: right; } .boxes-two .boxes-two-findoutmore a { } .boxes-two .boxes-two-findoutmore a:hover { } .boxes-three { width: 151px; /* 270px 235px */ float: left; padding: 0px 10px 10px 10px; margin-top: 20px; color: #000000; /* http://css-tricks.com/snippets/css/css-box-shadow/ */ box-shadow: -3px 3px 20px #939598; -moz-box-shadow: -3px 3px 20px #939598; -webkit-box-shadow: -3px 3px 20px #939598; } .boxes-three ul { padding-left: 30px; } .boxes-three h1, .boxes-three h2, .boxes-three h3, .boxes-three h4, .boxes-three h5, .boxes-three h6 { font-size: 1.5em; } /*Nifty Corners Cube CSS by Alessandro Fulciniti The following classes are added dinamically by javascript, and their use should be avoided in the markup */ b.niftycorners,b.niftyfill{display:block;} b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px; overflow:hidden;border-style:solid;border-width: 0 1px;} /*normal*/ b.r1{margin: 0 3px;border-width: 0 2px;} b.r2{margin: 0 2px;} b.r3{margin: 0 1px;} b.r4{height: 2px;} b.rb1{margin: 0 8px;border-width:0 2px;} b.rb2{margin: 0 6px;border-width:0 2px;} b.rb3{margin: 0 5px;} b.rb4{margin: 0 4px;} b.rb5{margin: 0 3px;} b.rb6{margin: 0 2px;} b.rb7{margin: 0 1px;height:2px;} b.rb8{margin: 0;height:2px;} b.rs1{margin: 0 1px;} /*transparent inside*/ b.t1{border-width: 0 5px;} b.t2{border-width: 0 3px;} b.t3{border-width: 0 2px;} b.t4{height: 2px;} b.tb1{border-width: 0 10px;} b.tb2{border-width: 0 8px;} b.tb3{border-width: 0 6px;} b.tb4{border-width: 0 5px;} b.tb5{border-width: 0 4px;} b.tb6{border-width: 0 3px;} b.tb7{border-width: 0 2px;height:2px;} b.tb8{border-width: 0 1px;height:2px;} b.ts1{border-width: 0 2px;} /* * { margin: 0; padding: 0; } */ /************************************************************** MultiBox v1.3 **************************************************************/ .MultiBoxContainer { position: absolute; border: 20px solid #000; background-color: #FFF; display: none; z-index: 9000; text-align: left; /*overflow: hidden;*/ } .MultiBoxLoading { background: url(/images/loader.gif) no-repeat center; } .MultiBoxContent { position: relative; width: 100%; height: 100%; overflow: hidden; } .MultiBoxClose { position: absolute; top: -26px; right: -26px; background: url(/images/close.png) no-repeat; width: 24px; height: 24px; cursor: pointer; } .MultiBoxControlsContainer { overflow: hidden; height: 0px; width: 100%; position: relative; } .MultiBoxControls { width: 100%; height: auto; background-color: #000000; padding-bottom: 2px; position: absolute; bottom: 0px; } .MultiBoxPrevious { position: absolute; background: url(/images/left.png) no-repeat; width: 24px; height: 24px; left: 0px; margin-top: 5px; cursor: pointer; } .MultiBoxNext { position: absolute; background: url(/images/right.png) no-repeat; width: 24px; height: 24px; right: 0px; margin-top: 5px; cursor: pointer; } .MultiBoxNextDisabled { cursor: default; background: url(/images/rightDisabled.png) no-repeat; } .MultiBoxPreviousDisabled { cursor: default; background: url(/images/leftDisabled.png) no-repeat; } .MultiBoxTitle { position: relative; margin: 10px 0 0 35px; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; font-weight: bold; text-align: left; } .MultiBoxNumber { position: relative; width: 50px; margin: 10px 35px 0 0; float: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; text-align: right; } .MultiBoxDescription { clear: left; position: relative; margin: 0 35px 0 35px; padding-top: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; text-align: left; } /*************************************************************/