﻿/*CSS Document*/ /*PriceWeber - J.A.W. 4/10/09 - Browsers: SF3,FF3,IE7 IE6*/

/* =Global 
----------------------------------------------------------------------------------------*/
/*--Removes default browser padding and margin on html ------*/
html,body {margin:0;padding:0; text-align: left;}

/* Body Font, centering, ------*/
body {background: white url(deimages/bg_menu.gif) repeat-x 0 0;  color: black; font: x-small/1.5em Arial, Helvetica, Verdana, sans-serif; voice-family: "\"}\""; voice-family: inherit; font-size: small; min-width: 990px; margin: 0 0 0 20px;}
html > body {font-size: small; line-height: normal;}
a img {border:0px;} a{color:black;} a:visited {color:black;} a:hover {color:#1a689d;}

/* =Basic Classes 
----------------------------------------------------------------------------------------*/
.clear {clear:both;} .left-clear {clear:left;} .right-clear {clear:right;} .left-float{float:left;} .right-float {float:right;} .border-1{border:1px solid #bbbbbb; padding: 6px 8px 8px 8px;} .display-none {display:none;}

/* =Text Format/Alignment  ------*/
.small-text {font-size:10px !important;} .medium-text {font-size:11px !important;} .nowrap-text {white-space:nowrap;} .bold {font-weight:bold;} .required-text {color:#ee2e24;}
.no-margin {margin:0px !important;} .padding {padding:5px !important;} .margin {margin:5px !important;} .padding-top {padding:10px 0 0 0 !important;} .left-align {text-align:left;}
.right-align {text-align:right;}

.border-table, .border-table td {border:1px solid black;}

h1, h2, h3 {color:black; text-align:left; line-height:0; padding:0;}
h1 {font-size:90%; margin:15px 0 10px 0;} h2 {color:#ee2e24; font-size:80%; margin:15px 0 10px 0;} h3 {font-size:80%; margin:15px 0 6px 0;  }

/* =Form, Input   ------*/
.text-field {color:#77787b; height:20px; background:#e6e7e8; border:0px; padding:3px 2px 1px 2px; margin:0px 0 5px 0;}
.text-field-multi {color:#77787b; width:235px; height:35px; background:#e6e7e8; border:0px; padding:3px 2px 1px 2px; margin:0px 0 5px 0;}
.label {}
.select-list {margin:0px 0 5px 0; background:#e6e7e8;}
.input-checkbox{margin:0px 0 5px 0; }
.input-btn {color:white; height:27px; background:#0f75bc; border:1px solid black; font-size:110%; padding: 3px 3px 4px 3px; font-weight:bold; text-align:center; vertical-align:middle; cursor:hand; cursor:pointer;}
.input-btn:hover {color:#0f75bc; background:#e6e7e8;}

/* =Images  ------*/
.img-border, .img-border img { border:solid 1px #ecebeb;} .img-margin, .img-margin img {padding:7px;} .img-margin2, .img-margin2 img {padding:0px 6px 6px 6px;}
/* =Image Opacity Hovers*/ 
.over img {border:1px solid #dfdfdf; padding:0; margin:0; background:white;} .over img:hover {border:1px solid #dfdfdf; padding:0; margin:0; background:white;
filter:alpha(opacity=60); /*IE 7* IE 6 NOTE:does not work*/ opacity:.60; /*css standard*/ -moz-opacity:.60; /*mozilla*/ }


/* =Header 
----------------------------------------------------------------------------------------*/
.hdr {display:block; width:990px; height:123px; margin:0 auto}
.hdr-content {display:block; width:990px; height:123px; margin:0 auto; border:0px solid red; }

/* =Nav Top------*/
.hdr-nav {display:block; width:990px; height:28px; margin:0 auto; border:0px solid green;}

.hdr-nav ul { 
display:block;
width:990px;
height:26px;
float:left;
margin:0 0 0 12px;
border:0px solid red;
list-style:none;
line-height:normal;
background:#ececec;
}

.hdr-nav li {display: inline; float:left; color:black; margin:0px; padding:0px;}

.hdr-nav li a{display:block;
 width:auto;
 border-left:1px solid white;
 margin:0px;
 padding:7px 19px 7px 20px;
 vertical-align:middle;
 text-decoration:none;
 text-align:center;
 color:black; 
 font-size:80%;
 font-weight:bold;
  }

.hdr-nav li a:hover {color:#0f75bc; height:auto; text-decoration:none; background:#dddbdb;}

/* =Logo------*/
.hdr-logo-search h1 {display:block; position:relative; float:left; width:750px; height:81px; line-height:0; text-align:left; text-indent:-40000em; background: url(deimages/logo_ilia.gif) no-repeat top left ; margin:0px; padding:0px; color: #79B30B; border:0px solid red;}
.hdr-logo-search h1 a { display:block; position:relative; width:750px; height:81px;}

/* =Search------*/
.hdr-search{display:block; position:relative; width:228px; height:65px; border:0px solid purple; text-align:left; margin: 15px 0 0 0; float:right; }
.hdr-search label {font-size:90%; color:black; font-weight:bold; margin:0px; padding:0px; text-align:left; }

input.hdr-search-field  {display:block; position:relative; width:173px; height:20px; border:1px solid black; margin: 3px 0 0 0; padding:2px;}

.submit-search {display:block; position:relative; float:right; width:40px; height:34px; background: url(deimages/ico_search.gif) no-repeat 0 0; text-indent:-40000em; padding:0; margin:0; border:0px solid green; font-size:0px; float:right; margin:-26px 9px 0 0;}
.submit-search:hover {cursor:pointer;}

.hdr-crumbs{border:0 solid green;
color:black;
display:block;
font-size:80%;
font-weight:bold;
height:15px;
margin:0 0 0 0;
position:relative;
text-align:left;
width:auto;
}
.hdr-crumbs a{color:black; text-decoration:none;}
.hdr-crumbs a:hover {color:#0f75bc; text-decoration:none;}


/* =Structure 
----------------------------------------------------------------------------------------*/
/*middle columns ------------------------------*/
div.container{text-align:left}
div.container{display:block; position:relative; top:5px; width:990px; margin:0 auto;  border:0px solid purple;}
div.wrapper{float:left;width:100%; border:0px solid purple;}
div.column2{margin: 0 245px; border:0px solid red; text-align:left; padding-top:0px;} 
div.column1{float:left; width:185px; margin-left:-990px; border:0px solid red;}
div.column3{float:left; width:230px; margin-left:-230px}

.column1 h1 {display:block; position:relative; width:auto; height:85px; background: url(deimages/hdr_welcome.gif) no-repeat 0 0; text-align:left; text-indent:-40000em; line-height:0; margin:0px 0px 0px  0px; padding:0px; border:0px solid purple;}
.column3 h2 {display:block; position:relative; width:auto; height:25px; background: url(deimages/hdr_project_gallery.gif) no-repeat 0 0; text-align:left; text-indent:-40000em; line-height:0; margin:0; padding:0; border:0px solid red;}
.column3 h3 {display:block; position:relative; width:auto; height:25px; background: url(deimages/hdr_tech_info.gif) no-repeat 0 0; text-align:left; text-indent:-40000em; line-height:0; margin:0; padding:0; border:0px solid red;}
.column2 h3 {}

/* =Nav - Content Navs
----------------------------------------------------------------------------------------*/
/* =Nav Left Column --*/
.nav-left-column {display:block; width:auto; height:auto; margin:58px 0px 34px 0px; padding:0px; border:0px solid green;}
.nav-left-column ul {display:block; margin:0; padding:0px; border:0px solid red; list-style:none; line-height:normal;}
.nav-left-column li {color:black; margin:0px; padding:0px;}
.nav-left-column li a{display:block;
 width:auto;
 height:auto;
 margin:0px;
 padding:2px 0 2px 0;
 vertical-align:middle;
 text-decoration:none;
 text-align:left;
 color:black; 
 font-size:100%;
  }

.nav-left-column li a:hover {color:#0f75bc;}
.gallery {margin-top: 0px}

/* =Nav Gallery --*/
.nav-gallery {display:block; width:auto; height:auto; margin:0px 0px 34px 0px; padding:0px; border:0px solid green;}
.nav-gallery ul {display:block; margin:0; padding:0px; border:0px solid red; list-style:none; line-height:normal;}
.nav-gallery li {color:black; margin:0px; padding:0px;}
.nav-gallery li a{display:block;
 width:auto;
 height:auto;
 margin:0px;
 padding:2px 0 2px 0;
 vertical-align:middle;
 text-decoration:none;
 text-align:left;
 color:black; 
 font-size:100%;
  }

.nav-gallery li a:hover {color:#0f75bc;}



/* =Nav Tech Info --*/
.nav-tech-info {display:block; width:auto; height:auto; margin:0px; padding:0px; border:0px solid green;}
.nav-tech-info ul {display:block; margin:0; padding:0px; border:0px solid red; list-style:none; line-height:normal;}
.nav-tech-info li {color:black; margin:0px; padding:0px;}
.nav-tech-info li a{display:block;
 width:auto;
 height:auto;
 margin:0px;
 height:auto;
 padding:2px 0 2px 0;
 vertical-align:middle;
 text-decoration:none;
 text-align:left;
 color:black; 
 font-size:100%;
  }

.nav-tech-info li a:hover {color:#0f75bc;}


/* =Subpage Structure 
----------------------------------------------------------------------------------------*/
/*middle columns 4 column layout------------------------------*/
div.column2-sub{margin: 0 245px; border:0px solid red; text-align:left; padding-top:0px; }
div.column1-sub{float:left; width:180px; margin-left:-990px; border:0px solid red;}

/*added*/
/*.column2-sub h1 {display:block; position:relative; width:auto; height:auto; color:#0f75bc; font-size:90%; text-align:left; line-height:0; margin:0px 0 30px 0; padding:0; border:0px solid red; background:transparent; text-indent:0; }*/

div.column3-sub{float:left; width:230px; margin-left:-230px}
.hdr-image img{margin:8px 10px 32px 0;}
/* .hdr-image-single img{margin:8px 10px 32px 140px; float:none;} */
/* .hdr-image-single img{margin:8px 25px 32px 0; float:right;} */
.hdr-image-single img{margin:8px 0px 32px 0; float:right;}

/*middle columns for content------------------------------*/
.column1-content {display:block; position:relative; top:64px;}
.column2-content {width:220px; border:0px solid red; margin: 0 10px 0 0; }
.move_left {
margin-top:-8px;
padding-bottom:8px;
}
.move_right {
margin-top:-12px;
}

'
/*Column 2/Wide Middle Area 3 column layout*/
.column2-content-wide {width:90%; margin: 0 10px 0 0;}
.column3-content {display:block; position:relative; top:102px;}

/*Single Column with nav on Right*/
/* div.column-single-sub{margin-left:0px; width:745px; white-space:normal; border:0px solid red; text-align:left; padding-top:0px; float:left;} */
/* div.column-single-sub-content{margin-left:0px; width:745px; white-space:normal; border:0px solid red; text-align:left; padding-top:0px; float:down;} */

div.column-single-sub{margin-left:0px; width:720px; border:0px solid red; text-align:left; padding-top:0px; float:left; overflow:hidden;}
div.column-single-sub-content{margin-left:0px; width:720px; border:0px solid red; text-align:left; padding-top:0px; float:down; overflow:hidden;}


/* =Gallery
----------------------------------------------------------------------------------------*/
/* =Gallery Structure*/
 div.column1-gallery{float:left; width:240px; margin-left:-990px; border:0px solid blue;}
.column1-content-gallery {display:block; position:relative; top:64px;  border:0px solid red;}
.column3-content-gallery {display:block; position:relative; top:10px;  border:0px solid green;}

.column1-content-gallery a {text-decoration:none;}

/* =Gallery Content --*/
div.btn-gallery {display:inline; position:relative; border:0px solid green; height:30px; width:80px;}


.btn-gallery-left {display:block; position:relative; float:left; background: url(deimages/ico_gall_arrowL.gif) no-repeat 0 0; width:40px; height:30px; text-align:left; text-indent:-40000em; line-height:0;}

.btn-gallery-left:hover{}
.btn-gallery-right {display:block; position:relative; float:right; background: url(deimages/ico_gall_arrowR.gif) no-repeat 0 0; width:40px; height:30px; text-align:left; text-indent:-40000em; line-height:0;}
.btn-gallery-right:hover{}


.thumbs-gallery {display:block; position:relative; border:0px solid green; margin:20px 0 0 0}
.thumbs-gallery-off {display:none;}
.thumbs-gallery a img {display:inline;}

/*= Gallery photo large*/
.content-gallery img {border:0px solid green;}
/*= Gallery photo description*/
.description-gallery {color:black; font-size:80%; text-align:left; vertical-align:bottom; margin:230px 0 0 0; border:0px solid green;}



/* =Graphic Headers*/
.hdr-advantages  {display:block; position:relative; width:auto; height:35px; background: url(deimages/hdr_advantages.gif) no-repeat 0 0; text-align:left; text-indent:-40000em; line-height:0; margin:0px 0px 0px  0px; padding:0px; border:0px solid purple;}

.hdr-gallery-residential  {display:block; position:relative; width:156px; height:35px; background: url(deimages/hdr_gallery.gif) no-repeat 0 0; text-align:left; text-indent:-40000em; line-height:0; margin:0px 0px 0px  0px; padding:0px; border:0px solid purple; clear:right;}

.hdr-project-gallery {display:block; position:relative; width:156px; height:35px; background: url(deimages/hdr_project_gallery.gif) no-repeat 0 0; text-align:left; text-indent:-40000em; line-height:0; margin:0; padding:0; border:0px solid red;}


/* =Text Headers*/
.column1-content h2, .column2-content h2, .column3-content h2, .column1-content-gallery h2, .column-single-sub-content h2 {display:block; position:relative; width:auto; height:auto; color:#0f75bc; font-size:90%; text-align:left; line-height:0; margin:20px 0 20px 0; padding:0; border:0px solid red; background:transparent; text-indent:0; }
.column1-content h1, .column2-content h1, .column3-content h1, .column1-content-gallery h1 /*,.column-single-sub-content h1 */ {display:block; position:relative; width:auto; height:auto; color:#0f75bc; font-size:90%; text-align:left; line-height:0; margin:0px 0 30px 0; padding:0; border:0px solid red; background:transparent; text-indent:0; }

.column2-sub h2 {color:#0f75bc; font-size:90%;}
.column2-sub h1, .column-single-sub-content h1 {color:#0f75bc; font-size:90%;}


/* =Footer 
----------------------------------------------------------------------------------------*/
/*middle columns ------------------------------*/
div.footer{clear:left;width:100%; padding:25px 0 0 0; }
div.footer, .footer a{background: white; color:black; font-size:80%; text-decoration:none;}
.footer a:hover {color:#0f75bc;}
div.footer p{margin:10px 0 0 0; padding:5px 10px}




