/* BODY
============================================== */
body { margin:0px; padding:0px; background:url('../gfx/body-bg.gif') repeat-y top center #FFF; font-family:Verdana, Arial, Sans-Serif; font-size:62.5% }  

h1 { margin:0; padding:0; }     
h2 { font-size:1.7em; color:#444; margin:0; padding:0; }  
h3{ font-size:1.7em; color:#444; margin:0; padding:0; }  
p { font-size:1.1em; color:#444; } 
  
a { color:#19325b; text-decoration:none; }
a:hover { color:#19325b; text-decoration: underline; }   
a.bullet { color:#19325b; text-decoration:none; padding:2px 0px 4px 24px; background:url('../gfx/link-bullet.gif') no-repeat top left; }
a.bulletmargin { color:#19325b; text-decoration:none; padding:0px 0px 4px 24px; margin:5px 0px 0px 0px; background:url('../gfx/link-bullet.gif') no-repeat top left; display:block; float:left; }
a.contactbullet { color:#19325b; text-decoration:none; padding:0px 0px 4px 24px; margin:5px 0px 0px 0px; background:url('../gfx/link-bullet.gif') no-repeat top left; display:inline-block;}
a.bulletlist { color:#19325b; text-decoration:none; line-height:20px; padding:2px 0px 4px 24px; background:url('../gfx/link-bullet.gif') no-repeat top left; }
a.bullet:hover, a.bulletlist:hover { text-decoration:underline; }
    
img { margin:0px; padding:0px; border:0px; }
img.image { margin:0px 0px 0px 10px; padding:1px; border:1px solid #CCC; }

	
/* GENERAL DIVS
============================================== */
#wrap { width:807px; margin:0 auto; padding:0px; }
#logo { width:382px; height:36px; background:none; margin:25px 0 25px 0; padding:0 0 0 25px; float:left; }
#top-puff { width:375px; height:36px; background:none; margin:25px 0 25px 0; padding:0 25px 0 0; float:left; text-align:right; }	
    
	
/* MENU
============================================== */
#menu { width:805px; height:46px; background:url('../gfx/menu-bg.jpg') no-repeat; margin:0 0 0px 2px; padding:0px; float:left; }
#menu ul { margin:2px 0 0 6px; padding:0; background:none; width:750px; list-style-type:none; float:left; }
#menu li { height:40px; float:left; font-size:0.8em; text-transform:uppercase; color:#bec5d0; margin:0 20px 0 0; padding:0; background:none; }
#menu li a { height:40px; text-decoration:none; color:#bec5d0; padding:0; background:none; display:block; float:left; }
#menu li a:hover { color:#FFF; }
	
#menu li a.home { width:73px; background:url(../gfx/menu-home.gif); }
#menu li a.home:hover { background:url(../gfx/menu-home.gif) 0 -40px; }
#menu li a.contact { width:78px; background:url(../gfx/menu-contact.gif); }
#menu li a.contact:hover { background:url(../gfx/menu-contact.gif) 0 -40px; }
#menu li a.management { width:106px; background:url(../gfx/menu-management.gif); }
#menu li a.management:hover { background:url(../gfx/menu-management.gif) 0 -40px; }
#menu li a.portfolio { width:88px; background:url(../gfx/menu-portfolio.gif); }
#menu li a.portfolio:hover { background:url(../gfx/menu-portfolio.gif) 0 -40px; }
#menu li a.values { width:63px; background:url(../gfx/menu-about.gif); }
#menu li a.values:hover { background:url(../gfx/menu-about.gif) 0 -40px; }
#menu li a.team { width:53px; background:url(../gfx/menu-team.gif); }
#menu li a.team:hover { background:url(../gfx/menu-team.gif) 0 -40px; }
#menu li a.news { width:55px; background:url(../gfx/menu-news.gif); }
#menu li a.news:hover { background:url(../gfx/menu-news.gif) 0 -40px; }
#menu li a.work { width:110px; background:url(../gfx/menu-work.gif); }
#menu li a.work:hover { background:url(../gfx/menu-work.gif) 0 -40px; }

#menu #current-home { background:url(../gfx/menu-home.gif) 0 -80px; }
#menu #current-contact { background:url(../gfx/menu-contact.gif) 0 -80px; }
#menu #current-management { background:url(../gfx/menu-management.gif) 0 -80px; }
#menu #current-portfolio { background:url(../gfx/menu-portfolio.gif) 0 -80px; }
#menu #current-values { background:url(../gfx/menu-about.gif) 0 -80px; }
#menu #current-team { background:url(../gfx/menu-team.gif) 0 -80px; }
#menu #current-news { background:url(../gfx/menu-news.gif) 0 -80px; }
#menu #current-work { background:url(../gfx/menu-work.gif) 0 -80px; }
.invisible { visibility:hidden; }


/* SUBMENU
============================================== */
#submenu { width:216px; padding:0 0 10px 0; margin:13px 13px 0 0; float:left; }

.sm-vit { background:url('../gfx/puff-content-bg.gif') no-repeat bottom left; }    
.sm-gra { background:url('../gfx/puff-content-gra-bg.gif') no-repeat bottom left; }
.sm-bla { background:url('../gfx/puff-content-bla-bg.gif') no-repeat bottom left; }

#submenu img { margin:0px; padding:0px; background:#FF5500; float:left; }
#submenu ul { width:210px; list-style:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 3px; float:left; }
#submenu li { line-height:25px; background:#FFF; border-bottom:1px solid #CCC; padding:0; }
#submenu li.bottom { border:0px; }
#submenu li.fpp { height:7px; line-height:7px; background:url('../gfx/sm-fpp-bg.gif'); border-bottom:0px solid #CCC; padding:8px 0px 2px 0px; margin:0px; }
#submenu li.fpp a, #submenu li.fpp a:hover { background:none; text-decoration:none; }
#submenu li p, #submenu li a { color:#19325b; width:186px; background:#FFF; line-height:25px; padding:0 0 0 24px; display:block; }
#submenu li p { margin:0px; font-size:1em; }
#submenu li a:hover { color:#19325b; text-decoration:underline; background:url('../gfx/sm-bullet-white.gif') no-repeat 185px; }
#submenu li p.header, #submenu li a.header { background:#eaeaea; }
#submenu li a.header:hover { background:url('../gfx/sm-bullet-gray.gif') no-repeat 185px #eaeaea; }
#submenu li a.sub { width:176px;  background:#FFF; line-height:25px; padding:0 0 0 34px; display:block; }
#submenu li a.sub:hover { background:url('../gfx/sm-bullet-white.gif') no-repeat 185px #FFF; }
#submenu li a.selected { background:url('../gfx/sm-bullet-white.gif') no-repeat 185px #FFF; font-weight:bold; }
#submenu li a.header-selected { background:url('../gfx/sm-bullet-gray.gif') no-repeat 185px #eaeaea; font-weight:bold; }
#submenu li a.header-selected:hover { background:url('../gfx/sm-bullet-gray.gif') no-repeat 185px #eaeaea; font-weight:bold; }


/* FOOTER
============================================== */
#footer { width:804px; height:37px; overflow:visible; background:url('../gfx/footer-bg.gif') no-repeat top left; margin:0 0 25px 0; padding:0px; float:left; }
#footer p { width:380px; background:none; margin:10px 0 0 1px; float:left; }
#footer p.left { text-align:left; padding:0 0 0 20px; }
#footer p.right { text-align:right; }
    
    
/* CONTENT
============================================== */
#content { width:807px; background:none; margin:0px; padding:0px 0px 15px 0px; float:left; }

#intro { width:577px; _height:521px; min-height:521px; overflow:visible; background:url('../gfx/main-content-bg.gif') no-repeat bottom left; margin:13px 13px 0 0; padding:0px 0px 40px 0px; float:left; }
#intro h2 { padding:35px 40px 0 40px; margin:0 0 10px 0; }
#intro h2.top { background:url('../gfx/main-top-bg.gif') no-repeat top left; padding:20px 40px 0 40px; margin:0 0 10px 0; }
#intro h3 { padding:15px 40px 0 40px; margin:0 0 10px 0; float:left; }
#intro p { line-height:1.5em; padding:0 40px 0 40px; margin:0 0 15px 0; display:block; }
	#intro p.contact { line-height:1.5em; padding:0 40px 0 40px; margin:0 0 15px 0; display:block; width:490px; background:transparent; overflow:visible; float:left; }
#intro img { padding:0; margin:0; }
#intro img.team { padding:1px; margin:3px 10px 5px 0px; border:1px solid #CCC; }
    
#main { width:577px; overflow:visible; background:url('../gfx/main-content-bg.gif') no-repeat bottom left; margin:13px 0 0 0; padding:0px 0px 15px 0px; float:left; }
#main h2 { font-size:1.7em; font-weight:bold; background:url('../gfx/main-top-bg.gif') no-repeat top left; padding:35px 40px 0 40px; margin:0 0 10px 0; }
#main p { line-height:1.5em; padding:0 40px 0 40px; margin:0 0 15px 0; }
#main ul { list-style:square; padding:0px 40px 0px 65px; margin:0px; }
#main li { line-height:1.5em; font-size:1.1em; color:#444; padding:0px; margin:0 0 10px 0; }
#main li ul { padding:0px 0px 0px 20px; margin:5px 0px 0px 0px; }
#main li ul li { font-size:1em; }
    
#right { width:216px; background:none; margin:0; padding:0px; float:left; }
#right img { border:0px; padding:0px 0px 0px 0px; margin:0px; background:transparent; float:left; }
    
.puff { width:216px; background:url('../gfx/puff-content-bg.gif') no-repeat bottom left; padding:0px; margin:13px 0px 0px 0px; float:left; }
.puff p { width:192px; float:left; padding:15px 12px 10px 12px; margin:0px; background:url('../gfx/puff-top-bg.gif') no-repeat top left; }
    
.puff-image { height:117px; display:table-cell; vertical-align:middle; padding:0px; margin:0px; float:left; }  
.puff-image p { text-align:center; width:216px; float:left; }
   
    
/* PORTFOLIO
============================================== */
#portfolio { width:524px; margin:0; padding:0 0 0 40px; float:left; background:none; }

#portfolio-list ul {list-style:none; margin:0px; padding:0px; }
#portfolio-list li { margin:0px 20px 20px 0px; padding:0px; border:0px solid #EEE; height:62px; width:82px; float:left; }

#portfolio-list-admin ul {list-style:none; margin:0px; padding:0px; }
#portfolio-list-admin li { margin:0px 20px 20px 0px; padding:0px; border:0px solid #EEE; height:100px; width:82px; float:left; }
    
#portfolio-case { width:491px; padding:0px 5px 10px 0px; margin:10px 0px 10px 0px; float:left; background:none; border-bottom:1px solid #CCC; }
#portfolio-case h3 { width:491px; font-size:1.2em; color:#444; margin:0px 0px 3px 0px; padding:0px; }    
#portfolio-case p { margin:0px; padding:0px; }
#portfolio-case p.link { margin:5px 0px 0px 0px; padding:0px; }
#portfolio-case img { border:0px; margin:0px 10px 0px 0px; padding:0px; }
    
#portfolio-pagin { padding:0px 5px 0px 5px; margin:10px 0px 0px 0px; float:left; background:none; }
#portfolio-pagin p { width:486px; margin:0px 0px 0px 40px; padding:10px 0px 0px 0px; text-align:center; border-top:1px solid #CCC; }
   
    
/* SUB PAGE
============================================== */
#subpage { width:497px; padding:0px 0px 0px 40px; margin:0px; background:none; float:left; }
#subpage h3 { font-size:1.18em; color:#444; width:352px; margin:0px 0px 4px 0px; padding:0px; background:none; }
#subpage p { width:352px; margin:0px 0px 15px 0px; padding:0px; background:none; }

.subpage-block { margin:0px 0px 10px 0px; padding:0px; float:left; }
.subpage-block img { margin:20px 0px 10px 0px; padding:0px; border:0px; }

/* ADD COMPANY PAGE */
.AddLabels
{
	margin:1px;
	margin-left:20px;
	line-height:22px;
	width:70px;
	float:left;
}

.AddTextboxes
{
	width:150px;
	float:left;
}

.TextArea
{
	float:left;
}
.ButtonArea,
.ButtonArea .Button
{
	margin:10px;
	width:100px;
	margin-left:70px;
	margin-top:10px;
}

.AddTextboxes .AddTextBox
{
	margin: 1px;
	height:14px;
	font-size: 10px;
}

.AddTextboxes .AddDropDown
{
	margin: 1px;
	height:20px;
	width:110px;
	font-size: 10px;
}        

/* NEWS PAGE
============================================== */
.Separator { width:490px; border-top: solid 1px #EBEBEB; margin-left: 40px; }
    
/* SUB PAGE
============================================== */
#subpage { width:497px; padding:0px 0px 0px 40px; margin:0px; background:none; float:left; }
#subpage h3 { font-size:1.18em; color:#444; width:352px; margin:0px 0px 4px 0px; padding:0px; background:none; }
#subpage p { width:352px; margin:0px 0px 15px 0px; padding:0px; background:none; }

.subpage-block { margin:0px 0px 10px 0px; padding:0px; float:left; }
.subpage-block img { margin:20px 0px 10px 0px; padding:0px; border:0px; }
    
    
/* COLORS
============================================== */
.c-lightgray { color:#CCC; }
.c-gray { color:#999; }