/*
	CSS file for shortpath.com V 1.0
	Author:	Net Theory 
			http://www.nettheory.com/
*/

/* Body and global
------------------------------------ */
.fieldWithErrors input, 
.fieldWithErrors textarea,
.fieldWithErrors select {
    border:1px solid red;
}


* {
margin: 0;
padding: 0;
z-index: 0;
}

body {
	margin: 0px;
	padding: 0;
	background-color: #fff;
	font: 62.5% "Helvetica Neue", Arial, sans-serif;
	color: #000;
}

img {
	border: none;
}

address {
	font-size: 1.2em;
	font-style: normal;
	line-height: 1.5em;
	margin-bottom: 12px;
}

p {
	font-size: 1.2em;
	line-height: 1.6em;
	margin-bottom: 12px;
}

ul, ol, dl {
	list-style: none;
	font-size: 1.2em;
	line-height: 1.5em;
}

dd {
	margin-bottom: 16px;
	}

dt {
	font-weight: bold;
}

a {
	color: #a51839;
	text-decoration: none;
/*	outline: none;*/
}

h2 {
	font-size: 3em;
}
h3	{
	font-size: 2em;
	color: #6eb3ff;
	font-weight: normal;
}
h4	{
	font-size: 1.4em;
}
.clearer {
	clear: both;
}

/* HEADER 
------------------------------------ */

#super-container { 
	margin: 0 auto; 
	padding: 0; 
	width: 100%;
	background: transparent url(../images/bg_header.png) 50% 0 repeat-x;
}

#container { 
	margin: 0 auto; 
	width: 920px;
}
	
h1 {
	width: 229px;
	height: 39px;
	text-indent: -1000em;
	background: transparent url(../images/logo.png) 0 0 no-repeat;
	float: left;
	position: relative;
	top: 19px;
}

h1 a {
	display: block;
	height: 100%;
	overflow: hidden;
}

p#tag-line {
	color: #666;
	position: relative;
	top: 17px;
	left: 10px;
}


/* ------------------------------------ */
#content {
	width: 777px;
	margin: 0 auto;
	clear: left;
	margin-top:-10px;
 }	

#topWrapper{
	background: transparent url(../images/content.png) 0 0 no-repeat;
	float:left;
	width:777px;
/*	margin-top:-10px;*/
}

.index #topWrapper{
	background: transparent url(../images/content-home.png) 0 0 no-repeat;
}
.index #topWrapper p{
	line-height:1.2em;
}

ul#sub-nav {
	float: left;
	clear: left;
	margin: 8px 0 0 327px;
	display: inline;
	width:410px;	
	}

ul#sub-nav li {
	display: inline;
	color: #fff;
	}

ul#sub-nav li span {
	margin: 0 6px;
}

#login-form {
	float: left;
	clear: left;
	width: 425px;
	margin: 2px 19px 0 19px;
	padding: 7px 0 5px 308px;
	color: #666;
	display: inline;
	background:transparent url(../images/3d.png) repeat-x bottom left;
}

body.index #login-form {
	min-height: 50px;
}

#login-form p{
	margin-bottom:4px;
}

#login-form input{
	color:#666;
}


#login-form div {
	float: left;
	clear: none;
	}

#login-form div.entry {
	width: 16em;
	}

#login-form input.textbox {
	margin-top: 4px;
	border-top: 2px solid #717171;
	border-right: 2px solid #f9f9f9;
	border-bottom: 2px solid #f9f9f9;
	border-left: 2px solid #717171;
	width: 11em;
	font-size: 1.3em;
	}

#login-form #login {
	margin: 4px 0 6px;
	width: 82px;
}

#main-navWrapper {
	background:transparent url(../images/3d.png) 0 90% repeat-x;
	float:left;
	width:739px;
	padding-bottom:10px;
	margin: 0 19px 0 19px;
}

	ul#main-nav {
		padding:10px 0;
		float: left;
		clear: left;
		width: 737px;
		display: inline;
	}

		ul#main-nav li {
			width: 117px;
			height: 67px;
			float: left;
			clear: none;
			margin-right: 7px;
			display: inline;
			text-indent: -1000em;
		}

			ul#main-nav li a {
				text-decoration: none;
				display: block;
				height: 100%;
				overflow: hidden;
			}

			/* TOP NAV */
			ul#main-nav li#tenants	{ background: transparent url(../images/nav-tenants.png) 0 0 no-repeat; }
			ul#main-nav li#tenants:hover, 
			.public-tenants ul#main-nav li#tenants, 
			.public-tenants-benefits  ul#main-nav li#tenants,
			.public-tenants-presentations-walk-throughs  ul#main-nav li#tenants,
			.public-tenants-support  ul#main-nav li#tenants
			{ background: transparent url(../images/nav-tenants.png) -117px 0 no-repeat; }

/*  
---------------------------------------- */


			ul#main-nav li#managers	{ background: transparent url(../images/nav-managers.png) 0 0 no-repeat; }
			ul#main-nav li#managers:hover, 
			.public-managers ul#main-nav li#managers,	
			.public-managers-benefits ul#main-nav li#managers,	
			.public-managers-presentation ul#main-nav li#managers 
			{ background: transparent url(../images/nav-managers.png) -117px 0 no-repeat; }

/*  
---------------------------------------- */

			ul#main-nav li#partners	{ background: transparent url(../images/nav-partners.png) 0 0 no-repeat; }
			ul#main-nav li#partners:hover, 
			.public-partners ul#main-nav li#partners,	
			.public-partners-vendors ul#main-nav li#partners	
			{ background: transparent url(../images/nav-partners.png) -117px 0 no-repeat; }
/*  
---------------------------------------- */

			ul#main-nav li#visitors	{ background: transparent url(../images/nav-visitors.png) 0 0 no-repeat; }
			ul#main-nav li#visitors:hover, 	
			.public-visitors ul#main-nav li#visitors,		
			.public-visitors-benefits ul#main-nav li#visitors,		
			.public-visitors-presentation ul#main-nav li#visitors,		
			.public-visitors-howto ul#main-nav li#visitors,		
			.public-delivery-systems ul#main-nav li#visitors,		
			.public-delivery-benefits ul#main-nav li#visitors	
			{ background: transparent url(../images/nav-visitors.png) -117px 0 no-repeat; }
/*  
---------------------------------------- */

			ul#main-nav li#technology	{ background: transparent url(../images/nav-technology.png) 0 0 no-repeat; }
			ul#main-nav li#technology:hover, 
			.public-technology ul#main-nav li#technology,	
			.public-technology-team ul#main-nav li#technology,	
			.public-technology-services ul#main-nav li#technology
			{ background: transparent url(../images/nav-technology.png) -117px 0 no-repeat; }





			ul#main-nav li#apply {
				background: transparent url(../images/nav-apply.png) 0 0 no-repeat;
				margin-right: 0;
				}


/* FOOTER
------------------------------------ */
#banner {
	width: 777px;
	float: left; 
	clear: left;
	background: transparent url(../images/bg-bottom.png) top left no-repeat; 
}

	#banner p {
		font-size: 3.4em;
		width:600px;
		background: transparent url(../images/bg-banner.png) bottom left no-repeat; 
		margin-bottom: 	0;
		padding-bottom:20px;
	}
	

		#banner a {
			padding:0 40px 16px 43px;
			margin:40px 0 0;
			display: block;
			background: transparent url(../images/bg-banner-body.png) 0 50% no-repeat; 
			width:480px;
			line-height:1em;
		}

		#banner strong {
			color: #000;
		}


ul#footer {
	font-size: 1.1em;
	width: 777px;
	padding: 8px 0 0;
	}

ul#footer li {
	display: inline;
	color: #999;
	}

ul#footer li span {
	margin: 0 6px;
}

ul#footer li a {
	color: #999;
	text-decoration: none;
}
	
/* HOMEPAGE index.html
------------------------------------ */



#bottomWrapper{
	background: transparent url(../images/homepage-bottom.png) bottom left no-repeat;	
	float:left;
	width:777px;
	padding-bottom:19px;	
}

	.index ul#main-nav {
			padding-left:19px;
			background: transparent url(../images/bg-copy-wrapper.png) repeat-y;
			width: 777px;				
	}

		.index ul#main-nav li.box {
			width: 232px;
			height: 204px;
			margin: 0 20px 14px 0;
		}

		.index ul#main-nav li.last {
			margin-right: 0;
		}

		.index ul#main-nav li.lastRow {
			margin-bottom:0;
		}

		.index ul#main-nav li#tenants  { background: #a4d0ff url(../images/bg-home-tenants.png) 0 0 no-repeat; }
		.index ul#main-nav li#managers { background: #a4d0ff url(../images/bg-home-managers.png) 0 0 no-repeat; }
		.index ul#main-nav li#partners { background: #a4d0ff url(../images/bg-home-partners.png) 0 0 no-repeat; }
		.index ul#main-nav li#visitors { background: #a4d0ff url(../images/bg-home-visitors.png) 0 0 no-repeat; }
		.index ul#main-nav li#technology { background: #a4d0ff url(../images/bg-home-technology.png) 0 0 no-repeat; }
		.index ul#main-nav li#news     { background: #a4d0ff url(../images/bg-home-news.png) 0 0 no-repeat; }
		.index ul#main-nav li#about     { background: #a4d0ff url(../images/bg-home-about.png) 0 0 no-repeat; }

		.index ul#main-nav li#tenants:hover, .index ul#main-nav li#tenants.over 	{ background: #a4d0ff url(../images/bg-home-tenants.png) -232px 0 no-repeat; }
		.index ul#main-nav li#managers:hover, .index ul#main-nav li#managers.over { background: #a4d0ff url(../images/bg-home-managers.png) -232px 0 no-repeat; }
		.index ul#main-nav li#partners:hover, .index ul#main-nav li#partners.over { background: #a4d0ff url(../images/bg-home-partners.png) -232px 0 no-repeat; }
		.index ul#main-nav li#visitors:hover, .index ul#main-nav li#visitors.over { background: #a4d0ff url(../images/bg-home-visitors.png) -232px 0 no-repeat; }
		.index ul#main-nav li#technology:hover, .index ul#main-nav li#technology.over { background: #a4d0ff url(../images/bg-home-technology.png) -232px 0 no-repeat;}
		.index ul#main-nav li#news:hover, .index ul#main-nav li#news.over 				{ background: #a4d0ff url(../images/bg-home-news.png) -232px 0 no-repeat; }
		.index ul#main-nav li#about:hover, .index ul#main-nav li#about.over 				{ background: #a4d0ff url(../images/bg-home-about.png) -232px 0 no-repeat; }


			.index #articlesWrapper {
				width:200px;
				height:150px;
				overflow:auto; 
				margin:30px 0 0 20px;
			}

			.newsBox{
				height:auto !important;
			}

			.index ul#main-nav li#news ul#articles {
				width: 180px;
				height: 150px;
			}

				.index ul#main-nav li#news ul#articles li {
					height: auto;
					margin-bottom: 12px;
					text-indent: 0;
					line-height: 16px;
					font-size: 14px;
				}

					.index ul#main-nav li#news ul li a {
						color: #52adff;
					}

.index ul#footer {
	padding-top: 0;
	}
	
/* Apply Now Form 
---------------------------------------- */

form#apply{
	width:320px;
	float:left;
	padding:20px;
}	

fieldset {
	width:320px;
	float:left;
	border:0;
}

.formField{
	clear:left;
	float:left;
	width:320px;
	padding:10px 0;
}
	.formField label,
	.formField input, 
	.formField select
	{
		font-size:1.2em;
	}

label{
	padding-right:10px;
	text-align:right;
	width:100px;
	float:left;
}
#submitButton{
	margin-left:110px;
	width:200px;
}

input, select, textarea {
	float:left;
	width:200px;
}	
	

/* INTERIOR PAGES
------------------------------------ */
#tabs {
	float: left;
	clear: left;
	display: inline;
	width: 777px;
	margin: 0 0 0 19px;
	font-size: 1.2em;
	}

#tabs li {
	display: inline;
	float: left;
	clear: none;
	margin-right: 2px;
	background: #9ec2e7 url(../images/bg-tab.png) top center repeat-x;
	border: 1px solid #9cc0e5;
	border-bottom: 0;
	}

#tabs li.over {
	background-color: #fff;
	background-image: none;
	margin-top: 1px;
	border: 0;
	}

#tabs li a {
	text-decoration: none;
	color:#666;
	font-weight: bold;
	padding: 5px 10px 4px;
	display: block;
	height: 100%;
}

#tabs li a:link,
#tabs li a:visited {
	
}

#copy-wrapper {
	float: left;
	clear: left;
	width: 777px !important;
	background: transparent url(../images/bg-copy-wrapper.png) 0 0 repeat-y;
}

#copy {
	width: 695px;
	min-height: 380px;
	margin: 0 0 0 19px;
	padding: 15px 20px;
	float: left;
	clear: left;
	display: inline;
	background-color: #e6f2ff !important;	
	}

#intro {
	color: #666;
	font-size: 2em;
	line-height: 1.3em;
}

#bodytext {
	margin-top: 30px;
	width: 695px;
}

.public-tenants #copy,
.public-tenants-benefits #copy,
.public-tenants-presentations-walk-throughs #copy,
.public-tenants-support #copy		
{ background: #e6f2ff url(../images/bg-content-tenants.png) 0 0 no-repeat; }


.public-managers #copy,		
.public-managers-benefits #copy,		
.public-managers-presentation #copy,
.public-service #copy,
.public-contact-us #copy,
.public-support #copy,
.public-apply-now #copy
{ background: #e6f2ff url(../images/bg-content-managers.png) 0 0 no-repeat; }

.public-partners #copy,
.public-partners-vendors #copy		
{ background: #e6f2ff url(../images/bg-content-partners.png) 0 0 no-repeat; }

.public-password-reminder,
.public-visitors #copy,		
.public-visitors-benefits #copy,		
.public-visitors-presentation #copy,		
.public-visitors-howto #copy,		
.public-delivery-systems #copy,		
.public-delivery-benefits #copy		
{ background: #e6f2ff url(../images/bg-content-visitors.png) 0 0 no-repeat; }

.public-about-us #copy,	
.public-technology #copy,	
.public-technology-team #copy,	
.public-technology-services #copy,
.public-press-release #copy,
.public-faqs #copy,
.public-virtual-tour #copy,
.public-team #copy,
.public-clientele #copy,
.public-customer-reviews #copy,
.public-reseller-program #copy
{ background: #e6f2ff url(../images/bg-content-technology.png) 0 0 no-repeat; }

.public-recent-news #copy	{ background: #e6f2ff url(../images/bg-content-news.png) 0 0 repeat-x; }

.error404 #copy,		
.error500 #copy,
.error503 #copy
{ background: #e6f2ff url(../images/bg-content-error.png) 0 0 no-repeat; }




#bodytext ul {
	margin: 0 0 30px 30px;
	list-style-type: disc;
	}

#tabs #howto {
	margin-right: 30px;
}


table#contact {
	font-size:16px;
	text-align:left;
}

table#contact th{
	font-weight:normal;
	text-align:right;
}
table#contact td{
	padding:0 0 15px 15px;
/*	border-left:1px solid black;*/
}

/* Clientele page
----------------------*/
#companies {
	float: left;
	width: 315px;
}
#thumbs {
	float: left;
	clear: none;
	width: 380px;
}
#thumbs img {
	margin-top: 1px;
	margin-right: 1px;
}
#thumbs img.last {
	margin: 0;
}
.clear-none{
	clear:none;
}

.centered{
	text-align:center;
}

.double{
	font-size:2em;
}
.red{
	color:red;
}

a.button {
	border: thin solid #a51839;
	background-color: #efe;
	text-decoration: none;
	font-weight: bold;
	padding: 3px 5px 3px 5px;
	margin-top: 3px;
}
a.button:hover {
	text-decoration: underline;
	background-color: #fff;
}
