@media screen {
	*, all {
		margin: 0px;
		padding: 0px;
	}
	
	img {
		border: 0;
		outline: hidden;
	}
	
	body {
		font-family: Verdana, Tahoma, Sans, sans-serif;
		font-size: 70%;
		color: #1b3d59;
		background-color: #192E41;
	}
	
	a {
		text-decoration: none;
		color: #e58514;
	}
	
	a:hover {
		text-decoration: underline;
	}
	
	a:active, a:focus {
		outline: none;
	}
	
	h1 {
		font-size: 1.2em;
	}
	h2, h3 {
		font-size: 1.1em;
	}
	h4, h5, h6 {
		font-size: 1em;
	}
	
	td, th {
		vertical-align: top;
	}
	
	#container {
		position: absolute;
		width: 100%;
		min-width: 1040px;
		background-color: #ffffff;
		overflow: hidden;
		
		z-index: 10;
	}
	
	#menu, #menuClone {
		position: absolute;
		right: 50px;
		top: 0em;
		z-index: 100;
		overflow: hidden;
		
		background-color: #e48414;
		background-image: url(../img/bkg-menu-stripe.jpg);
		background-position: center;
		background-repeat: repeat-y;
		
		height: 100% !important;
		height: 90000px;
		width: 196px;
	}
	
	html body {
		height: 100%;
	}
	
	#menuExtend {
		position: absolute;
		right: 50px;
		width: 196px;
		height: 100%;
		
		background-color: #e48414;
		background-image: url(../img/bkg-menu-stripe.jpg);
		background-position: center;
		background-repeat: repeat-y;
	}
		
		#topDragMenu {
			position: relative;
			top: 0px;
			width: 196px;
			height: 110px;
			text-align: center;
			
			background: transparent url(../img/dragme.gif) no-repeat top center;
			
			z-index: 5000;
		}
		
		#menuTop {
			position: relative;
			color: #1D3243;
			font-size: 1.1em;
			font-weight: bold;
			text-align: center;
		}
		
			#menuTop a {
				color: #1D3243;
				font-weight: bold;
				font-size: 0.9em;
				letter-spacing: -0.5px;
				margin-right: 0.2em;
				margin-left: 0.2em;
				text-decoration: none;
			}
	
	#top {
		position: relative;
		height: 144px;
		margin-bottom: 1em;
		
		color: #ffffff;
		background-color: #192E41;
		background-image: url(../img/bg-top.jpg);
		background-repeat: repeat-x;
		
		overflow: hidden;
	}
	
		#topContent {
			position: relative;
			height: 100%;
			margin-right: 260px;
			margin-left: 50px;
		}
			
			#mainLogo {
				float: left;
			}
	
		#topFlags {
			position: relative;
			float: right;
			display: inline-block;
			margin-right: 5px;
			margin-top: 110px;
		}
		
		#topInfo {
			position: relative;
			float: right;
			margin-top: 50px;
			margin-right: 100px;
			display: inline-block;
			height: 75px;
			width: 230px;
			min-width: 230px;
			overflow: hidden;
		}
		
			#topInfoLocation {
				margin-bottom: 15px;
			}
			
			#menuOurClock {
				position: relative;
				float: left;
				width: 50px;
				height: 50px;
			}
			
			#weather {
				position: relative;
				float: left;
				width: 180px;
				vertical-align: top;
			}
			
				#weatherImg {
					position: relative;
					float: left;
					width: 50px;
					height: 50px;
				}
				
				#weather div {
					position: relative;
					float: left;
					width: 100px;
					height: 40px;
					margin-left: 5px;
					display: inline-block;
				}
	
	#breadCrumb {
		margin: 0px 0px 10px 5px;
	}
		
	#content {
		position: relative;
		margin-right: 260px;
		margin-left: 50px;
		overflow: hidden;
		min-height: 600px;
		height: auto !important;
	}
	
	#footer {
		position: relative;
		height: 100px;
		background-color: #192E41;
		color: #eeeeee;
		margin-top: 1em;
	}
	
		#footerContent {
			position: relative;
			margin-right: 260px;
			margin-left: 50px;
			text-align: center;
		}
		
			#footerContent p {
				padding-top: 20px;
			}
		
			#footerContent a {
				color: #ffffff;
			}
	
			
	.largeBox {
		position: relative;
		overflow: hidden;
		float: right;
		width: 49%;
	}
	
		.largeBox .boxContent, #portfolio .boxContent {
			color: #eeeeee;
			
			border-style: solid;
			border-color: #192E41;
			border-width: 1px;
			
			background-color: #192E41;
		}
	
	.miniBox {
		position: relative;
		overflow: hidden;
		float: left;
		clear: left;
		width: 50%;
		margin-bottom: 20px;
	}
	
		.miniBox .boxContent, .bigBox .boxContent {
			border-style: solid;
			border-color: #cccccc;
			border-width: 1px;
			
			background-color: #f7f7f7;
		}
		
			.miniBox .boxContent h2, .bigBox .boxContent h2 {
				line-height: 22px;
				background-image: url(../img/atobullet_01.jpg);
				background-position: left;
				background-repeat: no-repeat;
				
				padding-left: 25px;
			}
	
	.boxHeader {
		height: 35px;
		
		background-color: #e48414;
		background-image: url(../img/bg-box-header.jpg);
		background-position: top;
		background-repeat: repeat-x;
	}
	
		.boxHeader h1 {
			padding-top: 10px;
			padding-left: 20px;
			margin-left: 15px;
			letter-spacing: -0.5px;
			
			background-image: url(../img/box-header-bullet.jpg);
			background-position: bottom left;
			background-repeat: no-repeat;
		}
	
		.boxHeader .boxCornerRight, .boxHeader .boxCornerLeft {
			position: relative;
			width: 10px;
			height: 100%;
		}
		
		.boxHeader .boxCornerLeft {
			float: left;
			background-image: url(../img/bg-box-header-left.jpg);
			background-position: top left;
			background-repeat: no-repeat;
		}
		
		.boxHeader .boxCornerRight {
			float: right;
			background-image: url(../img/bg-box-header-right.jpg);
			background-position: top right;
			background-repeat: no-repeat;
		}
		
	.bigBox {
		position: relative;
		margin: auto;
		width: 100%;
		margin-bottom: 20px;
	}
	
		.bigBox .boxContent {
			min-height: 200px;
			height: auto;
		}
		
	.boxContent {
		position: relative;
		overflow: hidden;
		margin: 1px;
		padding: 10px;
	}
	
		.boxContent h1, .boxContent h2, .boxContent h3, .boxContent h4 {
			margin-bottom: 1em;
		}
		
		.boxContent li {
			list-style-position: outside;
			margin-left: 20px;
			margin-bottom: 10px;
		}
		
		.boxContent blockquote {
			margin-left: 20px;
		}
		
		
	.boxContentBlue {
		position: relative;
		overflow: hidden;
		margin: 2px;
		padding: 10px;
		color: #eeeeee;
		background-color: #192E41;
	}
	
	#loginForm {
		position: relative;
		margin: 10px auto;
		height: 400px;
	}
	
		#loginForm th {
			text-align: left;
		}
	
	#contactForm {
		position: relative;
		float: left;
		width: 69%;
		text-align: center;
		margin-top: 1em;
	}
	
		#contactForm table {
			position: relative;
			margin: auto;
			width: 80%;
		}
	
		#contactForm th {
			text-align: left;
			vertical-align: top;
			width: 25%;
		}
		
		#contactForm .textBox, #contactForm textarea {
			width: 100%;
		}
	
	#contactInfo {
		position: relative;
		float: right;
		width: 30%;
	}
	
		#contactInfo img {
			float: left;
			clear: left;
			margin-right: 1em;
		}
	
		#contactInfo div {
			position: relative;
			margin-top: 2em;
		}
			
	#portfolioContainer {
		position: relative;
		text-align: center;
		margin: auto;
		overflow: hidden;
		height: 260px;
		width: 300px;
	}
	
	#portfolioBox {
		position: relative;
		text-align: center;
		margin: auto;
		color: #cccccc;
		overflow: hidden;
		height: 260px;
	}
	
		#portfolioBox div {
			position: relative;
			text-align: left;
			height: 260px;
		}
		
			#portfolioBox div h3 {
				text-align: left;
				margin-top: 0.5em;
			}
	
	#portfolioThumbs {
		position: relative;
		text-align: center;
		width: 100%;
		margin-top: 1em;
	}
	
		#portfolioThumbs span {
			display: inline-block;
			width: 100px;
			height: 80px;
			overflow:hidden;
			cursor: pointer;
			float: left;
		}
		
		#portfolioThumbs a {
			text-decoration: none;
		}
	
	#portfolioInfo {
		position: relative;
		width: 100%;
		margin-top: 20px;
	}
	
	
	#portfolioIndex {
		position: relative;
		float: left;
		width: 48%;
		overflow: hidden;
		border-style: solid;
		border-color: #ffffff;
		border-width: 0px 1px 0px 0px;
	}
	
		#portfolioIndexPaginator {
			position: relative;
			width: 350px;
			height: 550px;
			margin: 0px auto;
			overflow: hidden;
		}
		
			#portfolioPageWrapper {
				position: relative;
				width: 350px;
				height: 550px;
				margin: 0px auto;
				overflow: hidden;
			}
			
			#portfolioIndexPaginator .portfolioPage {
				position: relative;
				width: 350px;
				height: 550px;
				margin: 0px auto;
				overflow: hidden;
			} 
			
			#portfolioIndexPages {
				position: relative;
				overflow: hidden;
				text-align: center;
				margin-bottom: 1em;
			}
			
				.portfolioPageIndex {
					cursor: pointer;
					font-weight: bold;
					margin: 0px 5px 0px 5px;
				}
			
		.portfolioItem {
			position: relative;
			float: left;
			margin: 10px;
			width: 150px;
			height: 160px;
			overflow: hidden;
			display: inline-block;
		}
	
	#portfolioShow {
		position: relative;
		float: right;
		width: 50%;
		border: 0;
	}
	
		#portfolioShow #portfolioThumbs {
			width: 320px;
			margin: 0px auto;
			overflow: hidden;
		}
		
			#portfolioShow #portfolioThumbs img {
				margin: 5px;
			}
	
	#portfolioArrows {
		height: 40px;
	}
	
	#portfolioImage, #portfolioBanner {
		position: relative;
		margin: 0px auto;
		width: 320px;
		height: 240px;
		text-align: center;
		overflow: hidden;
		cursor: pointer;
	}
	
		#portfolioImage img, #portfolioBanner img {
			margin: 10px auto;
		}
		
	#portfolioText {
		position: relative;
		margin-top: 20px;
	}
	
	#logosLeft {
		position: relative;
		float: left;
		width: 48%;
		border-style: solid;
		border-color: #999999;
		border-width: 0px 1px 0px 0px;
	}
	
	#logosRight {
		position: relative;
		float: right;
		width: 50%;
		border: 0;
	}
	
	#portfolioContainer {
		position: relative;
		text-align: center;
		margin: auto;
		overflow: hidden;
		height: 260px;
		width: 300px;
	}
	
	.menuBox {
		position: relative;
		width: 156px;
		margin: 5px auto;
		padding-bottom: 10px;
		text-align: left;
		overflow: hidden;
		border-style: dotted;
		border-width: 0px 0px 1px 0px;
		border-color: #eeeeee;
	}
		
		.menuBullet {
			float: left;
			margin-top: 12px;
			margin-right: 5px;
		}
		
		.menuBox h1 {
			float: left;
			display: inline-block;
			width: 125px;
			overflow: hidden;
			font-size: 1.2em;
			margin-top: 10px;
		}
		
			.menuBox h1 a {
				color: #ffffff;
				text-decoration: none;
				letter-spacing: -0.5px;
			}
		
		.menuBox div {
			overflow: hidden;
			margin-top: 10px;
		}
		
		.menuBox ul {
			list-style-position: inside;
			margin-left: 10px;
		}
		
		.menuBox li {
			margin-top: 2px;
		}
			
			.menuBox li a {
				color: #ffffff;
				text-decoration: none;
			}
			
			.menuBox li a:hover {
				color: #1b3d59;
			}
	
	.newsItem {
		position: relative;
		margin-bottom: 1em;
	}
		
		.newsItem p {
			text-align: justify;
		}
		
		.newsItem h3 {
			margin-bottom: 0.2em;
		}
	
		.newsItem h5 {
			color: #e58514;
		}
	
		.newsItem img {
			float: left;
		}
	
	.newsContent {
		position: relative;
		overflow: hidden;
		margin: 2px;
		padding: 10px;
		color: #eeeeee;
		border-style: solid;
		border-color: #192E41;
		border-width: 1px;
		background-color: #192E41;
	}
	
		.newsContent div {
			margin-top: 1em;
			margin-bottom: 1em;
		}
	
		.newsContent h1 {
			margin-bottom: 1em;
		}
		
			.newsContent .newsIntro {
				margin-bottom: 1em;
			}
			
	.newsToggler {
		cursor: pointer;
		color: #e58514;
	}
	
	
	.paginator {
		margin-top: 2em;
		text-align: center;
	}
	
	.formButton {
		background: transparent;
		border: none;
		cursor: pointer;
		color: #eeeeee;
		font-family: Verdana, Tahoma, Sans, sans-serif;
		font-weight: bold;
		font-size: 1.1em;
		outline: none;
	}
	
	.toolTip {
		cursor: help;
	}
	
	.tool-tip {
		color: #fff;
		width: 210px;
		z-index: 13000;
		cursor: help;
	}
	 
	.tool-title {
		font-weight: bold;
		font-size: 11px;
		margin: 0;
		color: #E58514;
		padding: 10px 10px 0px 15px;
		background: url(../img/toolT.png) top center no-repeat;
	}
	 
	.tool-text {
		font-size: 11px;
		padding: 0px 5px 5px 5px;
		background: url(../img/toolB.png) bottom center no-repeat;
	}
	
		.tool-text span {
			display: block;
			background: #1e3547;
			margin:0px auto;
			padding: 5px 5px 5px 10px;
		}
	
}


/* Added by framirez */
.boxContent ul li {
	margin-bottom:0px;
}

.alignJustify {
	text-align:justify;
}

.alignRight {
	text-align:right;
}

.readMore {
	text-align:right;margin-top:10px;padding-bottom:15px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#cccccc;
}

.readMore a{
	float:right;
	clear:both;
	padding-bottom:12px;
}