* {
margin:0;
padding:0;
}
html, body {
height:100%;
}
body {
background:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
line-height:1.25em;
color:#191919;
}
img {
border:0;
vertical-align:top;
text-align:left;
}
object {
vertical-align:top;
outline:none;
}
ul, ol {
list-style:none;
}
.fleft {
float:left;
}
.fright {
float:right;
}
.clear {
clear:both;
}
.col-1, .col-2, .col-3, .col-4 {
float:left;
}
.alignright {
text-align:right;
}
.aligncenter {
text-align:center;
}
.wrapper {
width:100%;
overflow:hidden;
}
.container {
width:100%;
}
/*==== GLOBAL =====*/
#main {
width:940px;
margin:0 auto;
font-size:.9375em;
position:relative;
}
#header {
height:447px;
background:url(images/InnphoBackgroundJan2012.jpg) left bottom no-repeat;
position:relative;
}
/*----- forms parameters -----*/
input, select, textarea {
font-family:Arial, Helvetica, sans-serif; font-size:1em;
vertical-align:middle;
font-weight:normal;
}
/*----- other -----*/
.img-indent {
margin:0 20px 0 0;
float:left;
}
.img-box {
width:100%;
overflow:hidden;
padding-bottom:20px;
}
.img-box img {
float:left;
margin:0 20px 0 0;
}
.extra-wrap {
overflow:hidden;
}
p {
margin-bottom:20px;
}
.p1 {
margin-bottom:10px;
}
.p2 {
margin-bottom:20px;
}
.p3 {
margin-bottom:30px;
}
/*----- txt, links, lines, titles -----*/
a {
color:#d95448;
outline:none;
}
a:hover{
text-decoration:none;
}
h1 {
font-size:72px;
color:#191919;
font-weight:normal;
line-height:1.2em;
text-transform:uppercase;
padding:58px 0 0 0;
margin:0 0 0 -5px;
letter-spacing:-2px;
float:left;
}
h1 a {
color:#191919;
text-decoration:none;
}
h1 a strong {
font-weight:normal;
color:#d95448;
}
h2 {
font-family:"Arial Black", Gadget, sans-serif;
font-size:20px;
line-height:1.2em;
font-weight:normal;
padding:4px 0 0 0;
margin-bottom:23px;
}
h3 {
font-size:34px;
line-height:1.2em;
text-transform:uppercase;
margin-bottom:15px;
}
h3 strong {
display:block;
color:#333333;
margin-bottom:-8px;
}
h3 em {
display:block;
margin-bottom:-8px;
font-style:normal;
}
h4 {
font-size:1.33em;
line-height:1.2em;
text-transform:uppercase;
font-weight:normal;
padding:4px 0 0 0;
margin-bottom:24px;
}
h5 {
font-size:1em;
font-weight:normal;
margin-bottom:20px;
}
h6 {
font-size:1em;
font-weight:normal;
color:#d95448;
}
.address dt {
margin-bottom:20px;
color:#d95448;
}
.address dd {
clear:both;
}
.address dd span {
float:left;
width:74px;
}
/*===== header =====*/
#header .row-1 {
height:139px;
border-bottom:5px solid #d95448;
overflow:hidden;
margin-bottom:3px;
}
#header .row-2 {
padding:32px 0 0 307px;
}
#header .row-2 h2 {
font-family:"Helvetica", Arial Black, Gadget, sans-serif;
font-size:32px;
color:#cccccc;
line-height:36px;
font-weight:normal;
letter-spacing:0px;
margin-bottom:26px;
padding:0;
}
#header .row-2 h2:first-line {
color:#feac46;
}
#header .row-2 .button {
font-family:"Arial Black", Gadget, sans-serif;
font-size:11px;
color:#fff;
float:left;
display:block;
padding:6px 17px 7px 17px;
background:#d95448;
text-decoration:none;
text-transform:uppercase;
}
#header .row-2 .button:hover {
background:#feac46;
}
#header .nav {
float:right;
padding:96px 0 0 0;
}
#header .nav li {
float:left;
padding-left:3px;
}
#header .nav li a {
float:left;
padding:11px 0 9px 0;
width:118px;
text-align:center;
color:#fff;
font-family:"Arial Black", Gadget, sans-serif;
text-decoration:none;
font-size:11px;
text-transform:uppercase;
background:url(images/nav-bg.jpg) repeat 0 0;
background-position:0 0;
position:relative;
}
#header .nav li a:hover, #header .nav li li a:focus, #header .nav li li a:active {background-position:-150px 0;
background-position:-150px 0;
}
#header .nav li a.active {
padding-bottom:13px;
background-position:0 -250px !important;
}
.top-links {
position:absolute;
left:0;
top:40px;
font-size:1px;
}
.top-links li {
display:inline;
}
.top-links li a {
padding:0 0 0 1px;
text-decoration:none;
color:#191919;
}
.top-links li a:hover {
color:#d95448;
text-decoration:underline;
}
/*===== content =====*/
#content {
padding:25px 0 63px 0;
}
.banners {
padding:18px 0 0 0;
}
.banners li.item2 {
padding-left:10px;
}
.banners li.item3 {
margin-left:-10px;
}
.list1 {
margin-bottom:-10px;
}
.list1 li {
padding-bottom:20px;
color:#d95448;
text-align:right;
}
.list1 li blockquote {
text-align:left;
color:#191919;
}
.list2 li {
padding-bottom:2px;
}
/*===== footer =====*/
#footer {
color:#0f0103;
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
border-top:5px solid #ecebec;
padding:19px 0 76px 0;
}
/*----- forms -----*/
#contacts-form { clear:right; width:100%; overflow:hidden; padding:15px 0 0 0;}
#contacts-form fieldset { border:none; float:left; }
#contacts-form .col-1 { width:285px !important; margin-right:0 !important}
#contacts-form .col-2 { width:311px !important; margin-right:0 !important}
#contacts-form .field { clear:both; text-align:right;}
#contacts-form label { float:left; width:57px; padding-bottom:10px; padding-right:10px;}
#contacts-form input { width:170px; font-size:.85em; padding-left:3px; float:left; border:1px solid #d1cecd; background:none; padding:2px 0 2px 3px;}
#contacts-form textarea { width:220px; height:75px; font-size:.85em; padding-left:3px; margin-bottom:15px; overflow:auto; border:1px solid #d1cecd; background:none; padding:2px 0 2px 3px;}
/*==========================================*/