/* reset all tags */

@import "reset.css";


/* global pages */

body { height: 100%; background: #e7e7e7 url("../../graphics/tile_body.gif") repeat-x; }
#container { margin: 0 auto; width: 1156px; position: relative; }
br.clear { float: none; clear: both; font-size: 0; line-height: 0; }
h3 { display: none; }

#header { background: url("../../graphics/bg_header.gif") no-repeat; height: 145px; }
#header ul { height: 12px; padding: 5px 0 0 740px; }
#header li { display: inline; list-style-type: none; margin: 0; padding: 0 10px; font: normal 10px "Helvetica", "Arial"; color: #6B8F8D; border-right: 1px solid #6B8F8D; border-right-width:thin; }
#header li a:link, #header li a:visited { font: normal 10px "Helvetica", "Arial"; color: #6B8F8D; text-decoration: none; }
#header li a:hover { color: #5a7876; text-decoration: underline; }
#header ul li.last { border: none; }

#footer { background: url("../../graphics/bg_footer.gif") no-repeat; width: 1156px; height: 32px; text-align: right; vertical-align: bottom; }
#footer ul { width: 700px; float: right; padding: 5px 122px 0 0; }
#footer li { display: inline; list-style-type: none; margin: 0; padding: 0 10px; font: normal 10px "Helvetica", "Arial"; color: #6B8F8D; border-right: 1px solid #6B8F8D; border-right-width:thin; }
#footer li a:link, #footer li a:visited { font: normal 10px "Helvetica", "Arial"; color: #6B8F8D; text-decoration: none; }
#footer li a:hover { color: #5a7876; text-decoration: underline; }
#footer ul li.last { border: none; }
#footer p { float: left; color: #6B8F8D; font: normal 10px Arial; padding: 5px 0 0 160px; }
#footer address { display: none; }


/* home page */

#maincontent { background: url("../../graphics/bg_maincontent.jpg") no-repeat; width: 1156px; height: 350px; }
#maincontent.video { background: url("../../graphics/bg_video_maincontent.jpg") no-repeat; }

#flashmain { margin-left: 121px; } 

#contenttop { height: 116px; text-align: right; position: relative; }
#contenttop img { margin: 25px 130px 0 0; width: 165px; height: 85px; }

#contentbottom { height: 273px; background: url("../../graphics/bg_contentbottom.gif") no-repeat; background-position: 1020px top; }
#contentbottom #imgbottom { height: 273px; width: 571px; float: left; }
div#menu { height: 273px; width: 449px; float: left; background: url("../../graphics/bg_menu.gif") no-repeat; }
div#menu ul { height: 26px; }
div#menu ul li { display: inline; list-style-type: none; }
div#menu p { width: 418px; padding: 25px 14px 0 15px; font: normal 12px "TrebuchetMS", "Trebuchet", "Trebuchet MS"; color: #6B8F8D; line-height: 20px; }


/* template2/3 */
body#template2 #flashmain { float: left; padding: 0; margin-left: 0; }

body#template3 #contentbottom div#menu { height: 373px; float: left; background: url("../../graphics/bg_menu3.gif") no-repeat; }
body#template3 #contentbottom div#bottomtext { margin-left: 121px; float: left; height: 273px; width: 450px; background: url("../../graphics/bg_bottomtext.gif") repeat-x; }
body#template3 #contentbottom.creative { height: 500px; }
div#bottomtext p { width: 418px; padding: 0 15px 11px 15px; font: normal 12px "TrebuchetMS", "Trebuchet", "Trebuchet MS"; color: #6B8F8D; line-height: 20px; }
div#bottomtext p a:link, div#bottomtext p a:visited { font: bold 12px "TrebuchetMS", "Trebuchet", "Trebuchet MS"; color: #6B8F8D; text-decoration: underline; }
div#bottomtext p a:hover { color: #5a7876; text-decoration: underline; }
div#bottomtext h5 { padding: 0 15px; font: bold 12px "TrebuchetMS", "Trebuchet", "Trebuchet MS"; color: #6B8F8D; }
div#bottomtext h6 { padding: 0 15px; font: 12px "TrebuchetMS", "Trebuchet", "Trebuchet MS"; color: #6B8F8D; line-height: 21px; }
div#bottomtext ul { margin: 0 20px 11px 20px; }
div#bottomtext li { font: normal 12px "TrebuchetMS", "Trebuchet", "Trebuchet MS"; color: #6B8F8D; padding-bottom: 5px; list-style: circle; margin-left: 15px; }
div#bottomtext li a:link, div#bottomtext li a:visited { font: bold 12px "TrebuchetMS", "Trebuchet", "Trebuchet MS"; color: #6B8F8D; text-decoration: underline; }
div#bottomtext li a:hover { color: #5a7876; text-decoration: underline; }

#leftcontent { float: left; background: url("../../graphics/bg_leftcontent.gif") no-repeat; width: 402px; height: 598px; padding: 25px 25px 0 25px; margin-left: 121px; }
#leftcontent.video { background: url("../../graphics/bg_video_leftcontent.gif") no-repeat; }
#leftcontent h1 { font: bold 13px "TrebuchetMS", "Trebuchet", "Trebuchet MS"; color: #5a7876; margin-bottom: 10px; }
#leftcontent h5 { font: bold 12px "TrebuchetMS", "Trebuchet", "Trebuchet MS"; color: #6B8F8D; margin-bottom: 5px; }
#leftcontent h6 { font: 12px "TrebuchetMS", "Trebuchet", "Trebuchet MS"; color: #6B8F8D; margin-bottom: 5px; line-height: 21px; }
#leftcontent p, #leftcontent address { font: normal 12px "TrebuchetMS", "Trebuchet", "Trebuchet MS"; color: #6B8F8D; line-height: 21px; margin-bottom: 11px; }
#leftcontent ul { margin-bottom: 20px; }
#leftcontent li { font: normal 12px "TrebuchetMS", "Trebuchet", "Trebuchet MS"; color: #6B8F8D; padding-bottom: 5px; list-style: circle; margin-left: 15px; }
#leftcontent a:link, #leftcontent a:visited { font: bold 12px "TrebuchetMS", "Trebuchet", "Trebuchet MS"; color: #6B8F8D; text-decoration: underline; }
#leftcontent a:hover { color: #5a7876; text-decoration: underline; }

#submenu { background: url("../../graphics/bg_submenu_line.gif") no-repeat; width: 111px; }
#menu #submenu ul { width: 111px; height: 246px; padding-top: 5px; }
#menu #submenu ul li { display: block; padding: 3px 0 3px 20px; line-height: 70%; }
#menu #submenu ul li a:link, #menu #submenu ul li a:visited { font: normal 11px "Helvetica", "Arial"; color: #6B8F8D; text-decoration: none; }
#menu #submenu ul li a:hover { color: #5a7876; text-decoration: underline; }
#menu #submenu ul li.select { font: bold 11px "Helvetica", "Arial"; color: #5a7876; background: url("../../graphics/icon_bullet.gif") no-repeat; background-position: 13px 9px; padding-top: 6px; }
#submenu.noline { background: url("../../graphics/bg_submenu_noline.gif") no-repeat; }
#submenu.subsolutions { position: relative; left: 111px; }

#flashtxt { position: absolute; z-index: 900; height: 80px; width: 330px; top: 47px; left: 120px; }

/* template4 (portfolio) */
body#portfolio { background: url("../../graphics/bg_portfolio.gif") repeat-x; background-color: #e9e9e9; }
#portfolio #header { }
#portfolio #container { background: url("../../graphics/bg_portfoliocontainer.gif") repeat-y; width: 1155px; }
#portfolio #maincontent { background-image: none; border-top: 1px solid #878787; }
#portfolio #contentbottom { background-image: none; }
#portfolio #footer { position: relative; left: 121px; background: url("../../graphics/bg_portfoliofooter.gif") no-repeat; width: 901px; }
#portfolio #footer ul { width: 700px; float: right; padding: 8px 5px 0 0; }
#portfolio #footer p { float: left; color: #6B8F8D; font: normal 10px Arial; padding: 10px 0 0 15px; }

#portfolio #leftcontent { background: url("../../graphics/bg_portfolioleft.gif") no-repeat; position: relative; padding: 0; width: 452px; }
#portfolioitem { }
#portfolioitem h2 a:link, #portfolioitem h2 a:visited, #portfolioitem h2 { padding: 0 25px; font: bold 14px "TrebuchetMS", "Trebuchet", "Trebuchet MS"; color: #4d718f; text-decoration: none; }
#portfolioitem h2 a:hover { padding: 0 25px; font: bold 14px "TrebuchetMS", "Trebuchet", "Trebuchet MS"; color: #4d718f; text-decoration: underline; }
#portfolioitem h3 { display: none; }
#portfolioitem p { font-size: 11px; padding: 5px 25px; }
#portfolioitem strong { font-size: 12px; font-weight: bold; }
#portfolioheaderbg { position: absolute; z-index: 99; background: url("../../graphics/bg_portfoliotranspsubhead.png") no-repeat; background-position: 1px 0; width: 452px; height: 39px; }
#portfolioheader { position: absolute; z-index: 199; width: 452px; background: none; }
#portfolioheader h1 { font: bold 11px "Tahoma"; color: #505d5b; padding: 15px; float: left; text-transform: capitalize; }
#portfolioheader ul { float: right; padding: 10px; }
#portfolioheader li { display: inline; margin: 3px; padding: 3px 5px 2px 5px; font: normal 11px "Helvetica", "Arial"; color: #8684a4; background-color: none; border: 1px solid #8483a3; cursor: pointer; }
#portfolioheader li.select { color: #fff; background-color: #b8b5c7; }
#portfolioimage { padding: 1px; }

#portfolio #portfoliomenu { float: left; padding: 0; margin: 0; }
#portfolio #portfoliomenu dl { padding: 1px 1px 0 1px; margin: 0; height: 353px; }
#portfolio #portfoliomenu dt { cursor: pointer; font: bold 11px "Helvetica", "Arial"; color: #fff; text-transform: uppercase; padding: 13px 0 14px 20px; float: none; clear: both; }
#portfolio #portfoliomenu dt { background: url("../../graphics/btn_portfoliomenu.gif") no-repeat; }
#portfolio #portfoliomenu dt.off { background-image: none; background-color: #726f92; }
#portfolio #portfoliomenu dd { background-color: #e2e5e7; font: bold 11px "Helvetica", "Arial"; color: #667c78; width: 447px; }
#portfolio #portfoliomenu dd ul { padding: 8px 0 6px 0; width: 145px; }
#portfolio #portfoliomenu dd li { padding: 5px 0 5px 22px; font: bold 11px "Helvetica", "Arial"; color: #667c78; text-decoration: none; cursor: pointer; }
#portfolio #portfoliomenu dd li.select { background: url("../../graphics/icon_doublearrow.gif") no-repeat; background-position: 13px 5px; font: bold 11px "Helvetica", "Arial"; color: #505d5b; }
#portfolio #portfoliomenu dd ul.column { float: left; }