/* ---------------------------------------------------
CVS: $ $
Title: global.css
Copyright: (c) 2009
Author: Phil Renaud - phil@rhinointernet.com
Company: Rhino Internet
Description: Global Styles for AAA Landscape
--------------------------------------------------- */

/* ---------------------------------------------------
=Reset
Takes browser-specific styling and resets it to a
common behavioural standard. Based heavily upon the
Yahoo! User Interface Library Reset:
http://developer.yahoo.com/yui/reset/
--------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
   }

table {
	border-collapse:collapse;
	border-spacing:0;
   }

fieldset,img { 
	border:0;
   }

address,caption,cite,code,dfn,th,var,strong,em {
	font-style:normal;
	font-weight:normal;
   }

ol,ul {
	list-style:none;
   }

caption,th {
	text-align:left;
   }

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
   }

q:before,q:after {
	content:'"';
   }

cite:before {
content: '- ';
}

abbr,acronym {
   border:0;
   }

html {
   font-size: 100.01%; /* Corrects default font sizing in IE/WIN, and font resizing in Opera. */
   }

/* ---------------------------------------------------
=Universal
Styles applied to basic xhtml elements, classes and
IDs notwithstanding.
--------------------------------------------------- */

body {
   background: #000;
   color: #222;
   font-family: Helvetica, Arial, sans-serif;
   font-size: 100%;
   margin: 0 auto;
   }
   
strong {
   font-weight: bold
   }
   
em {
   font-style: italic;
   }
   
p {
margin: 0px 0px 10px 0px;
line-height: 150%;
   }   

a {
   text-decoration: none;
   color: #222;
   }

a:focus {
   outline: none;
   }

a:hover {
   text-decoration: underline;
   }

h1 {
   }

h1 a {
display: block;
width: 400px;
height: 87px;
background: transparent url(/images/logo.png) top left no-repeat;
text-indent: -9999px;
position: absolute;
left: 50%;
margin-left: -344px;
   }

h2 {
display: block;
width: 425px;
height: 87px;
background: transparent url(/images/webeautifytheworld.png) top left no-repeat;
text-indent: -9999px;
position: absolute;
left: 50%;
margin-left: 51px;
   }

h3 {
   }

h4 {
text-transform: uppercase;
margin-bottom: 15px;
font-size: 15px;
font-weight: bold;
   }

h5 {
font-weight: bold;
   }
#grass h5 {
margin-bottom: 15px;
   }
   
h6 {
   }
   
dl {
   }   
   
dl dt {
   }

dl dd {
   }
   
li {
   }

.clearfix:after,
.majorgallery:after,
.minorgallery:after,
.homepagelinks:after,
.popupcontainer .split li:after,
.gallerynav:after {
   content: ".";
   clear: both;
   display: block;
   height: 0;
   visibility: hidden;
   }


/* ---------------------------------------------------
=Containers
Macro-level sectional elements
--------------------------------------------------- */

#worldcontainer {
width: 100%;
margin: auto;
position: absolute;
left: 0px;
font-size: 12px;
z-index: 10;
}

#trees {
width: 100%;
height: 110px;
background: transparent url(/images/trees.png) top left no-repeat;
margin-bottom: 6px;
position: relative;
margin-bottom: -10px;
}

#grass {
position: relative;
height: 337px;
width: 760px;
color: #000;
margin: auto;
}

#sod {
width: 760px;
height: 115px;
position: relative;
margin: auto;
padding-top: 6px;
left: 71px;
}

#roots {
width: 100%;
margin: auto;
position: fixed;
bottom: 0px;
height: 20px;
background: #000;
overflow: hidden;
font-size: 10px;
line-height: 20px;
color: #fff !important;
}

#roots a {
color: #fff !important;
}

#flashbg {
position: absolute;
left: 8px;
}

/* ---------------------------------------------------
=Roots
Absolute Footer. Flash functions.
--------------------------------------------------- */

#roots ul {
float: right;
margin-right: -1px;
}

#roots ul li {
float: left;
padding: 0px 10px;
border-right: 1px solid #fff;
}




/* ---------------------------------------------------
=Grass
Central area. Content, sliders, etc.
--------------------------------------------------- */

#grass #navigation {
float: left;
background: transparent url(/images/3a2f12.png) top left no-repeat;
width: 116px;
margin-left: -142px;
left: 71px;
font-size: 11px;
position: relative;
overflow: hidden;
padding: 12px 10px 5px 10px;
}

#grass #major {
width: 549px;
height: 336px;
float: left;
background: transparent url(/images/majorbg.png) top left no-repeat;
margin-right: -4px;
margin-bottom: -25px;
position: relative;
padding: 20px;
margin-left: -10px;
margin-top: -10px;
left: 71px;
}

.home #grass #major {
margin-left: 0px;
}

#grass #major a {
color: #000;
text-decoration: underline;
}
#grass #minor a {
color: #000;
text-decoration: underline;
}

#grass #major.tall {
height: 444px;
margin-bottom: -128px;
z-index: 3;
background-image: url(/images/majorbg_tall.png);
}

#grass #major.wide {
background-image: url(/images/majorbg_wide.png);
width: 740px;
}

#grass #major.gallery {
width: 569px;
height: 336px;
padding: 10px;
overflow: hidden;
}

body.contactus #grass #major {
width: 347px;
margin-right: 5px;
position: inline;
}

body.home #grass #major {
background-image: none;
padding: 0px;
height: 338px;
position: relative;
}

body.home #grass #major div.homepagepromo {
height: 100px;
padding: 8px;
margin: 100px 0px;
background: transparent url(/images/d8e1cc.png) top left no-repeat;
color: #4f3200;
overflow: hidden;
}

body.home #grass #major div.homepagepromo h3 {
float: left;
border-right: 1px solid #4f3200;
width: 360px;
padding: 0px 10px;
height: 100px;
font-size: 30px;
text-align: right;
font-style: italic;
font-family: "Times New Roman", Times, serif;
line-height: 90px;
}

body.home #grass #major div.homepagepromo p {
float: left;
padding: 15px 10px;
height: 70px;
font-style: italic;
font-weight: bold;
width: 343px;
}

body.home #grass #major div.homepagepromo p span {
display: block;
padding-left: 180px;
}

ul.homepagelinks {
position: absolute;
bottom: 0px;
left: -20px;
}

ul.homepagelinks li a {
display: block;
text-transform: uppercase;
color: #555;
height: 20px;
width: 206px;
position: relative;
top: -10px;
left: 10px;
margin-bottom: -13px;
margin-right: -15px !important;
background-color: #f0f;
text-align: center;
display: block;
line-height: 20px;
background: transparent url(/images/homepagelinksbg.png) top left no-repeat;
text-decoration: none !important;
font-weight: bold;
letter-spacing: 2px;
padding: 15px 0px 10px 0px;
}
ul.homepagelinks li a:hover {
background-image: url(/images/homepagelinkshover.png);
color: #fff !important;
}

ul.homepagelinks li.fin a {
margin-right: -20px !important;
}

ul.homepagelinks li {
float: left;
margin: 0px;
}

.menulink {
position: absolute;
z-index: 5;
bottom: 30px;
width: 40px;
display: block;
left: 50%;
margin-left: -449px;
color: #4c3300;
font-weight: bold;
background: transparent url(/images/menuup.png) 0% 40% no-repeat;
padding: 0px 5px 0px 8px;
}


body.contactus #grass #minor {
width: 377px;
overflow: hidden !important;
background-image: none;
padding: 0px !important;
height: 336px;
position: relative;
left: 87px;
top: 10px;
}

body.contactus #grass #minor a {
float: left;
margin: 0px;
padding: 0px;
margin-bottom: 0px;
padding: 0px;
height: 165px;
margin-bottom: 5px;
}

#grass #minor {
background: transparent url(/images/minorbg.png) top left no-repeat;
float: left;
width: 165px;
height: 316px;
padding: 20px;
line-height: 20px;
position: relative;
overflow: hidden;
margin: -10px;
font-size: 11px;
left: 71px;
}

#minor strong {
display: block;
margin-bottom: 20px;
font-style: none;
}

#minor p {
font-style: italic;
font-weight: normal;
}

#grass #minor ul {
margin-bottom: 15px;
}

#grass #minor h4 {
margin-bottom: 20px;
}

#grass #minor ul ul {
margin-left: 10px;
margin-bottom: 15px;
}

#grass #minor ul.minorgallery ul {
margin-left: 0px;
margin-bottom: 0px;
}

#grass #minor ul li {
line-height: 15px;
margin-bottom: 5px;
}

#grass.licensing #minor ul li {
margin-bottom: 0px;
}

#grass #minor.tall {
height: 444px;
margin-bottom: -128px;
z-index: 3;
background-image: url(/images/minorbgtall.png);
}

#grass #minor.gallery {
padding: 0px;
height: 336px;
width: 185px;
overflow: hidden !important;
}

#grass .gallery {
overflow: hidden !important;
}

#grass #minor.tall.gallery {
height: 464px;
}

ul.projectlist {
margin: 0px 10px;
float: left;
padding: 10px;
}

.losespacing ul.projectlist {
margin: 0px;
padding: 0px;
margin-top: 25px;
}

ul.projectlist li {
float: left;
}

ul.projectlist li a {
display: block;
padding: 2px 2px 2px 0px;
width: 170px;
}

/* =Navigation */

#grass #navigation li {
margin-bottom: 12px;
}

#grass #navigation li a {
display: block;
line-height: 15px;
margin-bottom: 5px;
padding: 0px 2px 0px 5px;
color: #e6e5e2;
font-weight: bold;
text-transform: capitalize;
}

#grass #navigation li li {
margin-left: 10px;
font-style: italic;
margin-bottom: 3px;
}

#grass #navigation li ul li a {
font-weight: normal;
text-transform: none;
margin-bottom: 3px;
}

#grass #navigation li a:hover,
#grass #navigation li.active a {
color: #c6c5c2;
}

#grass #navigation li.active ul a {
color: #c6c5c2;
}

#grass #navigation ul {
}



/* ---------------------------------------------------
=Sod
Not quite roots, but not quite grass, if you know
what I mean.
--------------------------------------------------- */

#sod #pageinfo {
float: left;
height: 114px;
width: 589px;
background: transparent url(/images/pageinfobg.png) top left no-repeat;
margin-right: 6px;
line-height: 13px;
overflow: hidden;
position: relative;
top: -11px;
left: -10px;
z-index: 4;
}

.home #sod #pageinfo {
width: 579px;
}

#sod #pageinfo p {
line-height: 170%;
color: #222;
padding: 15px 15px 10px;
}

#sod #pageinfo h4 {
padding: 20px 15px 10px;
margin-bottom: 0px;
}

#sod #pageinfo p strong {
text-transform: uppercase;
font-size: 13px;
}

#sod #grassnav h5 {
color: #000;
font-weight: normal;
}

#sod #grassnav {
height: 104px;
width: 177px;
float: left;
background: transparent url(/images/d8e1cc.png) top left no-repeat;
margin-right: 6px;
padding: 5px;
display: none;
}

#sod #grassnav ul li {
margin-top: 5px;
}

#sod #grassnav a {
color: #000;
text-decoration: underline;
}

#sod #grassnav a:hover {
text-decoration: none;
}

#sod #promotionbox {
width: 185px;
height: 114px;
background: transparent url(/images/promotionboxbg.png) top left no-repeat;
float: left;
padding: 10px;
overflow: auto;
position: relative;
top: -10px;
left: 10px;
margin-left: -40px;
z-index: 3;
}

#sod #promotionbox p {
line-height: 170%;
padding: 10px 10px 0px;
font-size: 11px;
}

#sod #promotionbox a {
font-weight: bold;
}


/* ---------------------------------------------------
=Gallery
Style Directions for image sliders
--------------------------------------------------- */

ul.majorgallery li,
ul.minorgallery li {
float: left;
position: relative;
}

ul.majorgallery.textgallery li {
width: 510px;
padding: 10px 30px;
}

ul.minorgallery li li {
width: auto;
padding: 0px;
height: auto;
float: none;
position: static;
}

ul.majorgallery {
position: absolute;
width: 5000px;
}

div.majorgallerycontainer {
width: 569px;
height: 335px;
overflow: hidden;
position: relative;
}

div.minorgallerycontainer {
position: relative;
overflow: hidden;
width: 165px;
height: 315px;
}


ul.minorgallery {
position: absolute;
width: 5000px;
left: 0px;
top: 0px;
}

ul.minorgallery li {
width: 165px;
height: 316px;
}

ul.gallerynav {
position: absolute;
bottom: 5px;
right: 2px;
z-index: 15;
}

ul.gallerynav li {
float: left;
border: 0px solid #cbd2c0;
cursor: pointer;
width: 30px;
height: 20px;
background-color: #4c3200;
margin-right: 5px;
}

ul.gallerynav li.active {
background-color: #9c8250;
}

#grass #major ul li {
margin-bottom: 1=0px;
line-height: 150%;
}

#grass #major th {
font-weight: bold;
}

#grass #major th, #grass #major td {
padding: 5px 3px;
}

#grass #major td a {
color: #660000;
text-decoration: none;
}

/* ---------------------------------------------------
=Contact Us
Elements unique to the Contact Us page
--------------------------------------------------- */

body.contactus #sod a.fin {
margin-right: 0px;
}


body.contactus #sod a {
float: left;
padding: 10px;
color: #fff;
xbackground: transparent url(/images/cbb69a.png) top left no-repeat;
background-color: #d8e3d0;
display: inline-block;
margin: 0px 5px 5px 0px;
width: 166px;
height: 30px;
opacity: 0.9;
color: #000;
font-weight: bold;
}

body.contactus #sod a:hover {
background-color: #4c3300;
color: #fff;
text-decoration: none;
}


.popupcontainer {
background: #4c3300;
height: 350px !important;
width: 650px !important;
position: absolute;
top: 135px;
left: 50% !important;
margin-left: -325px !important;
z-index: 1000;
display: none;
font-size: 12px;
}

.popupcontainer h5 {
color: #fff;
margin-bottom: 10px;
}

.popupcontainer .split {
float: left;
width: 300px;
padding: 12px;
}

.popupcontainer .split li {
margin-bottom: 10px;
}
.popupcontainer .split li.state,
.popupcontainer .split li.zip {
float: left;
}
.popupcontainer .split li.phone {
clear: both;
}

.popupcontainer .split li.state select {
width: 50px;
}

.popupcontainer .split li.zip input {
width: 105px;
}
.popupcontainer .split li.zip label {
width: 20px;
margin-left: 15px;
}

.popupcontainer .split label {
display: block;
float: left;
width: 100px;
color: #fff;
}

.popupcontainer .split input,
.popupcontainer .split select {
float: left;
width: 190px;
border: 0px solid #fff;
padding: 1px;
}


.popupcontainer .right {
padding-top: 25px;
}

.popupcontainer .split textarea {
width: 300px;
height: 240px;
}


.popupcontainer .moveon {
clear: both;
float: none;
padding: 0px 15px;
}

.popupcontainer .moveon input {
padding: 3px;
float: right;
margin-left: 15px;
}







body.nowhiring li.employeeculture ul {
display: block !important;
}


img#supersize {
position: absolute;
bottom: 0px;
right: 0px;
z-index: 1;
}










#minor.brothers p img {
float: left;
width: 80px;
height: 80px;
}

#minor.brothers p {
position: relative;
float: left;
clear: both;
}

#minor.brothers p span {
float: left;
position: absolute;
bottom: 0px;
padding-left: 10px;
border-bottom: 0px solid #000;
text-decoration: none !important;
font-style: normal;
}


#minor.brothers div.primary img {
width: 185px;
height: 185px;
position: relative;
margin: -10px -10px 10px -10px;
}

#minor div.primary p {
float: none;
}

#minor div.primary p span {
font-size: 15px;
border-bottom: 2px solid #72633a;
text-decoration: none !important;
padding: 10px 0px;
font-style: normal;
margin-bottom: 10px;
float: none;
position: static;
width: 100%;
display: block;
text-align: center;
}







.goleft, .goright {
position: absolute;
z-index: 10;
text-indent: -9999px;
height: 80px;
width: 22px;
top: 128px;
}

.goleft {
background: transparent url(/images/goleft.png) top left no-repeat;
left: 0px;
}
.goright {
background: transparent url(/images/goright.png) top left no-repeat;
right: 0px;
}








ul.projectlist li a {
height: 35px;
width: 60px;
text-indent: -9999px;
display: block;
}

ul.projectlist li {
margin-right: 2px;
}

ul.projectlist li a {
border: 2px solid #e2d9c6;
}

ul.projectlist li.multiusedevelopments a { background-image: url(/images/gallery/projects/multiusedevelopment/thumbnail.jpg); }
ul.projectlist li.downtownurbandevelopment a { background-image: url(/images/gallery/projects/downtownurbandevelopment/thumbnail.jpg); }
ul.projectlist li.education a { background-image: url(/images/gallery/projects/education/thumbnail.jpg); }
ul.projectlist li.freewaysroadways a { background-image: url(/images/gallery/projects/freeways/thumbnail.jpg); }
ul.projectlist li.government a { background-image: url(/images/gallery/projects/government/thumbnail.jpg); }
ul.projectlist li.recreationparks a { background-image: url(/images/gallery/projects/recreationparks/thumbnail.jpg); }
ul.projectlist li.masterplancommunities a { background-image: url(/images/gallery/projects/masterplancommunities/thumbnail.jpg); }
ul.projectlist li.hospitals a { background-image: url(/images/gallery/projects/hospitals/thumbnail.jpg); }




body.multiusedevelopments ul.projectlist li.multiusedevelopments a,
body.downtownurbandevelopment ul.projectlist li.downtownurbandevelopment a,
body.education ul.projectlist li.education a,
body.freewaysroadways ul.projectlist li.freewaysroadways a,
body.government ul.projectlist li.government a,
body.recreationparks ul.projectlist li.recreationparks a,
body.masterplancommunities ul.projectlist li.masterplancommunities a,
body.hospitals ul.projectlist li.hospitals a {
border: 2px solid #4C3200;
}

span.projecthover {
font-size: 11px;
white-space: nowrap;
font-weight: bold;
}







.noital a {
font-style: normal;
}

#minor.noital p {
font-style: normal;
}