/* CSS Document */

a:link {color: #FFFFFF; text-decoration: none;}
a:visited {color: #FFFFFF; text-decoration: none;}
a:active {color: #FFFFFF; text-decoration: none;}
a:hover {color: #666666; text-decoration: none;}

#columnHomeMiddle a:link {color: #FFFFFF; text-decoration: none; border-bottom: 1px dotted #666666; font-weight: bold;}
#columnHomeMiddle a:visited {color: #FFFFFF; text-decoration: none; border-bottom: 1px dotted #666666; font-weight: bold;}
#columnHomeMiddle a:active {color: #FFFFFF; text-decoration: none; border-bottom: 1px dotted #666666; font-weight: bold;}
#columnHomeMiddle a:hover {color: #0066CC; text-decoration: none; border-bottom: 1px dotted #999999; font-weight: bold;}



body {
	margin: 0px 0px 100px 0px;
	background-color: #333333;
}

.cellB {
	clear: both;
}

.cellL {
	float: left;
}

.cellR {
	float: right;
}



#page {
	width: 790px;
	margin: 0px auto;
}






/********** MAIN STRUCTURE *********/


#header {
	padding: 20px;
	background: #000000 url(/images/home.gif) repeat-x;
	width:750px;
	height:58px;
}
	#header .image2{float:right;}
	
#menu {
	height: 19px;
	background-color: #121212;
	padding: 6px 10px 0px 0px;
	text-align: right;
	border-bottom: 9px solid #000000;
}

#banner {
	border-bottom: 10px solid #0066CC; 
}

#content {
	background: #232323 url(/images/background-main.gif) repeat-y;
	border-bottom: 30px solid #333333;
}

#contentHome {
	background: #232323 url(../images/background-home.gif) repeat-y;
	border-bottom: 30px solid #333333;
}

#contentProjects {
	background: #232323 url(/images/background-projects.gif) repeat-y;
	border-bottom: 30px solid #333333;
}

#columnLeft {
	width: 205px;
	min-height: 224px;
	background: #232323 url(/images/background-left.gif) repeat-x;
}

#columnHomeLeft {
	width: 200px;
	min-height: 224px;
	background: #292929 url(../images/background-right.gif) repeat-x;
	padding: 0 0 120px 16px;
}

#columnHomeMiddle {
	min-height: 224px;
	width: 315px; /* 365px */
	padding: 20px 25px 25px 25px;
	color: #FFFFFF;
	font: normal 10px Helvetica, Arial, Verdana, sans-serif;
	line-height: 16px;
	background: #232323 url(../images/background-left.gif) repeat-x;
}

#columnHomeRight {
	min-height: 224px;
	width: 181px;
	padding: 0 13px 0 15px;
	background-color: #FF0000;
	background: #292929 url(../images/background-right.gif) repeat-x;
	margin: 0px;
}

#columnRight {
	min-height: 224px;
	width: 585px;
	padding-bottom: 50px;
	background: #292929 url(/images/background-right.gif) repeat-x;
}

#columnRight hr {
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	border-top: 1px dotted #666666;
	margin: 40px 0 20px 0;
}

#mainLeft {
	padding-left: 25px;
	margin-right: 25px;
}

.mainLeftTitle {
	width: 347px; /* 13px */
	background-color: #141414;
	border-bottom: 1px solid #0066CC;
	padding: 26px 0px 8px 13px;
}

.mainLeftText {
	width: 334px; /* 13px */
	padding: 20px 13px 8px 13px;
	color: #FFFFFF;
	font: normal 10px Helvetica, Arial, Verdana, sans-serif;
	line-height: 16px;
}

.mainLeftTextTitles {
	width: 334px; /* 13px */
	padding: 0px 13px 8px 13px;
	color: #FFFFFF;
	font: normal 10px Helvetica, Arial, Verdana, sans-serif;
	line-height: 16px;
}

.mainLeftText ul {
	margin: 15px;
	padding: 0px;
}

.mainLeftText li {
	list-style: disc;
}

.mainLeftTextTitles ul {
	margin: 15px;
	padding: 0px;
}

.mainLeftTextTitles li {
	list-style: disc;
}

#mainRight {
	width: 155px;
	padding-top: 55px;
}

#mainHomeLeft h1 {
	font: bold 20px Helvetica, Arial, Verdana, sans-serif;
	color: #FFFFFF;
	margin: 0px;
	background: url(../images/home-title-back.gif) no-repeat;
	width: 300px;
	padding: 7px 7px 20px 7px;
}

#mainHomeLeft p {
	padding: 0 7px;
}


#footer {
}

ul {
	margin: 0px;
	padding: 0px;
}

li {
	list-style: none;
}






/********** MENU *********/

ul.menuButton {
	margin: 0px;
	list-style: none;
	font: bold 11px Helvetica, Arial, Verdana, sans-serif;
}

ul.menuButton li {
	margin-top: 10px;
	list-style: none;
	display: inline;
}

ul.menuButton li a {
	padding: 6px 10px 5px 10px;
}

ul.menuButton li a.active {
	padding: 5px 10px 4px 10px;
	background: #0066CC url(/images/menu-background.gif) repeat-x;
	border: 1px solid #0066CC;
	color: #FFFFFF;
}
/*
li.menuButtonSelected {
	padding: 4px 10px 5px 10px;
	background: #0066CC url(/images/menu-background.gif) repeat-x;
	border: 1px solid #0066CC;
}
*/


ul.leftMenu {
	margin: 20px 26px 0px 26px;
	padding: 0px;
	border-top: 1px dotted #434343;
}

ul.leftMenu li {
	list-style: none;
	border-bottom: 1px dotted #434343;
	padding: 5px 0px;
	display: block;
	background: url(/images/list-arrow-grey.gif)  145px center no-repeat;
	color: #666666;
}

ul.leftMenu li a {
	background: url(/images/list-arrow-blue.gif) 145px center no-repeat;
	color: #fff;
}

ul.leftMenu li a.active, ul.newsList li a.active {
	color: #999;
}

ul.leftMenu li a:hover {
	color: #CC0000;
	background: url(/images/list-arrow-red.gif)  145px center no-repeat;
}

.leftMenu {
	font: bold 10px Helvetica, Arial, Verdana, sans-serif;
}

ul.leftMenu li.subSubli{padding:5px 0 5px 15px;}





/********** SUB MENU *********/

.projectMenu {
	background-color: #0066CC;
}

.projectMenuLeft {
	width: 395px;
	background: #0057AE url(/images/projects-lefts.gif) repeat-x;
	font: 10px Helvetica, Arial, Verdana, sans-serif;
	padding-bottom: 20px;
}

.projectMenuRight {
	width: 355px; /* 395px */
	background: url(/images/projects-right.gif) repeat-x;
	padding: 20px;
}





/********** HOME *********/

.leftLogo {
	padding-top: 25px;
}

.newsRight {
	border-bottom: 1px dotted #737373;
	padding: 10px 0;
	margin: 0 10px 0 10px;
	color: #FFFFFF;
	font: 10px Helvetica, Arial, Verdana, sans-serif;
	line-height: 15px;
}

.newsRight a {
	color: #CC0000;
	text-decoration: none;
}

.newsRight a:hover {
	color: #999999;
	text-decoration: none;
}

.leftWebcam {
	background: url(../images/home-webcams.gif) no-repeat;
	padding: 20px 20px 0px 14px;
	width: 166px;
}

.leftWebcam img {
	padding: 13px 0;
}







/********** PROJECTS SECTIONS *********/


#big2, #big3, #big4, #big5, #big6, #big7, #big8, #big9, #big10 {
}

#columnProjectLeft {
	width: 375px;
	min-height: 224px;
	padding: 40px 0 0 20px;
	background: #252525 url(/images/background-left.gif) repeat-x;
}

#columnProjectRight {
	width: 345px; /* 355px */
	min-height: 224px;
	padding: 25px;
	background: #292929 url(/images/background-right.gif) repeat-x;
	font: 10px Helvetica, Arial, Verdana, sans-serif;
	line-height: 20px;
	color: #FFFFFF;
}


ul.projectLeft {
	margin: 20px 0px 20px 0px;
	padding: 5px 5px 5px 25px;
	border-right: 1px dotted #4081C2;
}

ul.projectLeft li {
	list-style: none;
}


ul.projectLeft li a {
	display: block;
	width: 155px;
	padding: 5px;
}

ul.projectLeft li a.active {
	background: url(/images/project-arrow.png) left 3px no-repeat !important;
	background: url(/images/project-arrow-pc.gif) left 3px no-repeat;
}

ul.projectRight {
	margin: 20px 0px 0px 0px;
	padding: 5px 5px 5px 10px;/*
	border-left: 1px dotted #4081C2;*/
}

ul.projectRight li {
	list-style: none; /*
	padding: 5px 5px 5px 10px; */
}


ul.projectRight li a {
	display: block;
	width: 155px;
	padding: 5px;
}

ul.projectRight li a.active {
	background: url(/images/project-arrow.png) left 3px no-repeat !important;
	background: url(/images/project-arrow-pc.gif) left 3px no-repeat;
}



.projectRightTitle {
	color: #FFFFFF;
	font: bold 21px Helvetica, Arial, Verdana, sans-serif;
	background: url(/images/project-title-top.png) no-repeat !important;
	background: url(/images/project-title-top-pc.gif) no-repeat;
	padding: 10px 12px 0px 12px;
}

.projectRightSubTitle {
	color: #99CC00;
	font: normal 15px Helvetica, Arial, Verdana, sans-serif;
	background: url(/images/project-title-bottom.png) bottom left no-repeat  !important;
	background: url(/images/project-title-bottom-pc.gif) bottom left no-repeat;
	padding: 3px 12px 16px 12px;
}



.projectDetails {
	border-top: 5px solid #CC0000;
	background-color: #1F1F1F;
	font: 10px Helvetica, Arial, Verdana, sans-serif;
	color: #FFFFFF;
	line-height: 18px;
	margin-top: 30px;
}

ul.projectDetailsLeft {
	margin: 0px;
	padding: 15px;
	font-weight: bold;
}

ul.projectDetailsLeft li {
	list-style: none;
}

ul.projectDetailsRight {
	margin: 15px 0px 15px 10px;
	padding: 0px;
	font-weight: normal;
}

ul.projectDetailsRight li {
	list-style: none;
}




ul.projectLinked {
	margin: 50px 0px 0px 0px;
	padding: 0px;
	border-top: 5px solid #0066CC; 
}

ul.projectLinked li {
	list-style: none;
	border-bottom: 1px dotted #424242;
}

ul.projectLinked li a {
	display: block;
	background: url(/images/list-arrow-blue.gif) 8px center no-repeat;
	padding: 0px 10px 0px 20px;
}


.printer {
	background: url(/images/printer.gif) no-repeat;
	margin-top: 20px;
	padding: 2px 0px 10px 35px;
}

#columnProjectLeft .thumbs img {
	width: auto;
	height: 101px;
	margin: 0 10px 10px 0;
	border: 4px solid #000;
}

#columnProjectLeft #images div img {
	width: 340px;
	height: auto;
	margin: 10px 0 0 0;
	border: 4px solid #000;
}



/********** NEWS *********/


ul.newsList {
	width: 330px;
	padding: 20px 15px 10px 15px;
	background: #1F1F1F url(/images/news-list-bottom.gif) bottom left no-repeat;	
}

ul.newsList li {
	border-bottom: 1px dotted #424242;
	font: 10px Helvetica, Arial, Verdana, sans-serif;
	color: #FFFFFF;
	line-height: 18px;
	padding: 3px 10px 3px 10px;
	background: url(/images/list-arrow-grey.gif) left 9px no-repeat;
}

ul.newsList li:last-child {
	border-bottom: none;
}

.newsTitle {
	font: bold 15px Helvetica, Arial, Verdana, sans-serif;
	color: #FFFFFF;
	line-height: 20px;
	margin: 0px;
}

.newsDate {
	margin: 0px 0px 20px 0px;
	padding-bottom: 10px;
	color: #949494;
	border-bottom: 1px dotted #737373;
}

.newsPage {
	padding: 3px 17px 4px 8px;
	background: #0066CC url(/images/news-arrow-left.gif) no-repeat;
	font-weight: bold;
	margin-top: 20px;
}

.newsPageSub {
	padding: 3px 15px 4px 5px;
	background: #0066CC url(/images/news-arrow-end.gif) right center no-repeat;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 15px;
}



/********** ABOUT *********/

.aboutSubTitle {
	color: #FFFFFF;
	font: 16px Helvetica, Arial, Verdana, sans-serif;
	line-height: 22px;
}

.about {
	margin-left: 25px;
	width: 520px;
	border-bottom: 1px dotted #5E5E5E;
}

.aboutTitle {
	color: #FFFFFF;
	font: 16px Helvetica, Arial, Verdana, sans-serif;
	line-height: 22px;
	background-color: #1F1F1F;
	border-top: 3px solid #0066CC;
	padding: 10px 0px 13px 13px;
	margin-top: 40px;
}

.aboutImage {
	margin-right: 25px;
	padding: 30px 0 25px 0;
}

.aboutText {
	width: 345px;
	padding: 15px 0 25px 0;
	color: #FFFFFF;
	font: normal 10px Helvetica, Arial, Verdana, sans-serif;
	line-height: 18px;
}



/*
#mainLeft {
	padding-left: 25px;
	margin-right: 25px;
}

.mainLeftTitle {
	width: 347px; /* 13px
}
*/



/********** FOOTER *********/

.footerTitle {
	background: #212121 url(/images/footer-background-top.gif) no-repeat;
	padding: 8px 0px 8px 26px;
}

.footerContent {
	background: #2C2C2C url(/images/footer-background-bottom.gif) left bottom no-repeat;
	padding: 20px 0px 30px 26px;
	border-bottom: 4px solid #333333;
}

.footerColumn {
	width: 230px;
	margin: 0px 24px 0px 0px;
}

ul.footerColumn {
	padding: 0px;
	color: #FFFFFF;
}

ul.footerColumn li {
	margin: 0px;
	color: #FFFFFF;
	list-style: none;
	border-bottom: 1px dotted #424242;
}

ul.footerColumn li:last-child {
	border-bottom: none;
}

ul.footerColumn li a {
	background: url(/images/list-arrow-grey.gif) center left no-repeat;
	padding: 4px 0px 6px 10px;
	display: block;
}

ul.footerColumn li a:hover {
	background: url(/images/list-arrow-blue.gif) center left no-repeat;
	padding: 4px 0px 6px 10px;
}

#footer h1, h2, h3, h4, h5 {
	margin: 0px;
	padding: 0px;
	color: #0066CC;
	font: bold 11px Helvetica, Arial, Verdana, sans-serif;
}



/********** LEFT COLUMN *********/

.leftTitle {
	color: #0066CC;
	font: bold 11px Helvetica, Arial, Verdana, sans-serif;
	background: #1A1A1A url(/images/background-left-titlebar.gif);
	padding: 6px 0px 6px 26px;
	margin-top: 18px;
}



/********** RIGHT COLUMN *********/


.rightHotLink {
	width: 146px;
	height: 47px;
	padding: 6px 15px 6px 8px;
	margin-bottom: 15px;
	background: url(/images/right-arrows.gif) no-repeat;
}

.rightHotLinkTitle {
	color: #CC0000;
	font: 20px Helvetica, Arial, Verdana, sans-serif;
	line-height: 20px;
}

.rightHotLinkSubTitle {
	color: #CC0000;
	font: 14px Helvetica, Arial, Verdana, sans-serif;
	line-height: 20px;
}

.rightWebcam {
	width: 137px;
	height: 47px;
	padding: 6px 8px;
	background: #000000 url(/images/right-webcam-new.gif) no-repeat;
}

.webcamTitle {
	color: #CC0000;
	font: 14px Helvetica, Arial, Verdana, sans-serif;
	line-height: 20px;
	display: block;
}

.rightWebcamNumber {
	width: 153px;
	background: #212121 url(/images/right-webcam-new-bottom.gif) bottom left no-repeat;
	margin-bottom: 15px;
	border: 0px;
}

ul.rightWebcamSection {	
}

ul.rightWebcamSection li {
	padding: 5px 8px 10px 8px;
	border-top: 3px solid #292929;
	background: url(/images/video-play.gif) 126px center no-repeat;
}



ul.mainRight {
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

ul.mainRight li {
	list-style: none;
	font: 10px Helvetica, Arial, Verdana, sans-serif;
	border-bottom: 1px dotted #424242;
}

ul.mainRight li:last-child {
	border-bottom: none;
}

ul.mainRight li a {
	display: block;
	padding: 5px 0px 5px 10px;
	background: url(/images/list-arrow-grey.gif) center left no-repeat;
}

ul.mainRight li a:hover {
	padding: 5px 0px 5px 10px;
	background: url(/images/list-arrow-blue.gif) center left no-repeat;
}




/********** TYPOGRAPHY *********/

.textMain {
	color: #FFFFFF;
	font: normal 10px Helvetica, Arial, Verdana, sans-serif;
}

.textBold {
	font-weight: bold;
}

.textItalic {
	font-style: italic;
}

.textRed {
	color: #CC0000;
}

h1 {
	font: bold 20px Helvetica, Arial, Verdana, sans-serif;
	color: #FFFFFF;
	margin: 0px;
}

.textSubTitle {
	color: #FFFFFF;
	font: 16px Helvetica, Arial, Verdana, sans-serif;
	line-height: 22px;
	padding-top: 10px;
}




#print_quote {
	display: none;
}

#print_bottom {
	display: none;
}