/*
* HTML5 ✰ Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*
* Detailed information about this CSS: h5bp.com/css
*
* ==|== normalize ==========================================================
*/
@import "lib/normalize.css";
@import "lib/forms.css";
/* ==|== primary styles =====================================================
Author: Massimiliano Rosorani
========================================================================== */
/* Typography
-------------------------------------------------------------- */
/* Removes Firefox imposed outline */
a { outline: none; }
/* Default font settings.
The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {font-size: 80%; line-height:1.5; font-family: Arial, Helvetica, sans-serif; color:#666; background:#86d3e3 url('img/bg.png') repeat center top;}
/* Headings
-------------------------------------------------------------- */
/*
h1,h2,h3,h4,h5,h6 {}
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; line-height: 1; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1em; }
h5 { font-size: 1em; font-weight: bold; }
h6 { font-size: 1em; font-weight: bold; }
*/
/* Text elements
-------------------------------------------------------------- */
p { margin: 0 0 1.5em; }
a,a:visited { color: #86d3e3; text-decoration: underline; }
a:hover,
a:active { color: #86d3e3; text-decoration: none;} /* do not remove these */
/* Lists
-------------------------------------------------------------- */
li ul,
li ol { margin: 0; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; padding-left: 1.5em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em;}
/* Forms
--------------------------------------------------------------
@import "lib/forms.css"; */
#pagewidth { width:1000px;margin:0 auto ; text-align:left; background-color:#fff;margin-bottom:60px; }
#header {height:202px; position:relative; z-index:200}
#header a#logo {position:absolute;display:block; text-decoration:none;background:transparent url("img/logo.png") no-repeat center top;width:302px;
height:111px; top:32px;left:32px;z-index:100;}
#header a#logo h1,
#header a#logo h5 {font-size:3px;padding:0px;margin:0px;text-indent:-9999em;}
nav {position: absolute; top:170px; left:10px; }
nav ul { margin:0;padding:0; text-align:left;}
nav ul li {margin:0; padding:0; list-style-type:none; display:inline; }
#heading { height:300px; position:relative; z-index:100}
.header-index { background:#fff url('img/header-index.jpg') no-repeat left top;}
.header-about-us { background:#fff url('img/header-about-us.jpg') no-repeat left top;}
.header-our-networks { background:#fff url('img/header-our-networks.jpg') no-repeat left top;}
.header-products { background:#fff url('img/header-products.jpg') no-repeat left top;}
.header-news-events { background:#fff url('img/header-news-events.jpg') no-repeat left top;}
.header-gallery { background:#fff url('img/header-gallery.jpg') no-repeat left top;}
.header-support { background:#fff url('img/header-support.jpg') no-repeat left top;}
.header-contact-us { background:#fff url('img/header-contact-us.jpg') no-repeat left top;}
#heading h3 { position:absolute; bottom:34px; left:20px; color:#fff; line-height:1.2em;margin:0; padding:0;letter-spacing:-1px; font-size:2.6em; text-transform:uppercase;}/* cufon*/
#heading h3 span { color: #86d3e3; display:block;}
#main { position:relative; z-index:1;}
#content { float:left; width:800px; min-height:800px; height: auto !important; height:800px; }
#content h2 {color:#86d3e3; font-size:2.2em; text-transform:uppercase; letter-spacing:-1px; margin-bottom:0.5em; margin-top: 0;} /* cufon*/
#article { padding:27px 23px 10px }
#sidebar { width:190px; margin-left:10px; position:absolute; top:0;right:0;}
#article .breadcrumbs {font-size:0.9em; margin-bottom:3em;}
#article .breadcrumbs,
#article .breadcrumbs a,
#article .breadcrumbs a:visited,
#article .breadcrumbs a:hover,
#article .breadcrumbs a.active { color:#333;}
/* sidebar boxes*/
#box1 { height:287px; background:#666 url('img/gradient01.jpg') repeat-y right top; padding-top:13px;}
#search-form { padding:10px 8px 8px;width: 163px; background-color:#ccc; margin-bottom:13px; }
#search-form form { padding:0; margin:0;}
#search-form legend,
#search-form label {display:none;}
#search-form input { width:149px;}
#search-form button { text-indent:-5000em;background:transparent url('img/magnifier.png') no-repeat left top; border:0; height:21px; width:24px; margin-left:-20px;}
#newsletter-form {}
#newsletter-form form { padding:0; margin:0;}
#newsletter-form legend,
#newsletter-form label {display:none;}
#newsletter-form input { width:149px;}
#newsletter-form button { text-indent:-5000em;background:transparent url('img/arrow.png') no-repeat left top; border:0; height:21px; width:24px; margin-left:-20px;}
#newsletter-box p { margin-bottom:7px;}
#newsletter-box { font-size:0.9em;font-weight:bold; width:163px; padding:10px 9px 16px 8px;background-color:#ccc; height:60px; color:#FFF;}
#box1 ul {margin:0; padding:0; }
#box1 ul li {margin:0; padding:0; list-style-type:none; width:165px; border-bottom:1px solid #fff;}
#box1 ul li a { text-decoration:none; padding-left:10px; color:#fff; text-transform:uppercase; display:block; line-height:46px;}
#box2 {margin:10px 0; background:#999 url('img/gradient02.jpg') repeat-y right top; color:#fff; padding: 19px 1px 19px 10px;}
#box2 #feed { float:left; width:150px;}
#box2 h3 {font-size: 1.5em;text-transform: uppercase;margin: 0 0 10px; padding:0;}
#box2 dl {margin:0; padding:0;line-height:1em}
#box2 dt {margin:0; padding:0; }
#box2 dd {margin:0 0 15px 0; padding:0;}
#box2 dd a { color:#fff;}
#box2 #social-box { float:right; width:16px; margin-top:5px;}
#box2 #social-box ul { margin:0; padding:0;}
#box2 #social-box ul li { margin:0; padding:0; list-style-type:none;}
#box2 #social-box ul li a.icon { text-indent:-5000em; display:block; margin-bottom:5px; width:16px; height:16px; background:transparent url('/') no-repeat left top;}
#box2 #social-box ul li a.ico-facebook { background-image:url('img/icons/facebook.png')}
#box2 #social-box ul li a.ico-twitter { background-image:url('img/icons/twitter.png')}
#box2 #social-box ul li a.ico-blogger { background-image:url('img/icons/blogger.png')}
#box2 #social-box ul li a.ico-email { background-image:url('img/icons/email.png')}
#box3 {margin:10px 0; background:#ccc url('img/gradient03.jpg') repeat-y right top; color:#fff; padding:19px 10px; color:#333}
#box3 h3 {font-size: 1.5em;text-transform: uppercase;margin: 0 0 10px; padding:0; }
#box3 a { color:#333}
/*Home */
#actions { padding:8px 0;}
#actions .action { width:257px; float:left; margin-right:13px;}
#actions .action h4 { width:265px; height:145px; text-indent:-555em; margin:0;}
#actions .action h4 a { display:block;width:265px; height:145px; }
#actions .last { margin-right:0;}
#actions .win1 h4 {background:transparent url('img/home_small_nerwork.jpg') no-repeat left top}
#actions .win2 h4 {background:transparent url('img/home_small_providers.jpg') no-repeat left top}
#actions .win3 h4 {background:transparent url('img/home_small_ship.jpg') no-repeat left top}
#actions .action > div { padding:10px 17px;}
/*
.orbit-caption {
display: block !important;}
.orbit-wrapper .orbit-caption {
background:none !important;
color: #FFFFFF;
font-size: 13px;
height: 91px !important;
padding: 7px 0 !important;
position: absolute !important;
left: 0 !important;
text-align: left !important;
top: 174px !important;
width: 373px !important;
z-index: 1000 !important;
}
*/
footer { padding:27px 23px 10px 23px; font-size:0.9em}
footer a,
footer a:visited { color:#666; }
footer a:hover,
footer a.active { color:#666; }
/**/
#contact-us legend{ display:none;}
#contact-us form.hform label { width:170px;}
#contact-us p.date { display:none;}
#contact-us p.buttons { padding-left:170px;}
/* gallery*/
#gallery .gallery-item { float:left;width:140px;height:140px; margin:0 26px 10px 0;}
#gallery .gallery-item a { width:120px; display:block;}
#gallery .gallery-item a img{border:1px solid #CCC;}
#gallery .gallery-item .gallery-text { line-height:1em;}
/* ==|== non-semantic helper classes ========================================
Please define your styles before this section.
========================================================================== */
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* ==|== media queries ======================================================
PLACEHOLDER Media Queries for Responsive Design.
These override the primary ('mobile first') styles
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 480px) {
/* Style adjustments for viewports 480px and over go here */
}
@media only screen and (min-width: 768px) {
/* Style adjustments for viewports 768px and over go here */
}
/* ==|== print styles =======================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}