/* IE & FF Fix */
* {margin:0; padding:0;}
html, body {margin:0px; padding:0px; font:10px Arial; background:#FFF; color:#999;}

/* Classes */
a {color: #979696; text-decoration:none;}
a:hover {color: #fe463a; text-decoration:none;}
p {margin:0px; padding:1.0em 0 0; line-height:145%;}
.clearBoth {clear:both;}
.fLeft{float:left;}
.fRight{float:right;}
.imgPad{padding:10px 10px 10px 10px}
.pPad{padding:10px 0px 10px 0px}
.pPad2{padding:30px 0px 10px 0px}
.pPad3{padding:20px 0px 0px 0px}
.red{color:#FE463A}
a.top {color:#fe463a; text-decoration:none; float:right; vertical-align:text-top; font-size:10px; padding:5px 10px 0 0}
a.top:hover {color:#979696;}


/* Main Page */
#page-container {width:661px; margin:auto; margin-top:5px; background:url(../images/general/dragonflyLogo.jpg) no-repeat bottom right;}
#page-container-basewords {width:661px; margin:auto; margin-top:5px;}
#pageHeight {width:661px; height:492px; margin:auto;}
#pageHeightIndex {width:661px; height:215px; margin:auto;}
#pageHeightTeam {width:661px; height:392px; margin:auto;}

/* Navigation */
#navigation {background:url(../images/general/stripeBg.jpg) repeat-y; width:100%;}
#topMenu { float:right; font:10px Arial;  background:#c8c8c8;}
#topMenu li {display: inline;}
#topMenu li a {float:left; color:white; padding:5px 11px; text-decoration: none;}
#topMenu li a:hover, #topMenu li a.current {color:white; background:#fe463a;}

/* Header */
#header {}

/* Titles */
.mainTtl {font:24px Helvetica, Arial, sans-serif; color:#fe463a; padding-bottom:12px;}
.interiorTtl {font:24px Helvetica, Arial, sans-serif; color:#fe463a; padding:25px 0 0 0;}
.subTtl {font:18px Arial, sans-serif bold; color:#6f6f6f; padding-bottom:5px; padding-top:15px;}
.subsubTtl {font:15px Arial, sans-serif; color:#b2b2b2; padding-bottom:5px;}
#interior-contractingTtl {width:197px; height:54px; background:url(../images/headings/interior-contractingTtl.jpg) no-repeat; text-indent:-9999px; margin-bottom:13px;}
#commercialTtl {width:197px; height:54px; background:url(../images/headings/commercialTtl.jpg) no-repeat; text-indent:-9999px; margin-bottom:13px;}
#ffneTtl {width:197px; height:54px; background:url(../images/headings/ffneTtl.jpg) no-repeat; text-indent:-9999px; margin-bottom:13px;}

/* Main Content */
.column1 {float:left; width:197px; padding:25px 0 35px 0;}
.column1a {float:left; width:197px; padding:25px 0 35px 0; margin:0 35px;}

.column1projects {float:left; width:197px; padding:10px 0 35px 0;}
.column1aprojects {float:left; width:390px; padding:25px 0 0 39px; margin:0 0 0 35px;}

.column1about {float:left; width:197px; padding:25px 0 35px 0; margin:0 30px;}
.column1about p {padding:48px 0 0 0;}
.column1aboutus p {padding:60px 0 0 0;}
.padding-achilles {padding-top:80px;}
.news-list {padding-left:20px; padding-top:0px}
.news-list li{padding:5px 0; list-style:disc}
.column2 {float:left; width:661px; padding:25px 0 35px 0;}
.column2int {float:left; width:661px; padding:0 0 0 0;}
.column2services {float:left; width:661px; padding:25px 0 0 0;}

.column3 {float:left; width:431px; padding:25px 0 35px 0; margin-left:30px;}
.column4 {float:left; width:330px; padding:10px 0 10px 0;}

.nobulletList {float:left; padding:20px 0;}
.nobulletList li {list-style:none; padding:5px 0; line-height:145%;}
.bulletList {float:left; padding:10px 0;}
.bulletList li {list-style:none; background:url(../images/general/arrow.gif) no-repeat 0% 50%; padding:2px 0 0 12px;}


/* Footer */
#footer {clear:both; height:65px; background:url(../images/general/stripeBg.jpg) no-repeat; font-size:9px; color:#979696;}
#footer a {color: #979696; text-decoration:none; font-size:9px;}
#footer a:hover {color: #fe463a; text-decoration:none; font-size:9px;}
#addy {float:right; padding-bottom:10px;}
#ourLink {float:right; margin:0px 15px; padding:0px;}
#lowerNav {float:right; list-style:none; padding-top:1px;}
#lowerNav li {display:inline;}

ul#basewords { margin-top:20px; }
ul#basewords li { list-style:none; display:inline; margin:0px 0px 10px 2px; font-weight:bold }
ul#basewords li.first { display:inline; margin:0px 0px 0px 0px }



/* Project Navigation */

ul#main-nav {height:51px; list-style:none; display:inline;}
ul#main-nav li {float:left; list-style:none; display:inline; padding:0 0px}
ul#main_nav a {height:51px; float:left; overflow:hidden;}
ul#main-nav li a:hover {background-position:50% -51px; border-bottom:none}
ul#main-nav li a.currentSection, ul#main-nav li a.currentSection:hover {background-position:50% -51px;}

#nav-taylor {width:157px; text-indent:-3000px}
#nav-taylor a {width:157px; height:51px; background:url(../images/projects/taylor.gif) top left no-repeat; display:block}
#nav-skanska {width:157px; text-indent:-3000px}	
#nav-skanska a {width:157px; height:51px; background:url(../images/projects/skanska.gif) top left no-repeat; display:block}
#nav-tsys {width:157px; text-indent:-3000px}
#nav-tsys a {width:157px; height:51px; background:url(../images/projects/tsys.gif) top left no-repeat; display:block}
#nav-magnus {width:157px; text-indent:-3000px}
#nav-magnus a {width:157px; height:51px; background:url(../images/projects/magnus.gif) top left no-repeat; display:block}
#nav-mancs {width:157px; text-indent:-3000px}
#nav-mancs a {width:157px; height:51px; background:url(../images/projects/mancs.gif) top left no-repeat; display:block}


/* Service Buttons */

#service-nav {height:68px; list-style:none; display:inline;}
#service-nav li {float:left; list-style:none; display:inline; padding:0 0 10px 0;}
#service_nav a {height:68px; float:left; overflow:hidden;}
#service-nav li a:hover {background-position:50% -68px; border-bottom:none}
#service-nav li a.currentSection, ul#main-nav li a.currentSection:hover {background-position:50% -68px;}

#nav-interior {width:197px; text-indent:-3000px}
#nav-interior a {width:197px; height:68px; background:url(../images/services/interior.jpg) top left no-repeat; display:block}
#nav-furniture {width:197px; text-indent:-3000px}	
#nav-furniture a {width:197px; height:68px; background:url(../images/services/furniture.jpg) top left no-repeat; display:block}
#nav-ffande {width:197px; text-indent:-3000px}
#nav-ffande a {width:197px; height:68px; background:url(../images/services/ffande.jpg) top left no-repeat; display:block}

/* Education Buttons */

#edu-nav {height:51px; list-style:none; display:inline;}
#edu-nav li {float:left; list-style:none; display:inline; padding:0 0 10px 20px;}
#edu_nav a {height:66px; float:left; overflow:hidden;}
#edu-nav li a:hover {background-position:50% -66px; border-bottom:none}
#edu-nav li a.currentSection, ul#main-nav li a.currentSection:hover {background-position:50% -66px;}

#nav-edu {width:157px; text-indent:-3000px}
#nav-edu a {width:157px; height:66px; background:url(../images/services/steelcase.gif) top left no-repeat; display:block}

/*theteam buttons*/
a.btn-joe {}
a.btn-joe:hover div#joe { display:block; color:#666 }
a.btn-simon {}
a.btn-simon:hover div#simon { display:block; color:#666 }
a.btn-jim {}
a.btn-jim:hover div#jim{ display:block; color:#666 }

div#joe { display:none }
div#simon { display:none }
div#jim { display:none }


#news-steel {height:66px; list-style:none; display:inline;}
#news-steel {float:left; list-style:none; display:inline; padding:5px 15px 10px 0px}
#news-steel a {height:66px; float:left; overflow:hidden;}
#news-steel a:hover {background-position:50% -66px; border-bottom:none}
#news-steel {width:66px; text-indent:-3000px}
#news-steel a {width:66px; height:66px; background:url(../images/general/steelcase-btn.gif) top left no-repeat; display:block}