/* CSS Document */
@import 'style-home.css';

html {height:100%;}
body { margin: 0px; font-family: Verdana, Helvetica, Arial, sans-serif; color:#5E4D3E;	overflow:auto; font-size: 11px;
	background-image: url(../images/bg_banner.gif);	height: 100%;}
p { font-size:11px; padding-top: 0px; margin-top: 0px; }
.pd-top-10 { padding-top: 10px;}
.txt-large { font-size:12px; font-weight:400;line-height:15px;}
a { color:#333333; text-decoration:none;}
.hlight-yellow {color:#FBF2C1; font-weight:bold;}
p.nogap { margin-bottom: 0.5em;}
.btn-link {background: #94A4B5; color: #FFF; display: inline; padding: 4px 8px; clear: both;}
.btn-link:hover {background: #FFF; color: #FBF2C1; display: inline; padding: 4px 8px;}
.btn-link a {color: #FFF;}
.btn-link a:hover {color: #5E4D3E;}
.text-small { font-size: 0.8em;}
.hidden {display: none !important;}

h1 {margin: 0px; padding: 0px; font-size: 1.4em;}
h3 {font-size: 1.0em; margin: 10px 0px 10px 0px;}

a img {border:none;}
#page-layout {width: 888px;text-align:left; }
#page-header { height: 55px; position:relative; background:#AFB5AE;}
#page-logo { position:absolute; left: 26px; top: 28px;}
#page-menu { height: 28px; background: #DEDCC1;}
#page-menu ul {list-style: none; margin: 0px; padding:7px 0px 0px 26px;}
#page-menu li { float: left; background:url(../images/nav-seperator.gif) left  no-repeat ; padding: 0px 10px; margin: 0px;}
#page-menu .selected a,#page-menu a { color: #7C654F; font-weight: bold; font-size: 1em; }
#page-menu .selected, #page-menu li:hover a {color: #D79723; text-decoration: none;}
#page-menu li:hover {background:url(../images/nav-seperator-over.gif) left no-repeat;}

#page-content { height: 480px; background:#D7DCE6; position:relative; }
#logo-rla {position:absolute; left: 27px; top: 240px;}

#page-footer { height: 28px; position:relative; background:#AFB5AE;}
#page-footer ul {list-style: none; margin: 0px; padding:7px 0px 0px 26px;}
#page-footer li { float: left; background:url(../images/nav-f-seperator.gif) left  no-repeat ; padding: 0px 10px; margin: 0px;}
#page-footer a { color: #FFF; font-weight: bold; font-size: 1em; }
#page-footer .selected a, #page-footer li:hover a {color: #FBF2C1;}
#page-footer .selected, #page-footer li:hover {background:url(../images/nav-f-seperator-over.gif) left no-repeat;}
#site-copyright {padding: 5px 0px 0px 26px; font-size: 0.9em;}

#content-left {width: 350px; background:url(../images/page-left-bg.gif) no-repeat right; height: 480px; float: left; position:relative;}
#content-left .inner{padding: 10px 26px;}
#content-right {width: 538px; background: #5A6C85; height: 480px; float: left; color: #FFF; position:relative;}
#content-right-inner{padding: 10px 10px 10px 40px;}
#content-right-layout{ height: 460px; overflow: auto;}
#content-right .inner{padding: 0px 10px;}
#header-left,#header-right { margin-bottom: 10px;}

.img-btn-faq {display: block; width: 30px; height: 30px;}
.button-faq {display: block; position: absolute; width: 30px; height: 30px; top: 430px; cursor:pointer}
#button-next { background:url(../images/btn-next.gif) no-repeat center; left: 490px;}
#button-back { background:url(../images/btn-back.gif) no-repeat center; left: 460px;}
#button-next:hover { background:url(../images/btn-next-f2.gif) no-repeat center;}
#button-back:hover { background:url(../images/btn-back-f2.gif) no-repeat center;}
.button-prj {display: block; position: absolute; width: 30px; height: 30px; top: 445px; cursor:pointer}
#prj-button-next { background:url(../images/btn-next.gif) no-repeat center; left: 510px;}
#prj-button-back { background:url(../images/btn-back.gif) no-repeat center; left: 235px;}
#prj-button-next:hover { background:url(../images/btn-next-f2.gif) no-repeat center;}
#prj-button-back:hover { background:url(../images/btn-back-f2.gif) no-repeat center;}

#ctop-layout {background: #5B6C85; color:#FFFFFF; height: 227px; position:relative;}	
#ctop-pic {position:absolute; left: 30px; top: 0px;}
#ctop-details {position:absolute; left: 420px; top: 10px; width: 440px;}
#ctop-details a {color: #FFF; font-weight: normal;}

#cbottom-layout {position:relative; background: url(../images/content-bg.gif) 80px -200px no-repeat; height: 253px;}	
#cbottom-links {position:absolute; left: 30px; top: 30px;}
#cbottom-links ul {list-style: none; padding: 0px; margin: 0px;}
#cbottom-links li {width: 160px; background: #94A4B5; color: #FFF; margin-bottom: 3px; }
#cbottom-links .text {padding: 3px 8px 4px 10px;display:block; }
#cbottom-links li a {color: #FFF; display:block;}
#cbottom-links li:hover { background: #FFF;color: #5E4D3E;}
#cbottom-links li:hover a,#cbottom-links a:hover { color: #5E4D3E;}
#cbottom-details {position:absolute; left: 420px; top: 10px; width: 440px; height: 230px; overflow:hidden;}

#project-showcase { position:relative; margin-top: 5px;}
#project-image { position:absolute; top: 0px; left: 0px; width: 280px; height: 177px; overflow: hidden; background: #FFF; }
#project-image ul {list-style: none; padding: 0px; margin: 0px;}
#project-image li { padding: 0px; margin: 0px; display:none; position:relative}
#project-image .selected { display: block !important;}
#project-image li .link { position:absolute; top: 160px; left: 0px; width: 275px; text-align:right; display:block;}
#project-image li .link a {color:#FBF2C1; font-size: 10px; text-decoration:underline; padding: 2px 4px;}
#project-image .black {color:#000000 !important; background: #FFFFFF;}


#project-details { position:absolute; top: 0px; left: 290px; width: 180px; }
#project-details ul {list-style: none; padding: 0px; margin: 0px;}
#project-details li { padding: 0px; margin: 0px; display:none;}
#project-details .selected { display: block !important;}
#project-details .client { margin-bottom: 15px;}
#project-links {position:absolute; left: 0px !important; top: 203px; line-height: 12px; font-size: 11px;}
#project-links ul {list-style: none; padding: 0px; margin: 0px;}
#project-links li {width: 160px; background: #94A4B5; color: #FFF; margin-bottom: 3px; }
#project-links .text {padding: 3px 8px 4px 10px;display:block; }
#project-links li a {color: #FFF; }
#project-links li:hover, #project-links .selected { background: #FFF;}
#project-links li:hover a,#cbottom-links a:hover, #project-links .selected a { color: #5E4D3E;}
#project-links .download-docs { margin-top: 10px;}

#project-list {position:absolute; left: 214px; top: 185px; width: 280px;}
#project-list .text-help{ padding-left: 7px; font-size: .8em;}
#project-list ul {list-style: none; padding: 0px; margin: 0px;}
#project-list li { float:left; padding: 3px; margin:3px 0px 0px 3px; }
#project-list li:hover,#project-list .selected { background: #ED942D;}
#project-list li .thumb {width: 74px; height:47px; overflow: hidden; background: #FFF;}
#project-list .selected img {opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;}