@charset "UTF-8";
/* CSS Document */
BODY  {
text-align : center;
color : #666666;
margin : 0;
padding:0;
font : 1em "Times New Roman", Times, serif;
letter-spacing : 0.02em;
background-color : #000000;
}

div.homepagecopy
{
margin:10px;
color:#ffffff;
font-size:1em;
text-align:left;
}

div.standout
{
font-family:"Times New Roman", Times, serif;
font-size:17px;
padding:20px;
color:#ffffff;
text-align:center;
}

div.standoutbackground
{
background:#000000;
margin-top:20px;
margin-bottom:0px;
border:#3f3d3d 1px solid;
}


p.squaresdescwhite
{
text-align:left;
margin-left:10px;
font-family: "Times New Roman", Times, serif;
font-size:12px;
margin-top:0px;
}

div.squaressub
{
height:155px;
width:206px;
float:left;
margin-right:9px;
margin-left:0px;
margin-bottom:20px;
border-left:#cccccc 1px solid;
border-top: #cccccc 1px solid;
background:#fff;
overflow:visible;
}

div.squareshome
{
height:232px;
width:709px;
float:left;
margin-right:0px;
margin-left:18px;
overflow:visible;
}

div.squaresnobord
{
height:193px;
width:260px;
float:left;
margin-right:6px;
margin-left:6px;
overflow:visible;
}

div.imageareahome {
width : 709px;
margin : 0 auto;
padding-left : 0;
padding-top :10px;
height:267px;
background-image : url('images/${seasoncolorbottom}');
background-repeat : no-repeat;
background-position : top center;
}

div.imagearea {
width : 7px;
height : 0px;
text-align : center;
margin : 0 auto;
margin-top:0px;
}

div.backteska {
width : 709px;
text-align : center;
margin : 0 auto;
clear:both;
overflow:hidden;
height:50px;
}

#bottombox {
float : left;
width : 210px;
}

#headingbox {
float : left;
width : 210px;
padding : 0px 0px;
}

#bottomboxsort {
float : left;
width:100%;
}

#headingboxsort {
float : left;
width:100%;
margin-top:20px;
padding : 0 0px;
}

div.myform{
float:right;
height:30px;
width:195px;
margin-top:10px;
margin-right:0px;
text-align:left;
}

h4
{
padding-top:2px;
margin-top:2px;
}

div.mainhome
{
margin-top:13px;
}

.gobutton
{
width:21px;
height:22px;
border: 0px;
background-image: url(images/go.gif);
cursor:pointer;
margin-left:0px;
margin-top:0px;
padding:2px;

}

/*.gobutton:hover
{
width:24px;
width:24px;
height:24px;
border: 0px;
background-image: url(images/go.gif);
cursor:pointer;
margin-left:0px;
margin-top:10px;
}*/



div.navover
{
margin-right:20px;
margin-top:0px;
font-weight: bold;
font-size:12px;
float:right;
text-align:right;
width:350px;
}

a.compplan:hover {
background : #7b2121;

}

a.compplansub:hover {
background : #ad6363;
}

div.backsubheading
{
width : 709px;
height : 49px;
margin : 0 auto;
margin-top:0px;
padding-top:0px;
text-align:left;
/*border-left : 1px solid #ffffff;
border-right : 1px solid #ffffff;*/
}

div.comsubheadingbox
{

height:48px;
width:709px;
margin:0px auto;
margin-top:0px; 
padding-top:0px;
background-image : url('images/complan_middle.gif');
background-repeat : no-repeat;
background-position : top center;
text-align:center;
}

div.simple
{
padding-top:6px;
margin-top:0px;
float:left;
width:430px;
}

a.devecon:hover {
background : #397bb5;
}

a.deveconsub:hover {
background : #b5deff;
}

div.devsubheadingbox
{

height:48px;
width:709px;
margin:0px auto;
margin-top:0px; 
padding-top:0px;
text-align:center;
background-image : url('images/devecon_middle.gif');
background-repeat : no-repeat;
background-position : top center;
}

a.sitedes:hover
{
background:#eb950e;
}

a.sitedesub:hover
{
background:#f0d3a5;
}

div.sitesubheadingbox
{

height:48px;
width:709px;
margin:0px auto;
margin-top:0px; 
padding-top:0px;
text-align:center;
background-image : url('images/sitedes_middle.gif');
background-repeat : no-repeat;
background-position : top center;
}


a.landarc:hover
{
background:#8c9c42;
}
a.landarcsub:hover
{
background:#c8d68b;
}

div.landsubheadingbox
{
height:48px;
width:709px;
margin:0px auto;
margin-top:0px; 
padding-top:0px;
text-align:center;
background-image : url('images/landscape_middle.gif');
background-repeat : no-repeat;
background-position : top center;
}

a.plantech:hover
{
background:#8e429c;
}

a.plantechsub:hover
{
background:#c895d1;
}

div.plansubheadingbox
{
height:48px;
width:709px;
margin:0px auto;
margin-top:0px; 
padding-top:0px;
text-align:center;
background-image : url('images/plantech_middle.gif');
background-repeat : no-repeat;
background-position : top center;
}

ul.images, li.images 
{
margin : 0;
padding : 0;
}

div.movemythumbs
{
/*margin-left:-23px;*/

}


li.images 
{
list-style: none;
display : inline;
}

#preview {
position : absolute;
width:350px;
background:#ffffff;
display : none;
color : #000;
text-align:left;
font-size:12px;
}

a.preview
{
color:#ffffff;
}


A.preview:hover 
{
color: #01579a;
}

A.preview:visited 
{
color : #ffffff;
}

#preview2 {
position : absolute;
width:200px;
background : #262f03;
display : none;
color : #fff;
text-align:left;
font-size:12px;
}

img.home
{

margin-right:19px;
margin-bottom:19px;

}

#preview img
{
width:100%;
/*height:250px;*/
}

#preview2 img
{
width:100%;
/*height:250px;*/
}

td {
font : 12px Tahoma, Verdana, sans-serif;
letter-spacing : 0.02em;
}
p.small {
font : 12px Tahoma, Verdana, sans-serif;
}
div.simplefloat {
clear : both;
margin-bottom: 27px;
width : 100%;
float : left;
color:#fff;
}
h1.simplefloat {
font-size : 12px;
font-weight : bold;
padding-bottom : 0;
margin-bottom : 0;
font : 12px Tahoma, Verdana, sans-serif;
font-weight : bold;
width : 560px;
}
h1 {
color : #f7edc5;
font : 12px Tahoma, Verdana, sans-serif;
text-transform: uppercase;
padding-top:0px;
text-align:left;
margin-left:15px;
}
h2 {
margin : 0 0 0 7px;
color : #ffffff;
font : 12px Tahoma, Verdana, sans-serif;
font-weight : bold;
}
h3 {
border-bottom:1px solid #d3d3d3;
font : 14px Tahoma, Verdana, sans-serif;
font-weight : normal;
margin: 0px 0 9px 0;
padding:0px 0 9px 0;
text-align:left;
color : #ffffff;
}
div.portfolio {
clear : both;
min-height : 1200px;
}
div, p {
line-height : 1.4;
}
p.stand {
color : #3d9cc0;
font-weight : bold;
line-height : 18px;
}
p.sub {
color : #9a2267;
font-weight : bold;
font : 12px Tahoma, Verdana, sans-serif;
}
p.subgrey {
color : #fff;
font-weight : bold;
font : 12px Tahoma, Verdana, sans-serif;
}
div.greytext {
text-align : left;
}
#callout {
/*border : 1px solid #3d9cc0;*/
}
#hm {
height : 110px;
}
table {
margin-bottom : 0;
}
table.ezine {
border : 1px solid #287078;
width : 100%;
}
#header{
margin:9px 0 0 0;
width:709px;
border-top:29px solid #454545;
background:#000;
padding:18px 0 0 0;

}

#logo {
width:100px;
text-align : left;
float : left;

}

img.logo
{
}

#navigationhome {
padding-top:10px;
text-align : right;
float : right;
padding-left : 0;
width : 250px;
margin-left : 0px;
text-transform: uppercase;
/*letter-spacing:1px;*/
}
#navigationsmall {
text-align : left;
float : left;
padding-bottom : 0;
padding-right : 10px;
}
#navigationlarge {
width : 709px;
height : 35px;
text-transform : uppercase;
font-weight : normal;
background-image: url('images/t_nav.gif');
background-repeat: repeat-x;
background-position: top left;
clear:both;
}
#navigationlargefoot {
padding-top : 10px;
text-align : center;
}
A.navigationsmall {
color : #ffffff;
text-decoration : none;
font : 12px Tahoma, Verdana, sans-serif;
}
A.navigationsmall:hover {
color : #dbdbdb;
text-decoration : none;
font : 12px Tahoma, Verdana, sans-serif;
}
A.navigationsmall:visited {
color : #ffffff;
text-decoration : none;
font : 12px Tahoma, Verdana, sans-serif;
}

span.navsmallselected
{
border-bottom: 2px #454545 solid;
}

span.navsmall
{

}


A.navigationsmallselected {
color : #ffffff;
font : 12px Tahoma, Verdana, sans-serif;
text-decoration : none;
}
A.navigationsmallselected:hover {
color : #d3d3d3;
font : 12px Tahoma, Verdana, sans-serif;
text-decoration : none;
}
A.navigationsmallselected:visited {
color : #ffffff;
font : 12px Tahoma, Verdana, sans-serif;
text-decoration : none;
}



A.navigationprod2 {
color : #19827d;
text-decoration : none;
font : 12px Tahoma, Verdana, sans-serif;
font-weight : bold;
}
A.navigationprod2:hover {
color : #19827d;
text-decoration : underline;
font : 12px Tahoma, Verdana, sans-serif;
font-weight : bold;
}
A.navigationprod2:visited {
color : #6ba25a;
text-decoration : none;
font : 12px Tahoma, Verdana, sans-serif;
font-weight : bold;
}
A.navigationprod {
color : #19827d;
text-decoration : none;
font : 11px Tahoma, Verdana, sans-serif;
font-weight : bold;
}
A.navigationprod:hover {
color : #19827d;
text-decoration : underline;
font : 11px Tahoma, Verdana, sans-serif;
font-weight : bold;
}
A.navigationprod:visited {
color : #6ba25a;
text-decoration : none;
font : 11px Tahoma, Verdana, sans-serif;
font-weight : bold;
}
#insidenav {
padding : 0;
}
#myborder {
border : 0 solid #77936e;
}
#textblob {
border : 1px solid #77936e;
margin-top : 10px;
}
#insideblob {
margin : 15px;
text-align : left;
}
#insideblob2 {
margin : 10px;
text-align : left;
}
#secondarynav {
background : #ffffff;
width : 709px;
height : 40px;
text-align : left;
margin : 0 auto;
}
#secondarynav2 {
background : #ffffff;
width : 709px;
height : auto;
text-align : left;
float : left;
}
#secondaryleft {
padding-left : 10px;
height : 35px;
margin-top : 0;
width : 250px;
float : left;
}
#secondaryright {
float : right;
padding-right : 25px;
padding-top : 12px;
padding-bottom : 11px;
}
#secondaryleft2 {
float : left;
padding-left : 15px;
margin-top : 13px;
}

/*#imagearea {
width : 709px;
height : 64px;
margin : 0 auto;
background : #ffffff;
border-left : 2px solid #d9e29e;
border-right : 2px solid #d9e29e;
}*/

#myimagearea {
width : 709px;
height : 260px;
background : #ffffff;
text-align : center;
margin : 0 auto; 
margin-top:0px;
padding-top:0px;
border-left : 2px solid #d9e29e;
border-right : 2px solid #d9e29e;
}



#buildingsback {
background : #454545;
padding:0;
margin:0;
width : 709px;
height : 0;
margin : 0 auto;

/*border-left : 1px solid #ffffff;
border-right : 1px solid #ffffff;*/
}


div.hometitle {
float : right;
width : 680px;
margin-left : 0;
text-align : left;
color : #ffffff;
font : 1.5em Tahoma, Verdana, sans-serif;
font-weight : normal;
}
div.hometext {
width : 680px;
margin-left : 0;
float : right;
text-align : left;
color : #ffffff;
max-height : 180px;
overflow : visible;
font : 0.8em Tahoma, Verdana, sans-serif;
font-weight : normal;
}
div.lpanel {
font-weight : bold;
text-align : left;
color : #ea6f24;
font-size : 12px;
padding-top : 8px;
margin-bottom : 0;
}
div.myimage {
width : 800px;
height : 300px;
text-align : center;
margin : 0 auto;
}
div.myimageleft {
width : 210px;
height : 263px;
padding-left : 17px;
padding-top : 0;
padding-bottom : 16px;
text-align : left;
float : left;
}
div.myimageright {
float : right;
width : 325px;
height : 250px;
margin-right : 0;
margin-top : 20px;
text-align : left;
background : #ffffff;
border : 2px solid #98004a;
}
div.myimagerightspace {
padding : 20px;
}
h1.myimagerightspace {
font-size : 1.5em;
font-weight : bold;
}
#demo {
float : left;
width : 755px;
height : 275px;
padding-left : 20px;
margin-top : 20px;
}
#demotext {
float : left;
margin-left : 30px;
margin-top : 10px;
width : 315px;
height : 245px;
text-align : left;
}
#dtext {
margin-top : 10px;
margin-left : 10px;
margin-right : 10px;
text-align : left;
}
#placevision {
margin : 0 auto;
height : 150px;
width : 800px;
}
#navinner2 {
padding : 0;
margin : 0;
width : 100%;
height : 150px;
text-align : left;
background : #ffffff;
}
#insidetophead {
margin-top : 10px;
height : 80px;
width : 682px;
vertical-align : middle;
color : #504b4b;
}
#titlebar {
width : 100%;
height : 155px;
background : #3a6e85;
}
#bigbox {
width : 100%;
}
#topcontent {
margin : 0 auto;
padding-bottom : 10px;
width : 880px;
height : 142px;
background : #ffffff;
text-align : left;
}
#contact {
margin-top : 0;
width : 300px;
float : right;
text-align : left;
}
#mysecondary {
width : 590px;
text-align : left;
float : left;
margin-top : 50px;
padding-left : 40px;
height : 20px;
background : #ffffff;
}
#site{
width:709px;
margin:0 auto;
}
#flash {
z-index : 1;
margin : 0 auto;
width : 709px;
min-height : 10px;
background : #ffffff;
}
#highlightprod {
height : 240px;
background : #e6f1eb;
}
#container {
text-align : left;
min-height : 100px;
overflow : auto;
width : 712px;
clear:both;
display:block;
background : #444444;
background-image : url('images/gradient.gif');
background-repeat : no-repeat;
background-position : top center;
min-height : 100%;
/*border-left : 1px solid #ffffff;
border-right : 1px solid #ffffff;*/

}

#homecontainer {
text-align : left;
min-height : 100px;
overflow : auto;
width : 712px;
clear:both;
display:block;
background : #000000;
min-height : 100%;
}



#space{
height:18px; 
clear:both;
}
div.highlightactions {
margin : 0 auto;
text-align : left;
height : 72px;
width : 709px;
background : #ffffff;
margin-top : 0;
/*border-left : 2px solid #d9e29e;
border-right : 2px solid #d9e29e;*/
}
#container2 {
display:block;
clear:both;
margin : 0 auto;
text-align : left;
overflow : auto;
width : 709px;
background : #ffffff;
padding-top : 0;

}
#container3 {
margin : 0 auto;
text-align : left;
min-height : 100px;
height : auto;
overflow : visible;
width : 709px;
background : #ffffff;
padding-top : 0;

}
#container4 {
margin : 0 auto;
text-align : left;
min-height : 100px;
overflow : auto;
width : 709px;
background : #ffffff;
padding-top : 0;
}
#galleryleft {
width : 360px;
float : left;

}
#galleryright {
float : right;
width : 440px;

}
#gallerysmall {
float : left;
width : 100px;
}
#insidegallery {
text-align : left;
}
#leftcontgallery {
height : 27px;
float : left;
width : 400px;
}
iframe {
}
iframe.nomarg {
margin-top : 0;
margin-left : 0;
margin-right : 0;
}
#case {
overflow : visible;
margin-top : 30px;
min-height : 130px;
width : 760px;
}
#case2 {
overflow : visible;
margin-top : 20px;
margin-bottom : 20px;
min-height : 11px;
margin-left : 20px;
width : 370px;
}
#leftcontlong {
min-height : 10px;
float : left;
background : #ffffff;
width : 875px;
}
#innerfloat {
float : right;
width : 380px;
text-align : left;
}
#innerinnerfloat {
width : 150px;
float : right;
text-align : left;
}
p.inner {
padding-right : 10px;
}

#inside2 {
padding-top : 0;
margin-top : 0;
/*border-bottom : 1px solid #ffffff;*/
}

div.inside2 {
padding-top : 0;
margin-top : 0;
/*border-bottom : 1px solid #c6e3e8;
padding-top : 0;
margin-top : 0;
text-align : left;
margin-bottom : 0;
color : #ffffff;
margin-right : 0;
height : 24px;*/
}
#inside2portfolio {
padding-left : 20px;
margin-left : 20px;
float : left;
width : 400px;
padding-top : 5px;
text-align : left;
margin-bottom : 0;
color : #504b4b;
}
div.listbox {
padding-top : 5px;
padding-bottom : 10px;
float : left;
text-align : left;
line-height : 2em;
}
#clearbox {
margin : 0 auto;
margin-left : 5px;
margin-right : 3px;
margin-top : 3px;
margin-bottom : 3px;
}
#clearboxhome {
background-image : url('webimages/inside_cover.gif');
width : 880px;
height : 161px;
}
#leftcont {
margin-top : 7px;
float : left;
width : 210px;
}
#rightcont {
margin-top : 24px;
min-height : 200px;
padding-left : 0;
float : right;
width : 420px;
padding-right : 27px;
text-align : left;
}
#box1 {
float : left;
width : 210px;
margin-left : 0;
padding-left : 27px;
margin-top:17px;
margin-bottom:17px;
}
#box1sort {
float : left;
margin-left : 0;
padding-left : 0px;
width:100%;
}

#boxo {
float : right;
width : 210px;
padding-left : 17px;
}
#box {
padding-top : 10px;
padding-bottom : 10px;
border-top : 1px  #078e9c;
float : left;
text-align : left;
width : 210px;
}
div.boxnoborder {
padding-top : 5px;
padding-bottom : 10px;
float : left;
text-align : left;
width : 210px;
}

div.boxborder {
float : left;
text-align : left;
width : 210px;
margin-bottom : 15px;
}
div.headingboxborder {
width : 100%;
padding : 5px 0;
text-align : left;
background : #dfd3c7;
}

div.bottommargin {
margin-bottom:9px;
}
#contentbox {
width : 210px;
float : right;
padding-left : 0;

text-align : left;
}
#heading {
margin-left : 0;
color : #19827d;
font : 1.4em Tahoma, Verdana, sans-serif;
font-weight : bold;
}
#headingpad {
color : #19827d;
font : 1.1em Tahoma, Verdana, sans-serif;
font-weight : normal;
}
#boxorange {
float : right;
width : 210px;
height : 170px;

padding-left : 0;
background-image : url('images_re/bottom_orange.gif');
background-repeat : no-repeat;
background-position : bottom left;
}
#orangeheading {
float : right;
width : 210px;
height : 46px;

}
#blueheading {
float : right;
width : 324px;
height : 50px;

}
#boxtext {
width : 290px;
}
#boxtext2 {
width : 290px;
}
#boxtext3 {
width : 290px;
}
#boxregister {
float : right;
width : 324px;
background-image : url('images_re/register_bottom.gif');
background-repeat : no-repeat;
background-position : bottom left;
}
#boxgreen {
float : right;
width : 324px;
margin-right : 10px;
margin-left : 0;
margin-bottom : 20px;
padding-left : 0;
background-image : url('images_re/bottom_green.gif');
background-repeat : no-repeat;
background-position : bottom left;
}
#boxyellow {
float : right;
width : 324px;
margin-right : 10px;
margin-left : 0;
margin-bottom : 20px;
padding-left : 0;
background-image : url('images_re/yellow_bottom.gif');
background-repeat : no-repeat;
background-position : bottom left;
}
#footer {
clear : both;
margin : 0 auto;
margin-bottom : 20px;
text-align : center;
width : 709px;
height : auto;
/*border-top : 1px solid #ffffff;*/
font-size:9px;
}
div.footerleft
{
width:50%;
FLOAT:LEFT;
text-align:left;
}

div.footerright
{
width:40%;
float:right;
text-align:right;
}

.links {
color : #ffffff;
}
A {
color : #ffffff;

}
A:hover {
color : #f2ebb1;

}
A:visited {
color : #ffffff;

}
A.topnav {
color : #d2563d;
text-decoration : none;
font : 11px Tahoma, Verdana, Helvetica, Arial, sans-serif;
font-weight : bold;
}
A.topnav:hover {
color : #cf4048;
text-decoration : underline;
font : 11px Tahoma, Verdana, Helvetica, Arial, sans-serif;
font-weight : bold;
}
A.topnav:visited {
color : #d2563d;
text-decoration : none;
font : 11px Tahoma, Verdana, Helvetica, Arial, sans-serif;
font-weight : bold;
}