/* Base element */
html, body {
height:100%;
}
/*Images*/
img {
margin:0;
padding:0;
border: none;
display: inline;
float: left;
height: auto;
}
/*End Images*/
/* Typo */
p {
font-size: 1em;
margin: 0 0 1em 0;
padding: 0;
line-height:1.5em;
}
h1 {
font-size: 2em;
line-height: 1.5em;
margin: 0 0 0.5em 0;
padding: 0;
}
h2 {
font-size: 1.5em;
line-height: 1.5em;
margin: 0 0 0.5em 0;
padding: 0;
}
h3 {
font-size: 1.2em;
line-height: 1.5em;
margin: 0 0 0.3em 0;
padding: 0;
}
/* End Typography */
/* Links */
a, a:link, a:active {
color:#8bac34;
text-decoration: none;
}
a:hover {
color:#8bac34;
text-decoration: underline;
}
/* End Links */
/* End Base element */
body {
margin: 0;
padding: 0;
font: 12px/1.5 "HelveticaNeue-Light", "HelveticaNeue", Helvetica, Arial, sans-serif;
font-family: "HelveticaNeue-Light", "HelveticaNeue", Helvetica, Arial, sans-serif;
text-align: left;
color:#194981; /*blue*/
/* background: url(images/body-back.gif) repeat top left; */
}
#wrapper {
min-height:100%;
position:relative;
color: #194981; /*blue*/ /*font color #6b6a6a */
}
* html #wrapper {
height:100%
}
#container{
font-size: 1.5em;
margin:0 auto;
width:930px;
padding:0px 0px 70px 0px;
}
#content-back{
background:url(images/container-back.png) no-repeat bottom left;
padding-bottom:25px;
}
#topbar {
height:10px;
background:#194981; /* #759b2c*/
min-width:930px;
border-bottom:1px solid #000000;
}
/*Header and menu */
#header{
margin:0 auto;
position:relative;
height:180px;
width:900px;
}
#header h1 {
display:block;
position:relative;
float:left;
top:10px;
left:5px;
height:138px;
width:650px;
margin:0;
overflow:hidden;
padding:0;
text-decoration:none;
text-indent:-9999px;
background: url(images/irody-h1-logo-1.png) no-repeat top left;
}
#header h1 a {
display:block;
height:138px;
width:350px;
}
ul.contact {
position:absolute;
right:10px;
top:50px;
margin:0 0 0px 0;
font-size:0.9em;
padding:0;
list-style: none;
background:transparent no-repeat scroll 0px 0px;
}
ul.contact li {
padding: 0;
float: left;
margin: 0 0px 0 20px;
display: inline;
}
a.phone {
background:url(images/phone.gif) no-repeat left center;
padding:3px 0px 3px 20px;
}
a.email {
background:url(images/email.gif) no-repeat left center;
padding:3px 0px 3px 30px;
}
ul#main-menu {
position:absolute;
right:0px;
bottom:0px;
margin:0 20px 0px 0;
font-size:0.9em;
padding:0;
list-style: none;
background: transparent no-repeat scroll 0px 0px;
/* height:60px; */
}
ul#main-menu li {
padding: 0;
float: left;
margin: 0 5px 0 0;
display: block;
background: url(images/tab_left.gif) repeat; /* no-repeat; */
}
ul#main-menu li:hover, ul#main-menu li#current {
padding: 0;
float: left;
margin: 0 5px 0 0;
display: block;
background: url(images/tab_left_hover.gif) no-repeat;
}
ul#main-menu li a{
float: left;
padding: 0 15px;
color: #FFF;
text-decoration: none;
line-height: 2.2em;;
background: url(images/tab_right.gif) no-repeat top right;
}
ul#main-menu li a:hover, ul#main-menu li#current a{
background: url(images/tab_right_hover.gif) no-repeat top right;
}
/*End Header and menu */
/*Content*/
#content {
margin:0 auto;
width:858px;
padding:25px 20px 20px 20px; /* top right bottom left */
/* background:#ffffff; */ /* url(images/content-back.gif) repeat-x top left; */
background:#ffffff; /* url(images/container-top.png) no-repeat top right; */
border:1px solid #ffffff;
}
#content h1 {
clear:both;
/* text-transform:uppercase; */
padding:0px 0px 3px 20px;
margin:0px 0px 5px 0px;
line-height:1.5em;
font-size:18px;
font-weight:normal;
font-variant: normal;
font-size-adjust: none;
/* letter-spacing:1px; */
/* font-weight:bold; */
}
#content h2 {
clear:both;
/* text-transform:uppercase; */
padding:0px 0px 3px 20px;
margin:0px 0px 5px 0px;
line-height:1em;
font-size:1.6em;
letter-spacing:1px;
font-weight:bold;
background:url(images/h2-content.gif) no-repeat center left;
}
#content h3 a, #content h2 a, #content h1 a {
color:#6b6a6a;
}
#content h3 a:hover, #content h2 a:hover, #content h1 a:hover {
color:#8bac34;
text-decoration: none;
}
#content h4 {
clear:both;
padding:0px 0px 3px 20px;
margin:0px 0px 5px 0px;
font-size:14px;
font-weight:normal;
font-variant: normal;
font-size-adjust: none;
}
#main {
float:left;
display:inline;
width:550px;
}
#main ul {
margin:0px 30px 0px 25px ;
padding:0px 0px 0px 0px;
list-style:none;
}
#main ul li {
display:block;
padding:5px 0px 5px 20px;
margin:0px 0px 3px 0px;
background:url(images/li-back.gif) no-repeat center left;
}
#main ul li a {
color:#6b6a6a;
text-transform:none;
}
#main ul li a {
background:url(images/li-work.png) no-repeat center left;
}
#main ul li a:hover {
color:#759b2c;
text-decoration:none;
}
.block {
margin-bottom:30px;
}
.gallery {
margin:25px 0px 0px 0px;
}
.gallery img{
padding:2px;
margin:0px 28px 10px 0px;
background:#d0d0d0;
border:#bbb 1px solid;
border-top:#c3c3c3 1px solid;
border-left:#c3c3c3 1px solid;
}
/* Sidebar */
#sidebar {
float:right;
display:inline;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:280px;
}
.sideimg {
margin-bottom:190px;
margin-right:20px;
}
#sidebar img {
padding:2px;
margin-bottom:35px;
margin-right:20px;
background:#d0d0d0;
border:#bbb 1px solid;
border-top:#c3c3c3 1px solid;
border-left:#c3c3c3 1px solid;
}
.subpage-title {
height:100px;
width:265px;
padding:10px 0px 0px 15px;
background:url(images/subpage.jpg) no-repeat top left;
}
h1#subpage-title {
background:none;
line-height:1.2em;
padding:0;
color:#ffffff;
font-size:1.8em;
}
h1#subpage-title a {
color:#ffffff;
}
h1#subpage-title a:hover {
color:#ffffff;
text-decoration:underline;
}
ul.subpage {
margin:0px 0px 25px 0px;
padding:0px;
list-style:none;
}
ul.subpage li {
margin:0px;
padding:0px;
list-style:none;
}
ul.subpage li a{
display:block;
margin:1px 0px 0px 0px;
padding:10px 0px 10px 10px;
width:263px;
background:#e39957 url(images/li-subpage.gif) repeat-x top left;
color:#ffffff;
border:1px solid #e39957;
}
ul.subpage li a:hover, ul.subpage li#currentsub a{
display:block;
margin:1px 0px 0px 0px;
padding:10px 0px 10px 10px;
width:263px;
background:#194981 url(images/li-subpage-hover.gif) repeat-x top left;
color:#ffffff;
border:1px solid #194981;
text-decoration:none;
}
.news {
margin-top:15px;
margin-bottom:0px;
font-size:0.9em;
padding-top:5px;
/*border-top:1px solid #759b2c;*/
}
.news h3 {
font-size:1.1em;
text-transform:uppercase;
line-height:1em;
margin:0px 0px 2px 0px;
}
p.small {
font-size:0.95em;
color:#b5b5b5;
line-height:1em;
margin:0px 0px 10px 0px;
}
a.more {
padding:3px 7px 3px 7px;
color:#ffffff;
background:#779d2d url(images/more.gif) repeat-x top left;
border:1px solid #8bad34;
font-size:0.9em;
float:left;
}
a.more:hover {
background:#445c16 url(images/more-hover.gif) repeat-x top left;
border:1px solid #445c16;
font-size:0.9em;
text-decoration:none;
}
/* Form Styling */
#sidebar form {
margin:-10px 0 20px 0px;
}
input.side {
padding:7px 7px 5px 7px;
color:#6b6a6a;
width:259px;
margin-bottom:10px;
}
input.submitbutton {
margin:0 0 10px 0px;
padding:3px 7px 3px 7px;
color:#fff;
font-size:0.9em;
background:#71962b url(images/more.gif) repeat-x top left;
border:1px solid #8bad34 !important;
}
input.submitbutton:hover {
background:#445c16 url(images/more-hover.gif) repeat-x top left;
border:1px solid #445c16 !important;
text-decoration:none;
}
textarea.side {
font-family: Arial, Helvetica, sans-serif;
color:#6b6a6a;
padding:7px 7px 5px 7px;
height:84px;
width:259px;
font-size:0.9em;
margin-bottom:15px;
}
#sidebar label {
visibility:hidden;
}
span.inputfield {
padding:1px;
background:#9da843;
}
/* Form Styling */
/* End Sidebar */
/*End Content*/
/*Footer */
#footer{
position:relative;
margin-top:-61px;
height:60px;
min-width:930px;
color: #194981; /* #d2f987; */
background:#194981; /* #759b2c; */
border-top:#000000 1px solid;
}
.footer-block {
clear:both;
margin:0 auto;
text-align:left;
padding:30px 20px 0 20px;
width:880px;
font-size:0.9em;
}
.footer-block p{
float:left;
padding:0px;
margin:0px;
margin-top:-10px;
}
.footer-block ul{
padding:0px;
float:right;
margin:0px;
margin-top:-10px;
list-style:none;
}
.footer-block ul li{
float:left;
list-style:none;
margin:0;
margin-left:1em;
}
.footer-block a {
color:#d2f987;
}
.footer-block a:hover {
color:#ffffff;
text-decoration: none;
}
/*End Footer */
/*Tools*/
.hidden {
display:none;
}
.center {
margin:0 auto;
}
.last {
margin:0px;
padding:0px;
}
.clear, .clearline {
clear:both;
height:1px;
width:200px;
margin:0;
padding:0;
font-size: 15px;
line-height: 1px;
}
.margin-bottom {
margin-bottom:20px;
}
.left {
float:left;
display:inline;
}
/*table*/
table {
font-size: 95%;
font-family: 'Lucida Grande', Helvetica, verdana, sans-serif;
background-color:#fff;
border-collapse: collapse;
width: 100%;
line-height: 1.2em;
}
caption {
font-size: 30px;
/* font-weight: bold; */
color: #002084;
text-align: left;
padding: 10px 0px;
margin-bottom: 2px;
text-transform: capitalize;
}
thead th {
border-right: 2px solid #fff;
color:#fff;
text-align:center;
padding:2px;
height:25px;
background-color: #004080;
}
tfoot {
color:#002084;
padding:2px;
text-transform:uppercase;
font-size:1.2em;
/* font-weigth: bold; */
margin-top:6px;
/* border-top: 6px solid #004080; */
/* border-bottom: 6px solid #004080; */
}
tbody tr {
background-color:#fff;
/* border-bottom: 2px solid #c0c0c0; */
}
tbody td {
color:#002084;
padding:5px;
text-align:left;
}
tbody th {
text-align:left;
padding: 2px;
}
tbody td a, tbody th a {
color:#002084;
text-decoration:underline;
font-weight:normal;
}
tbody td a:hover, tbody th a:hover {
/* text-decoration:none; */
}