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

Title : Advantage Portfolio

Type: Screen, Projection

Description : Screen and projection stylesheet for Advantage Portfolio Limited site

Created : 04/03/2006
Modified : 22/04/2006

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

/* COMMON AND GLOBAL */
body { font:65%/1.6 verdana, arial, helvetica, sans-serif; margin:15px 0; padding:0; color:#7a7a7a; line-height:100%; background:url(/img/layup/bodyBg.jpg) top repeat-x; background-attachment:fixed; }
/*  This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text.  
Declaring the font size in pixels makes it more consistent across browsers. */
html>body { font-size:10px; }
td, textarea, input, select {
	font:100% verdana, arial, helvetica, sans-serif;
	text-align: justify;
	vertical-align: top;
	;
}
html>body td, html>body textarea, html>body input, html>body select { font-size:10px; }
/* some browsers don't inherit the font into tables or textareas! */


/* ----- IDS ----- */
#container { width:765px; text-align:left; background:#FFFFFF; margin:0px auto; }
#containerPadding { padding:5px; }
#col1 { float:left; width:224px; line-height:normal; }
#col2 {
	float:left;
	width:530px;
	text-align: justify;
	font-size: 12px;
	line-height:120%;
	}
#col1 p, #col2 p { margin:0; padding:0; }
#col2 p {
	margin-bottom:1.4em;
}
#col1Padding { padding:15px 26px 0 10px; }
#col2Padding {
	padding:0 16px 20px 5px;
}

/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.printShow { display:none; }
.relative { position:relative; }
.relative { position:relative; }
.absolute { position:absolute; }
.text100 { font-size:100%; }
.text110 { font-size:110%; }
.text120 { font-size:120%; }
.text130 { font-size:130%; }
.text140 { font-size:140%; }
.line140 { line-height:140% }
.line160 { line-height:160% }
.backtotop { text-align:right; padding:20px; font-weight:bold; color:#333399; }


/* ----- HEADINGS ----- */
h1, h2 {
	position:absolute;
	left:-10000px;
	top: 686px;
	visibility: visible;
}
h3 { font-size:130%; font-weight:bold; margin:0 0 1.0em 0; padding:6px 0 0 0; }

/* ----- HEADER ----- */
#logo { float:left; padding:2px 0 0 8px; }
#pictureRotate { float:right; padding:0 16px 13px 0; position:relative; }
#pictureRotate .shadowRight {
	position:absolute;
	top:0px;
	left:515px;
	visibility: hidden;
}
#pictureRotate .shadowBottom {
	position:absolute;
	top:125px;
	left:0px;
	visibility: hidden;
}

/* ----- SEMINAR ----- */
#seminar { background:#ffffff; border:none; width:160px; float:right; margin: 0px; padding:0px; color:#666666; font-weight:bold; display:none; }
#seminar p { margin:0 0 0.8em 0; padding:0; }

/* Trade Show */
#tradeshow { background:#ffffff; border:none; width:188px; float:left; margin: 0px; padding: 0px; color:#666666; font-weight:bold; display:inherit; }


/* ----- FOOTER ----- */
#footer { position:relative; }
#footer div {
	position:absolute;
	top:-158px;
	right:10px;
}

/* ----- NAVIGATION ----- */
#headerNav { padding:4px 0 18px 0; }
#headerNav ul { list-style:none; margin:0; padding:0 16px 0 0; float:right; }
#headerNav li { display:inline; }
#headerNav span {
	position:absolute;
	left:-10000px;
	visibility: hidden;
}
#headerNav img { float:right; margin-left:10px; }

#mainNav { height:36px; background:url(/img/layup/mainNavBg.gif) bottom repeat-x; position:relative; text-decoration:none;}
#mainNav ul { list-style:none; margin:0; padding:0 16px 0 0; float:right; }
#mainNav li { display:inline; }
#mainNav span {
	position:absolute;
	left:-10000px;
	visibility: hidden;
}
#mainNav img { float:left; }
#mainNav p {
	position:absolute;
	top:8px;
	left:10px;
	padding:0;
	margin:0;
	visibility:inherit;
}

#mainNav .aboutUs { background:url(/img/layup/mainNavBtnAboutUs.gif) 0px 0px no-repeat; }
#mainNav .aboutUs:hover { background:url(/img/layup/mainNavBtnAboutUs.gif) 0px -36px no-repeat; }
#mainNav .properties { background:url(/img/layup/mainNavBtnProperties.gif) 0px 0px no-repeat; }
#mainNav .properties:hover { background:url(/img/layup/mainNavBtnProperties.gif) 0px -36px no-repeat; }
#mainNav .research { background:url(/img/layup/mainNavBtnResearch.gif) 0px 0px no-repeat; }
#mainNav .research:hover { background:url(/img/layup/mainNavBtnResearch.gif) 0px -36px no-repeat; }
#mainNav .faq { background:url(/img/layup/mainNavBtnFAQ.gif) 0px 0px no-repeat; }
#mainNav .faq:hover { background:url(/img/layup/mainNavBtnFAQ.gif) 0px -36px no-repeat; }
#mainNav .contactUs { background:url(/img/layup/mainNavBtnContactUs.gif) 0px 0px no-repeat; }
#mainNav .contactUs:hover { background:url(/img/layup/mainNavBtnContactUs.gif) 0px -36px no-repeat; }


.topmenuul{
	list-style-type:none;
	margin:0;
	padding:0;
}

.topmenuli{
	list-style-type:none;
	float:left;
}

.topmenuli a {
	border:0px;
}

.topmenutitle{
	display:block;
	width:103px;
	height:36px;
}

.submenuul{
	list-style-type:none;
	position:absolute;
	display:none;
	background:#4066b3;
	padding:0px !important;
	margin:0px !important;
	top:36px;
}

.submenuli{
	text-decoration:none;
	padding-bottom:5px;
	line-height:115%;
	font-weight:bold;
	padding:0px;
	margin:0px;
}

.submenuli a{
	display:block;
	width:104px;
	padding:3px 10px;
	margin:0px;
	color:#FFFFFF;
	text-decoration:none;
}

.submenuli a:hover{
	text-decoration:none;
	background:#003399;
	color:#FFFFFF;
}

li:hover ul , li.over ul{ /* lists nested under hovered list items */
	text-decoration:none;
	display: block;
}

/* ----- COL1 ----- */
.box { width:188px; float:left; background:url(/img/layup/boxBg.gif) bottom right no-repeat; padding:0; margin:0 0 8px 0; }
.boxContent {
	width: 178px;
	height:126px;
	float:left;
	padding:5px 5px 20px 5px;
	overflow: auto;
}
.boxContent {
	height:auto;
	min-height:126px;
	width:178px;
	text-decoration: none;
}
.boxPadding { padding:15px 5px 20px 5px; }

/* ----- BREADCRUMBS ----- */
#breadcrumbs { margin:28px 0 10px 0; }
#breadcrumbs ul {;
	text-decoration:none;
	list-style:none;
	padding:0;
	margin:0;
	font-size: 10px;
}
#breadcrumbs li { display:inline; text-decoration:underline; font-weight:bold; }
#breadcrumbs span { font-size:9px; padding:0 0 0 5px; }

/* ----- IMAGES ----- */
img{
	border:0;
	}

/* ----- LINKS ----- */
a { color:#335cad; margin:0; padding:0; }
a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:active { text-decoration:none; 
			font-weight:bold; }
a:hover { color:#CC0000;}

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; }
legend { padding:0; margin:0; display:none; }
label { display:none; }
input{ padding:3px; color:#335cad; }
textarea{  }
input.submit { padding:0px !important; }

#formPortfolioLogin p { width:158px; }
#formPortfolioLogin label { display:block; font-weight:bold; padding-top:4px; }
#formPortfolioLogin .inputfield { width:156px; border:1px solid #7f9db9; }
#formPortfolioLogin a { width:26px; height:13px; float:right; display:block; background:url(/img/layup/go.gif) no-repeat; margin-top:-8px; }
#formPortfolioLogin a:hover { background:url(/img/layup/go_f2.gif) no-repeat; }

#formAdvantageNewsletter { padding-top:4px; }
#formAdvantageNewsletter .inputfield { width:156px; border:1px solid #7f9db9; }
#formAdvantageNewsletter a { width:26px; height:13px; float:right; display:block; background:url(/img/layup/go.gif) no-repeat; margin-top:-14px; }
#formAdvantageNewsletter a:hover { background:url(/img/layup/go_f2.gif) no-repeat; }
#formAdvantageNewsletter br { height:10px; line-height:10px; }
#formAdvantageNewsletter .php { position:relative; top:-2px; }
#formAdvantageNewsletter .add { position:relative; top:-2px; }
#formAdvantageNewsletter .remove { position:relative; top:-2px; }

.emphasis {
	font-weight: bold;
	color: #333399;
}

.emphasisgrey {
	font-weight: bold;
	color: #666666;
}

.emphasisgreybox {
	font-weight: bold;
	color: #666666;
	border:thick;
	border-color:#666666;
}

.bold {
	font-weight: bold;
}

.pagetitle {
	font-size: 140%;
	font-weight: bold;
}

h3 {
	font-size: 140%;
	font-weight: bold;
}

.clickme {
	font-weight: bold;
	padding:10px;
	border:#333399;
	border-style:double;
}

.propertyhead {
	font-size:16px;
	font-weight:bold;
	color:#333399;
	}