/*---------------css by Swism Design------------------*/
body {background-color: #99CCFF;font-size: 11px;font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;padding:0;margin:0;background-image:  url("../images/interface_images/body_bg.png");background-repeat: repeat-y;background-position: center center;}
h1 {font-size: 20px;padding-bottom: 15px;margin:0 }
h2 {font-size:14px;font-weight: normal;padding: 5px 10px;margin:0;}
P {font-size:12px;line-height: 1.6em;margin:0;color: #333;}
/* ----------container to center the layout-------------- */
#container {width: 760px;margin-bottom: 10px;margin: 0 auto;}
/* ----------login-------------- */
#login_header {background-color: #fff;text-align: right;padding: 0;margin: 0;height: 50px;}
#login_form {color: #000;float: right;text-align: right;width: 600px;margin: 15px 17px 0 0;}
#login_form .theInput {width: 110px;margin-right: 5px; border: 1px solid #6699cc}
#login_form input.theSubmit {background-color: #336799; width: auto; color: #fff; font-size: 1em; margin-top: 0;font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; padding: 0; border: solid 0.30em #336799;}
/* ----------banner for logo-------------- */
#banner {background-color: #fff;padding: 0;margin: 0;height: 287px;width: 760px;background-image:  url("../images/interface_images/center_graphic.png");background-repeat: no-repeat;background-position: center center;}
/* -----------------content--------------------- */
#content {background-color: #ffffff;padding: 20px;}
#content ul li{font-size:12px;line-height: 1.6em;margin:0;color: #333;}
#content a{	text-decoration:none;color: #CC9933;}
#content a:link {color:#333;}
#content a:visited {color:#CC9933;}
#content a:hover {color:#666;}
#content a:active {color:#336799;}
/* -----------footer--------------------------- */
#footer {clear: both;margin: 0;padding: 10px 0 15px 0; color:#99CCFF; text-align: right; height: auto;}
#footer .w3c_icons {float: left; margin: -3px 0 0 0; border: none;}
#footer .w3c_icons img {border: none;}
#footer .footer_text {margin: 0; font-size: 0.9em; color: #99ccff;text-align: right;}
#footer #logo_container img {border: none;margin: 0 5px 0 0; float: left}
/* -----------swism news--------------------------- */
#swism_news{float:right;margin: 0 0 10px 10px;width:200px;padding: 5px; border: solid 3px #336799;font-size: 1em; line-height: 1.5em; background-color:#E6F0FA;}
#swism_news a{	text-decoration:none;color: #CC9933;text-align: center;font-weight: bold;}
#swism_news a:link {color:#666;}
#swism_news a:visited {color:#336799;}
#swism_news a:hover {color:#999;}
#swism_news a:active {color:#336799;}
.swism_news_title{color:#336799;font-weight:bold;}
.swism_news_date{color:#666;font-size: 0.9em;font-weight: bold;margin: 0.8em 0 0.8em 0;}
.readmore {float: right;font-size: 0.9em;}
/*------------main menu-------------------------------*/
#mainmenu {position: relative;float: left; left: 149px;padding: 0; font-weight: bold; margin: 0;
/*------------for pull-down menu to work in IE6 Start------------*/
behavior: url("csshover.htc");}
/*------------for pull-down menu to work in IE6 End------------*/
#mainmenu ul {float: left;width: 239px;list-style: none;line-height: 11.25px;color:#FFF;padding: 0;margin: 0;}
#mainmenu a, #mainmenu a:visited {display: block;width: 100%;color: #FFF;text-decoration: none;padding: 0.98em 0em;text-indent:1em;margin: 0;font-weight: bold;}
#mainmenu li li a{padding:1em;text-indent:0;}
#mainmenu ul ul a{width:100%;height:100%;}
#mainmenu ul a{width: auto;}
#mainmenu li  {float: left;width:100%;margin:0;padding:0;}
#mainmenu ul li {float:left; position:relative;}
#mainmenu ul li .current{color: #FDF8C0;}
#mainmenu ul li  {width:100%;}
#mainmenu li ul {position: absolute;left: -999em;height: auto;width:22em;background: #5A7A99;font-weight: normal;border-width: 1px;	margin: 0;}
#mainmenu li li {width: 100% ; }
#mainmenu li a{width: 100% ; }
#mainmenu li li a{width: 100%;border: 1px #000;}
#mainmenu li ul {margin: -3em 0 0 0em;/*}
#mainmenu li ul ul {margin: -2.20em 0 0 0em;*/}.ul_ch, 
#mainmenu li:hover ul ul,
#mainmenu li li:hover ul ul,
#mainmenu li li li:hover ul ul,
#mainmenu li li li li:hover ul ul,
#mainmenu li li li li li:hover ul ul{left: -999em;}
#mainmenu li:hover ul,
#mainmenu li li:hover ul,
#mainmenu li li li:hover ul,
#mainmenu li li li li:hover ul,
#mainmenu li li li li li:hover ul{left: 100%; /* !!! */}
#mainmenu li:hover>ul.ul_ch{left: 100%; /* !!! */}
#mainmenu li:hover a,#mainmenu li:hover a:visited,#mainmenu li:hover a:hover,#mainmenu li a:hover{color:#000;}
#mainmenu li:hover li a, #mainmenu li li:hover li a, 
#mainmenu li li li:hover li a, #mainmenu li li li li:hover li a,
#mainmenu li:hover li a:visited, #mainmenu li li:hover li a:visited, 
#mainmenu li li li:hover li a:visited, #mainmenu li li li li:hover li a:visited{color:#FFF;}
#mainmenu li li:hover, #mainmenu li li li:hover, 
#mainmenu li li li li:hover , #mainmenu li li li li li:hover , #mainmenu li li li li li li:hover{z-index:9999;}
#mainmenu li li:hover a,#mainmenu li li li:hover a, 
#mainmenu li li li li:hover a, #mainmenu li li li li li:hover a{color: #000;}
#mainmenu ul ul a, #mainmenu ul ul a:visited,
#mainmenu li li a, #mainmenu li li a:visited{color: #fff;}
#mainmenu ul ul a:hover,
#mainmenu li:hover li:hover a,#mainmenu li:hover li:hover a:visited ,
#mainmenu li:hover li:hover li:hover a,#mainmenu li:hover li:hover li:hover a:visited,
#mainmenu li:hover li:hover li:hover li:hover a,#mainmenu li:hover li:hover li:hover li:hover a:visited ,
#mainmenu li:hover li:hover li:hover li:hover li:hover a,#mainmenu li:hover li:hover li:hover li:hover li:hover a:visited,
#mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a,#mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a:visited{color: #000;}
#mainmenu li:hover li:hover li a,#mainmenu li:hover li:hover li a:visited,
#mainmenu li:hover li:hover li:hover li a,#mainmenu li:hover li:hover li:hover li a:visited,
#mainmenu li:hover li:hover li:hover li:hover li a,#mainmenu li:hover li:hover li:hover li:hover li a:visited,
#mainmenu li:hover li:hover li:hover li:hover li:hover li a,#mainmenu li:hover li:hover li:hover li:hover li:hover li a:visited {color: #fff;}
/*----------- photogallery styling-----------*/
.photo {width:635px; height:380px; text-align:left; position:relative; margin:0 auto;}
.photo ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}
.photo ul.topic li {display:block; width:125px; height:31px; float:left;}
.photo ul.topic li a ul, 
.photo ul.topic li ul {display:none;}
.photo ul.topic li a:hover,
.photo ul.topic li:hover a{color:#fff; background:#aaa;}
.photo ul.topic li.active ul{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:auto; background:#ddd; width:464px; padding:40px 60px; border:23px solid #bbb; z-index:1;}
.photo ul.topic li a:hover ul, .photo ul.topic li:hover ul{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:auto; background:#ddd; width:464px; padding:40px 60px; border:23px solid #aaa; z-index:100;}
.photo ul.topic li ul li {display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}
.photo ul.topic li ul li a {display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}
.photo ul.topic li ul li a img {display:block; width:100px; height:75px; border:5px solid #eee;}
.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover {white-space:normal; position:relative;}
.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img {position:absolute; left:-66px; top:-58px; width:240px; height:190px; border-color:#fff;}
/*------------case study-------------------------------*/
#casestudy {float:right;margin: 0 0 10px 10px;width:200px;padding: 5px;border: solid 3px #C89549;font-size: 1em; line-height: 1.5em; background-color:#F4F7E2; clear: right;}
#casestudy a{text-decoration:none;color: #CC6600;text-align: center;font-weight: bold;}
#casestudy a:link {color:#666;}
#casestudy a:visited {color:#B3823A;}
#casestudy a:hover {color:#999;}
#casestudy a:active {color:#336799;}
.casestudy_title{color:#B3823A;font-weight:bold;}
.casestudy_date{color:#666;font-size: 0.9em;font-weight: bold;margin: 0.8em 0 0.8em 0;}
.casestudy_readmore {float: right;font-size: 0.9em;}
#social{background-color:#fff; float:left; margin:18px 0px 10px 18px;}
#footer #logo_container img {border: none;margin: 0 5px 8px 0; float: left;}