@charset "UTF-8";
* {margin:0;padding:0}
/* mac hide \*/
html,body{
	height:100%;
	width:100%;
}
/* end hide */
body {
	text-align:center;
	font-family: Helvetica;
	font-size: 12px;
	color: #FFFFFF;
	background-image: url(../images/bk-clr.gif);
	background-repeat: repeat-x;
	background-color: #3a3e46;
}
a:link {
	color: #FFFFFF;
}
a:visited {
	color: #FFFFFF;
}
a:hover {
	color: #EE3E33;
}
a:active {
	color: #FFFFFF;
}
#xouter{
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
}
#xcontainer {
	text-align: center;
	position:relative;
	vertical-align:middle;
	display:table-cell;
	height: 600px;
}	
#xinner {
	width: 800px;
	height: 600px;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	border:3px solid #fff;
	background-image: url(../images/backgrounds/architecture.jpg);
	background-repeat: no-repeat;
}
img, div { 
	behavior: url(iepngfix.htc) 
}
#xouter #xcontainer #xinner #logo {
	float: right;
	height: 43px;
	width: 166px;
	position: relative;
	right: 28px;
	top: 28px;
}

#Navcontainer
{
	top:50px;
	width:100%;
	height:23px;
	color:#FFFFFF;
	position:relative;
	float:left;
	overflow:hidden;
}

#Navcontainer .transparency
{
	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	background-color:#000000;
	width:100%;
	height:23px;
	position:absolute;
	top:0px;
	left:0px;
}

.content
{
	position:relative;
	padding-right: 10px;
	padding-left: 77px;
	top: 4px;
}
#Contentcontainer
{
	top:65px;
	width:653px;
	height:375px;
	color:#FFFFFF;
	position:relative;
	float:left;
	overflow:hidden;
	left:85px;
}

#Contentcontainer .transparency
{
	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	background-color:#000000;
	width:653px;
	height:375px;
	position:absolute;
	top:0px;
	left:0px;
}

.contentInfo
{
	position:relative;
	padding-right: 10px;
	padding-left: 10px;
	top: 4px;
}

#Footercontainer
{
	top:68px;
	width:653px;
	height:25px;
	color:#FFFFFF;
	position:relative;
	float:left;
	overflow:hidden;
	left:85px;
}

#Footercontainer .transparency
{
	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	background-color:#000000;
	width:653px;
	height:25px;
	position:absolute;
	top:0px;
	left:0px;
}

.FooterInfo
{
	position:relative;
	padding-right: 10px;
	padding-left: 10px;
	top: 5px;
	font-size: 10px;
}
.FooterInfoBold
{
	color:#EE3E33;
	font-weight: bolder;	
}
#xouter #xcontainer #loginDetails {
	height: 30px;
	width: 800px;
	background-color: #FFFFFF;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	border:3px solid #fff;
}
.menu {
	position:relative; 
	height:23px; 
	width:700px;
}
.menu ul {
	list-style:none;
	z-index:10;
	height:23px;
	width:700px;
	position:absolute;
	z-index:100;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	font-size: 10px;
}
#xouter #xcontainer #loginDetails #copyright {
	color: #333333;
	position: relative;
	left: 25px;
	font-size: 10px;
	top: 7px;
	width: 220px;
	float: left;
}
.menu li {
	float:left
}
.menu a, .menu a:active, .menu a:visited {
	text-decoration:none; 
	color:#FFF; 
	padding:10px
}
.menu a:hover {
	color:#ebf0e6;
}
#slide {
	position:absolute; 
	top:-4px; 
	height:24px; 
	background:#EE3E33; 
	z-index:10
}
#xouter #xcontainer #loginDetails #quickLogin {
	float: left;
	width: 550px;
	position: relative;
	left: 30px;
	top: 5px;
	font-size: 10px;
	color: #333333;
	height: 23px;
}
#xouter #xcontainer #xinner #BreadcrumbTitle {
	font-size: 25px;
	height: 40px;
	width: 654px;
	position: relative;
	top: 70px;
	float: left;
	left: 85px;
}
#xouter #xcontainer #xinner #Contentcontainer .contentInfo #contentLeft {
	float: left;
	height: 350px;
	width: 270px;
	position: relative;
	top: 10px;
	padding-right: 10px;
	margin-right: 15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-top-color: #EE3E33;
	border-right-color: #EE3E33;
	border-bottom-color: #EE3E33;
	border-left-color: #EE3E33;
	line-height: 14px;
}
#xouter #xcontainer #loginDetails #2blogo {
	float: right;
	height: 20px;
	width: 20px;
	position: absolute;
	top: -20px;
	z-index: 10;
}
#info{
	height: 20px;
	width: 20px;
	position: relative;
	top: 5px;
	float: left;
	le\ft:10px;
	left: 40px;
}
#xouter #xcontainer #loginDetails #quickLogin #login #submitForm {
	font-size: 10px;
	color: #FFFFFF;
	background-color: #000000;
	width: 50px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 18px;
}
#xouter #xcontainer #loginDetails #quickLogin #login #username {
	font-size: 10px;
	color: #999999;
}
#xouter #xcontainer #loginDetails #quickLogin #login #password{
	font-size: 10px;
	color: #999999;
}
input[type="text"]:focus, 
input[type="text"].focus,
input[type="password"]:focus, 
input[type="password"].focus,
select:focus,
select.focus,
textarea:focus,
textarea.focus{
	background-color: #EECAC1;
}
#BreadcrumbTitleRed {
	font-size: 25px;
	color: #EE3E33;
}

#gallery {
	position:relative;
	height:350px;
	float: left;
	
}

#gallerybk{
	height:350px;
	position:relative;
	top: 10px;
	left:5px;
	width:620px;
	float: left;
	border: 1px solid #EE3E33;	
}
#gallery a {
	float:left;
	position:absolute;
	
}
	
#gallery a img {
	border:none;
}
	
#gallery a.show {
	z-index:500;	
}

#gallery .caption {
	z-index:600;
	background-color:#000;
	color:#ffffff;
	height:30px;
	width:330px;
	position:absolute;
	bottom:0;
	text-indent: 5px;
}
#gallery .caption .capt {
	margin:1px
}
#gallery .caption .capt h3 {
	margin:0;
	padding:0;
	color:#1DCCEF;
}


#galleryFolio {
	position:relative;
	height:220px;
	float: left;
	
}

#gallerybkFolio{
	height:220px;
	position:relative;
	top: 10px;
	width:400px;
	float: left;
	border: 1px solid #EE3E33;	
}
#galleryFolio a {
	float:left;
	position:absolute;
	
}
	
#galleryFolio a img {
	border:none;
}
	
#galleryFolio a.show {
	z-index:500;	
}

#galleryFolio .caption {
	z-index:600;
	background-color:#000;
	color:#ffffff;
	height:30px;
	width:400px;
	position:absolute;
	bottom:0;
	text-indent: 5px;
}
#galleryFolio .caption .capt {
	margin:1px
}
#galleryFolio .caption .capt h3 {
	margin:0;
	padding:0;
	color:#1DCCEF;
}
#xouter #xcontainer #xinner #Contentcontainer .contentInfo #rightHolder #arielview {
	height: 140px;
	width: 321px;
	position: relative;
}
div.arrow {
	float: left;
	height: 5px;
	width: 6px;
	margin-right: 5px;
	position: relative;
	top: 6px;
}

.contentRight {
	float: left;
	height: 350px;
	width: 320px;
	position: relative;
	top: 10px;
}
.FoliocontentRight {
	float: left;
	height: 350px;
	width: 410px;
	position: relative;
	top: 10px;
	left:10px;
}	

	
#xouter #xcontainer #xinner #Contentcontainer .contentInfo #contentLeft #divider {
	width: 280px;
	float: left;
	position: relative;
	top: 10px;
}
#xouter #xcontainer #xinner #Contentcontainer .contentInfo #contentLeft #quotes {
	position: relative;
	top: 20px;
	float: left;
}
#rightHolder {
	float: left;
	width: 320px;
	position: relative;
	height: 350px;
	top: 10px;
}
#ColOne {
	width: 200px;
	float: left;
	height: 350px;
	position: relative;
	padding-right: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-top-color: #EE3E33;
	border-right-color: #EE3E33;
	border-bottom-color: #EE3E33;
	border-left-color: #EE3E33;
	top: 10px;
}
#ColTwo {
	width: 180px;
	float: left;
	height: 350px;
	position: relative;
	padding-right: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-top-color: #EE3E33;
	border-right-color: #EE3E33;
	border-bottom-color: #EE3E33;
	border-left-color: #EE3E33;
	padding-left: 10px;
	top: 10px;
}
#ColThree {
	width: 190px;
	float: left;
	height: 350px;
	position: relative;
	padding-right: 10px;
	padding-left: 10px;
	top: 10px;
}
/* scrolling menu vertical */

div.sc_menu_wrapper {
	position: relative; 	
	height: 338px;
	/* Make bigger than a photo, because we need a place for a scrollbar. */
	width: 200px;
	overflow: auto;
}
div.vision_menu_wrapper {
	position: relative;
	height: 200px;
	/* Make bigger than a photo, because we need a place for a scrollbar. */
	width: 280px;
	overflow: auto;
	top: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #EE3E33;
	border-right-color: #EE3E33;
	border-bottom-color: #EE3E33;
	border-left-color: #EE3E33;
}
div.sc_menu {
	padding: 15px 0;
}
.sc_menu a {
	color: #fff;
	text-decoration: none;
}

.sc_menu img {
	display: block;
	border: none;
}
#midColTitle {
	font-size: 14px;
	font-weight: bold;
	color: #EE3E33;
	width: 180px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	display: block;
	padding-bottom: 5px;
}
#midColText {
	display: block;
	height: 310px;
	width: 180px;
	position: relative;
	top: 10px;
	font-size: 12px;
}
#midColText ul li {
	color: #ffffff;
	list-style:disc;
	position: absolute;
	padding-left: 25px;
	margin-left: 50px;
}

.sc_menu_wrapper .loading {
	position: absolute;
	top: 150px;
	left: 50px;
	margin: 0 auto;
	padding: 10px;
	width: 100px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-align: center;
	color: #fff;
	border: 1px solid rgb(79, 79, 79);
	background-color: #000000;
	background-image: url(../images/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

.vision_menu_wrapper .loading {
	position: absolute;
	top: 80px;
	left: 75px;
	margin: 0 auto;
	padding: 10px;
	width: 100px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-align: center;
	color: #fff;
	border: 1px solid rgb(79, 79, 79);
	background-color: #000000;
	background-image: url(../images/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

#folioBlock {
	width: 190px;
	height: 10px;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 10px;
	padding-left: 2px;
	color: 11;
	vertical-align: middle;
	line-height: 17px;
	font-size: 12px;
}
#visionBlock {
	width: 270px;
	height: 10px;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 10px;
	padding-left: 2px;
	color: 11;
	vertical-align: middle;
	line-height: 17px;
	font-size: 12px;
}
div.MenuText {
	width: 190px;
	height: 10px;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 12px;
	padding-left: 2px;
	color: 11;
	vertical-align: middle;
	line-height: 17px;
	font-size: 12px;
}

#folioBlock:hover {
	background-color: #333333;
}
#visionBlock:hover {
	background-color: #333333;
}
#selected {
	background-color: #333333;
}
#downloadbody{
	height: 15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #EE3E33;
	border-right-color: #EE3E33;
	border-bottom-color: #EE3E33;
	border-left-color: #EE3E33;
	border-left-style: solid;
	font-size: 9px;
	position: relative;
	display: block;
	float: right;
	padding-left: 10px;
}
#downloadbody a{
	color: #EE3E33;
	text-decoration: underline;
}
.vTitle {
	font-size: 14px;
	float: left;
	width: 150px;
	color: #EE3E33;
}
.pTitle {
	font-size: 14px;
	float: left;
	width: 400px;
	color: #EE3E33;
}
.visionText {
	display: block;
	width: 320px;
	padding-top: 10px;
	font-size: 11px;
	height: 50px;
	float: left;
	margin-bottom: 5px;
}
#downloadbody a:hover{
	color: #FFFFFF;
	text-decoration: none;
}
#pdficon {
	float: left;
	height: 12px;
	width: 13px;
	position: relative;
	margin-right: 5px;
}
#pImageBox {
	height: 110px;
	width: 195px;
	border: 1px solid #FF0000;
	background-color: #FFFFFF;
	margin-bottom: 10px;
}
#nImageBox {
	height: auto;
	width: 195px;
	border: 1px solid #FF0000;
	background-color: #FFFFFF;
	margin-bottom: 10px;
}
#newsbody {
	display: block;
	float: left;
	height: 15px;
	width:110px;
	position: relative;
}
#newsbodyLong {
	display: block;
	float: left;
	height: 15px;
	width:180px;
	position: relative;
}
#Foliobody {
	display: block;
	float: left;
	height: 15px;
	width:210px;
	position: relative;
}
.visionTitle {
	display: block;
	height: 25px;
	width: 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	float: left;
}
.folioTitle {
	display: block;
	height: 25px;
	width: 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	float: left;
}
.VimageBoxHolder {
	display: block;
	float: left;
	height: 250px;
	width: 320px;
	border: 1px solid #EE3E33;
	background-color: #FFFFFF;
}
.vDateTime {
	float: right;
	width: 160px;
	font-size: 11px;
	text-align: right;
}
.vDateTimeRed {
	float: left;
	font-size: 11px;
	color: #EE3E33;
}
.portDetails {
	float: left;
	width: 400px;
	height: 60px;
	position: relative;
	top: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}
.portDetailsLeft {
	float: left;
	height: 48px;
	width: 190px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-top-color: #FF0000;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
	padding: 2px;
	font-size: 11px;
}
.portDetailsRight {
	float: left;
	height: 48px;
	width: 190px;
	left: 10px;
	position: relative;
	padding: 2px;
	font-size: 11px;
}
.redDet {
	display: block;
	color: #FF0000;
	width: auto;
	float: left;
}
.holderbox1 {
	float: left;
	height: 22px;
	width: 190px;
	position: relative;
}
.whiteDet {
	color: #FFFFFF;
	float: left;
	position: relative;
	left: 5px;
	width: auto;
}

.clear {
	clear: both;
}


.galleryHold {
	float: left;
	height: 230px;
	width: 400px;
	position: relative;
	top: 10px;
}


.contentLeftCon {
	height: 335px;
	width: 100%;
}
.contactHolder {
	height: 100px;
	width: 295px;
	margin-bottom: 10px;
	margin-right: 10px;
	position: relative;
	float: left;
	margin-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	font-size: 11px;
}
.horizLine {
	height: 335px;
	width: 2px;
	position: absolute;
	left: 323px;
	display: block;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #EE3E33;
	top: 0px;
}
.photoCon {
	float: left;
	height: 94px;
	width: 85px;
	border: 1px solid #EE3E33;
	background-color: #FFFFFF;
	overflow: hidden;
}
.ConDet {
	float: left;
	display: block;
	height: auto;
	width: 190px;
	position: relative;
	left: 10px;
	top: 5px;
	margin-bottom: 5px;
}
.conDetRed {
	color: #EE3E33;
}
.footnav {
	display: block;
	float: left;
	height: 20px;
	width: 620px;
	position: relative;
	left: 10px;
	text-align: right;
	padding-top: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #FF0000;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
	top: 5px;
}
#random{
	float: left;
	width: 270px;
	position: relative;
	top: 5px;
	height: 70px;
	overflow: hidden;
}
.dashIcon {
	float: left;
	height: 100px;
	width: 100px;
	margin-right: 11px;
	margin-left: 11px;
	border: 1px solid #FF0000;
	margin-top: 5px;
	margin-bottom: 11px;
}
.dashboardText {
	height: 100px;
	width: 350px;
	position: relative;
	right: 11px;
	float: right;
	position:relative;
}
.loginBox {
	float: left;
	height: 20px;
	width: 510px;
	position: relative;
	left: 25px;
	top: 7px;
	color: #000000;
	font-size: 11px;
}
.loginBox a {
	color: #EE3E33;
}
.loginBox a:hover {
	color: #000000;
}
.loginDet {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 70px;
	padding: 10px;
	border: 1px solid #FFFFFF;
}
.messages {
	background-color: #EE3E33;
	width: 98%;
	padding: 5px;
}
.TitleList {
	background-color: #EE3E33;
	width: 98%;
	padding: 10px;
}
.TitleList a {
	color:#ffffff;
}
.TitleList a:hover {
	color:#000000;
}
.FormElements {
	height: 330px;
	width: 600px;
	padding: 10px;
}

.aboveline {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EE3E33;
	padding-top: 5px;
	padding-bottom: 5px;
}
.KT_even{
	background-color: #000000;
	padding: 5px;
}