/* BODY
============================================== */
body { background:#f2f3f7; font-size:62.5%; font-family:Verdana, Arial, Sans-Serif; margin:0; padding:0 }
h1, h2, h3,h4, h5, h6 { margin:0px; padding:0px; }
h5 { font-size:1.1em; font-weight:bold; color:#404040; }
a { color:#00acc0; text-decoration:none; }


/* WRAPPER
============================================== */
#wrapper { width:980px; margin:0 auto; background:#f2f3f7; }
    
    
/* TOP
============================================== */
#top { width:960px; background:url('../../gfx/bg-top.gif') #f2f3f7 bottom left no-repeat; margin:25px 0px 0px 0px; padding:0px 10px 0px 10px; float:left; }
#top img { float:left; margin:0px 0px 33px 0px; padding:0px; border:0px; }
    
    
/* MAIN
============================================== */
#main { width:960px; background:url('../../gfx/bg-main-2.gif') #f2f3f7 top left repeat-y; margin:0px; padding:0px 10px 0px 10px; float:left; }
#main-contact { width:950px; background:url('../../gfx/bg-main.gif') #f2f3f7 top left no-repeat; margin:0px; padding:0px 10px 0px 20px; float:left; }
#main-flash { width:940px; margin:0px; padding:0px 0px 0px 10px; float:left; }
#main-selector { width:950px; background:url('../../gfx/bg-main.gif') #f2f3f7 top left no-repeat; margin:0px; padding:0px 10px 0px 20px; float:left; }    
    
/* FOOTER
============================================== */
#footer { width:960px; background:url('../../gfx/bg-bottom.gif') #f2f3f7 top left no-repeat; margin:0px; padding:15px 10px 0px 10px; float:left; }
#footer h6 { font-size:0.9em; font-weight:normal; color:#a6a6a6; width:955px; background:none; text-align:right; padding:0px 5px 0px 0px; margin:0px 0px 25px 0px; }
#footer .divider { padding:0px 6px; color:#CCC; }
#footer a { color:#a6a6a6; text-decoration:none; }
#footer a:hover { text-decoration:none; background:url('../../gfx/bg-link-gra.gif') repeat-x bottom left; }

    
/* CONTENT
============================================== */
#content { width:960px; min-height:655px; height:auto !important; height:655px; margin:0px; padding:70px 0px 0px 0px; float:left; }
#content-start { width:960px; background:url('../../img/content-bg.html') bottom left no-repeat; margin:0px; padding:70px 0px 0px 0px; float:left; }

/* CONTACT
============================================== */ 
#content-contact { width:865px; height:220px; background:url('../../img/contact-map.jpg') #fff bottom left no-repeat; margin:0px 0px 0px 0px; padding:303px 0px 0px 75px; float:left; }
#content-contact h2 { color:#c7c8ca; font-weight:normal; font-size:2.2em; }
#content-contact p { color:#FFF; margin:0px 0px 8px 0px; padding:0px; }

/* SELECTOR
============================================== */ 
#content-selector { width:915px; height:300px; background:url('../../img/bg_selector.jpg') #fff bottom left no-repeat; margin:0px 0px 0px 0px; padding:8px 0px 200px 25px; float:left; border: solid 0px #ff0000; }
#content-selector h2 { color:#c7c8ca; font-weight:normal; font-size:2.2em; }
#content-selector p { color:#FFF; margin:0px 0px 8px 0px; padding:0px; }
    
    
/* COLUMNS
============================================== */   
#content-large { width:548px; background:none; margin:0px 10px 0px 0px; padding:0px 0px 10px 0px; float:left; }
#content-large h2 { font-size:1.6em; color:#404040; margin:0px; padding:0px; height:16px; overflow:visible; }

#content-special { width:635px; background:none; margin:0px 10px 0px 0px; padding:0px 0px 10px 0px; float:left; }

#content-medium,    
#content-medium-left,
#content-medium-right
{ width:465px; background:none; margin:0px 10px 0px 0px; padding:0px 0px 10px 0px; float:left; }

#content-special h5,
#content-medium h5,    
#content-medium-left h5,
#content-medium-right h5
{ font-size:1.1em; line-height:1.4em; color:#404040; margin:0px; padding:0px; width:362px; }

#content-large p,
#content-special p,
#content-medium p,    
#content-medium-left p,
#content-medium-right p
{ font-size:1.1em; line-height:1.4em; color:#404040; margin:0px 0px 15px 0px; padding:0px; width:362px; }

#content-large p.listtitle,
#content-special p.listtitle,
#content-medium p.listtitle,    
#content-medium-left p.listtitle,
#content-medium-right p.listtitle
{ margin-bottom:5px; }

#content-large p.pagin,
#content-special p.pagin,
#content-medium p.pagin,    
#content-medium-left p.pagin,
#content-medium-right p.pagin
{ text-align:center; color:#a6a6a6; }

#content-large p.pagin a,
#content-special p.pagin a,    
#content-medium p.pagin a,    
#content-medium-left p.pagin a,
#content-medium-right p.pagin a
{ text-decoration:none; padding:0px 2px 0px 2px; color:#00acc0; }

#content-large p.pagin a:hover,   
#content-special p.pagin a:hover,    
#content-medium p.pagin a:hover,    
#content-medium-left p.pagin a:hover,
#content-medium-right p.pagin a:hover
{ text-decoration:none; padding:0px 2px 0px 2px; color:#00acc0; background:url('../../gfx/bg-link-gra.gif') repeat-x bottom left; }

#content-large p.pagin a.active,
#content-special p.pagin a.active,    
#content-medium p.pagin a.active,    
#content-medium-left p.pagin a.active,
#content-medium-right p.pagin a.active
{ text-decoration:none; color:#404040; }

#content-large p.pagin a.active:hover,   
#content-special p.pagin a.active:hover,    
#content-medium p.pagin a.active:hover,    
#content-medium-left p.pagin a.active:hover,
#content-medium-right p.pagin a.active:hover
{ text-decoration:none; color:#404040; background:none; }
    
#content-large p.pagin a.arrow,
#content-special p.pagin a.arrow,
#content-medium p.pagin a.arrow,    
#content-medium-left p.pagin a.arrow,
#content-medium-right p.pagin a.arrow
{ text-decoration:none; }

#content-large img,
#content-special img,
#content-medium img,    
#content-medium-left img,
#content-medium-right img
{ margin:0px 0px 15px 0px; padding:0px; border:0px; }
    
#content-large ol,
#content-special ol,
#content-medium ol,    
#content-medium-left ol,
#content-medium-right ol
{ font-size:1.1em; line-height:1.4em; width:337px; margin:10px 0px 0px 25px; padding-bottom:5px; }

#content-large ul,
#content-special ul ,
#content-medium ul,    
#content-medium-left ul,
#content-medium-right ul
{list-style:square; }


#content-large li,
#content-special li,
#content-medium li,    
#content-medium-left li,
#content-medium-right li
{ color:#404040; margin:0px 0px 5px 0px; padding:0px; }    
    

#content-small,    
#content-small-left,
#content-small-right
{ width:196px; background:none; margin:0px 10px 0px 0px; padding:0px; float:left; }
    
#content-small-right { width:176px; }
    
#content-small p,    
#content-small-left p,
#content-small-right p { font-size:1.1em; line-height:1.4em; color:#404040; margin:0px 0px 15px 0px; padding:0px; }

#content-special h5,
#content-special p,
#content-special p.listtitle,
#content-special p.pagin,
#content-special ul,
#content-special img
{ padding-left:273px; }

#content-special img.special
{ padding-left:0px; }
    
/* RELATED
============================================== */
.related { background:#f2f2f5; width:156px; height:182px; margin:0px 0px 10px 0px; padding:10px; }


/* MENU
============================================== */
ul#menu { margin:5px 0px 0px 20px; padding:0px; width:600px; list-style-type:none; float:left; }
ul#menu li { height:10px; float:left; font-size:1em; margin:0px; padding:0px 10px 0px 10px; border-right:1px solid #afb0b1; background:none; }
ul#menu li.last { border-right:0px solid #afb0b1; }
ul#menu h3 { font-size:1em; line-height:1em; font-weight:normal; }
ul#menu li a { height:10px; text-decoration:none; color:#999; padding:0px; margin:0px; background:none; display:block; float:left; }
ul#menu li a:hover { color:#222; }
	
ul#menu li a.home { width:32px; background:url(../../gfx/menu/home.gif) no-repeat; }
ul#menu li a.home:hover { background:url(../../gfx/menu/home.gif) 0 -10px no-repeat; }
ul#menu li a.about-osm { width:67px; background:url(../../gfx/menu/about-osm.gif) no-repeat; }
ul#menu li a.about-osm:hover { background:url(../../gfx/menu/about-osm.gif) 0 -10px no-repeat; }
ul#menu li a.our-services { width:83px; background:url(../../gfx/menu/our-services.gif) no-repeat; }
ul#menu li a.our-services:hover { background:url(../../gfx/menu/our-services.gif) 0 -10px no-repeat; }
ul#menu li a.press { width:36px; background:url(../../gfx/menu/press.gif) no-repeat; }
ul#menu li a.press:hover { background:url(../../gfx/menu/press.gif) 0 -10px no-repeat; }
ul#menu li a.contact { width:54px; background:url(../../gfx/menu/contact.gif) no-repeat; }
ul#menu li a.contact:hover { background:url(../../gfx/menu/contact.gif) 0 -10px no-repeat; }
ul#menu li a.job-opportunities { width:118px; background:url(../../gfx/menu/job-opportunities.gif) no-repeat; }
ul#menu li a.job-opportunities:hover { background:url(../../gfx/menu/job-opportunities.gif) 0 -10px no-repeat; }

ul#menu #active { background-position:0 -10px; }
.invisible { visibility:hidden; }


/* SUB MENU
============================================== */
ul#submenu { width:160px; height:202px; padding:0px 0px 0px 32px; margin:0px; background:url('../../gfx/submenu-bg.gif') no-repeat top left; }
ul#submenu li { list-style:none; margin:0px; padding:0px; text-transform:uppercase; }
ul#submenu li ul { width:160px; margin:0px; padding:0px; list-style:none; }

ul#submenu ul li{ list-style:none; margin:4px 0px 4px 0px; padding:0px; text-transform:none; } 
ul#submenu ul li h4 { font-size:1em; font-weight:normal; background:url('../../gfx/submenu-bullet-cc.gif') no-repeat 0px 5px; padding:0px 0px 0px 7px; }
ul#submenu ul li h4.active { background:url('../../gfx/submenu-bullet-59.gif') no-repeat 0px 5px; }
ul#submenu ul li a { font-size:0.9em; text-decoration:none; color:#999; }
ul#submenu ul li a.active { color:#262626; }    
ul#submenu ul li a:hover { text-decoration:none; background:url('../../gfx/bg-link-gra.gif') repeat-x bottom left; }
    
    
/* START
============================================== */
#start-intro { width:320px; background:none; margin:0px 0px 50px 0px; padding:193px 0px 0px 640px; float:left; }
#start-intro h4 { font-size:1.1em; color:#595959; line-height:1.4em; width:260px; font-weight:normal; background:none; }
    
#start-boxar { width:940px; height:126px; background:none; margin:0px; padding:0px 0px 10px 20px; float:left; }
    
.box { width:280px; height:106px; background:url('../../gfx/start-box.gif') no-repeat top left; padding:10px; margin:0px 10px 0px 0px;float:left; }
.box img { margin:0px; float:left; padding:0px; border:1px solid #FFF;}
    
    
/* PEOPLE 
============================================== */
ul#people { width:548px; background:#FFF; margin:0px; padding:0px; float:left; }
ul#people li { width:548px; background:#FFF; margin:0px 0px 10px 0px; padding:0xp; list-style:none; float:left; }
ul#people p.pagin { width:548px; background:#FFF; margin:10px 0px 0px 0px; padding:0xp; float:left; }

ul#people li img { width:156px; height:182px; background:url('../../gfx/bg-picture.gif') no-repeat top left; margin:0px 4px 0px 0px; padding:14px 17px 17px 13px; float:left; }
ul#people li h2 { width:358px; float:left; margin:11px 0px 1px 0px; overflow:hidden; }
ul#people li p { width:358px; float:left; background:#FFF; margin:0px 0px 5px 0px; padding:0px }


/* SITEMAP 
============================================== */
a.sitemap { text-decoration:none; color:#00acc0; padding:0px 0px 2px 0px; margin:0px 0px 0px 7px; }
a.sitemap:hover { text-decoration:none; background:url('../../gfx/bg-link-gra.gif') repeat-x bottom left; }