/* MAIN SITE CSS FILE
---------------------------------------------------------------------------------- */

/* Global Text Rules
----------------------------------------- */

body {font-family:"Helvetica Neue","HelveticaNeue",Arial,sans-serif; font-size:0.7em; line-height:15px;	color:#444;	font-weight:normal}
a:link, a:visited {text-decoration:none; color:#444}
a:hover {text-decoration:none; color:#e97f02}
a.selected {text-decoration:none; color:#e97f02}
img {border-style:none}
p {margin:0; padding:0; /*text-align: justify*/}
/*.description {text-align: justify;}*/
#banner {font-family:"HelveticaNeueLT Std",Arial,Helvetica,sans serif; font-size:1.5em;	font-weight:normal}
#thumbnails p {color:#999; font-size:0.9em}

/* Headings
----------------------------------------- */
h1, h2, h3, h4 {font-weight:normal;	padding:0}
h1 a, h1 a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited, h4 a, h4 a:visited {font-weight:normal; text-decoration:none}
h1 {font-size:1.5em; margin:0 0 7px 0; line-height:18px; color:#cc3333}
h1.statement {font-size:1.8em; line-height:22px; padding:5px; /*text-transform: uppercase; */font-weight:bold}
h2 {font-size:1.3em; margin:0 0 5px 0}
h3 {font-size:1.1em; margin:0 0 2px 0}
h4 {font-size:1em; font-weight:bold; margin:0 0 1px 0; line-height:normal}
.subheading {clear:both; display:block; margin:0 0 8px 0; font-size:0.9em}


/* Base Template Layout
----------------------------------------- */

#container {width:950px; padding-top:10px; background:#FFFFFF; margin:auto; padding-left:10px; padding-right:10px; overflow:hidden; position:relative}
#banner {background-image:url(../images/GMLogo40x40.gif); height:12px; width:950px; background-repeat:no-repeat; background-position:910px 0px; padding-top:28px; padding-bottom:25px}
#main_content {width:950px; position:relative}
#main_content2 {width:950px; height:450px; position:relative; background-color:#efebe7}
#additional_info {height:450px;	width:230px; position:absolute; top: 75px; right:10px; z-index:200; overflow:hidden;}
#additional_info #address {width:210px;	padding:10px}
#additional_info #address p {color:#000}
#additional_info img {position:absolute; top:0px; float:right; z-index:-50; opacity:.8; filter:alpha(opacity=80)}

/* Base Template Navigation
----------------------------------------- */

#navigation {float:left; padding-top:5px}
#navigation ul {width:950px; float:left; padding:0 0 0 0; margin-left:0px}
#navigation li {float:left; width:145px; padding-top:5px; list-style-type:none; border-bottom: solid #444 1px}
#nav_list li {float:left}
#navigation .wrapped_list ul {padding-top:10px}
#navigation .wrapped_list ul li{float:left; padding-top:0px; border:none}
br {clear:left}

/* Client List Template Layout
----------------------------------------- */
#client_list ul {width:900px}
#client_list li {float:left; width:250px; list-style-type:none; padding-left:10px}
#client_list ul li{float:left}

/* Info / List / Project Template Layout
----------------------------------------- */

#content {width:366px; height:430px; float:left; clear:none; padding:10px; position:relative}
#vision {width:450px; float:left; clear:none; padding:10px; position:absolute}
.vision_statement {font-size:2.2em; margin:7px 0 7px 6px; line-height:1.1em; color:#cc3333}
#scroller {width: 340px; height:300px}
#scroller #description_brief .description {height:300px; overflow:auto}
#download {width:36px; position:absolute; bottom:10px; right:10px}

/* Info Template Layout
----------------------------------------- */

#info_image {width:564px; float:right; height:450px; clear:none; position:relative}
#info_image img {position:absolute; right:0px}
#info_wide_image {width:950px; float:right; height:450px; clear:none; position:relative}
#RIBA_Logo img {position:absolute;	bottom:15px}

/* List Template Layout
----------------------------------------- */

#list {width:940px; height:430px; padding:10px 0 10px 10px; overflow:hidden; position:relative}
#list ul {float:left; list-style-type:none; padding:0 0 0 0; margin:0px; display:inline; clear:both}
#list ul li {float:left; display:block; width:178px; list-style-type:none; margin-right:10px; padding:0px; clear:none}
#how_to_apply {width:900px; position:absolute; bottom:10px; left:10px}

/* News Layout
----------------------------------------- */
#news_list {width:940px; height:430px; padding:10px 0 10px 10px; overflow:hidden; position:relative}
#news_list ul {float:left; list-style-type:none; padding:0 0 0 0; margin:0px; display:inline; clear:both}
#news_list ul li {float:left; display:block; width:178px; list-style-type:none; margin-right:10px; padding:0px; clear:none}
#news_list h3 {color:#cc3333}

/* Opportunities Layout
----------------------------------------- */
#opportunities_list {width:940px; height:430px; padding:10px 0 10px 10px; overflow:hidden; position:relative}
#opportunities_list ul {float:left; list-style-type:none; padding:0 0 0 0; margin:0px; display:inline; clear:both}
#opportunities_list ul li {float:left; display:block; width:290px; list-style-type:none; margin-right:10px; padding:0px; clear:none}
#opportunities_list h3 {color:#cc3333}

/* Project Template Layout
----------------------------------------- */

#image {width:564px; float:right; height:450px; clear:none}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:450px; cursor:pointer; z-index:150}
#imgprev {left:0}
#imgnext {right:0}
#imglink {position:absolute; height:450px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../harlequin_court/link.gif) center center no-repeat}
#details {position:absolute; bottom:10px; left:10px; width:290px}
#details h4 {margin:5px 0 0 0}
#details ul {margin:5px 0 0 0}
#details li {display:block; list-style-type:none; padding:0 0 2px 15px; line-height:1em}
#information {position:absolute; bottom:0; width:564px; height:0; background:#000; color:#fff; overflow:hidden; z-index:-50 /*make this 200 to show infront of the image*/; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px}
#information p {padding:0 8px 1px}
#thumbnails {position:absolute; bottom:0; right:0; width:564px; height:30px; margin-top:0px; padding-bottom:15px; overflow:hidden; z-index:200}
#slidearea {float:left; position:relative; width:544px; margin-left:10px; height:34px; overflow:hidden}
#slider {position:absolute; left:0; height:34px}
#slider img {cursor:pointer; border:2px solid #999; padding:0px}

/* AdminLayout
----------------------------------------- */

#admin {height:auto; width:950px; padding:10px; background-color:#efebe7}
#admin .logout {color:#F00}

.bullet li {list-style-type: disc; margin-left:10px;}
/*#nav_sub1 li {
	background-color: #efebe7;
}*/

/* Homepage
----------------------------------------- */