/* New Masterplanning styles */

/* Colors
Blue: rgb(0,81,145)
Grey: rgb(109,110,113)
Orange: rgb(243,153,17)
Red: rgb(227,33,24)
Light blue: rgb(122,155,198)
*/

body { margin:0; padding:0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:65%; color:rgb(109,110,113); font-weight:normal; }

/* Page types */

.type1 { } /* Blue page */
body.type1 { background-color:rgb(0,81,145); color:white; }
.type2 { } /* White page, blue header */
.type3 { } /* Detail page */

/* Set-up */

h1 { font-size:3.2em; color:white; font-weight:bold; margin: 0 0 5px 0; text-align:left; } 
h2 { font-size:1.6em; color:rgb(122,155,198); font-weight:bold; margin:0 0 15px 0; text-align:left; } 
h3 { font-size:1.3em; color:rgb(243,153,17); font-weight:bold; margin:0 0 15px 0; text-align:left; } 
h4 { font-size:1.2em; color:rgb(243,153,17); font-weight:bold; margin:0 0 5px 0; }
a { color:rgb(109,110,113); text-decoration:underline; }
body.type1 a {color:white; }
body.type1 a:hover { color:rgb(243,153,17); text-decoration:underline; }
a:hover { color:rgb(243,153,17); text-decoration:underline; }
p { font-size:1.1em; line-height:1.4em; color:rgb(109,110,113); text-align:left; margin: 0 0 10px 0; }
table { border-collapse:collapse; }
body.type1 p { color:white; }
.intro { font-weight:bold; }
.blue_text { color:rgb(0,81,145); }
.red { color:rgb(227,33,24); }
.orange { color:rgb(243,153,17); }
.blue { color:rgb(0,81,145); }

/* Header */

#header { background-color:rgb(0,81,145); height:180px; }
body.type1 #header { height:40px; }
#header_button { position:absolute; top:0; left:280px; }

#title { position:absolute; left:300px; top:100px; }
body.type1 #title { top:170px; }

/* Main */

#main { padding:0; margin:0; }
#menu { position:absolute; top:36px; left:390px; width:400px; font-size:1.1em; font-weight:normal; text-align:left; padding:0; line-height:normal; z-index:100; overflow:hidden; }
#menu ul { list-style:none; padding:0; margin:0; }
#menu ul li { display:inline; margin-right:15px; color:rgb(243,153,17); text-decoration:none; }
#menu a { color:white; text-decoration:none; }
#menu a:hover { color:rgb(243,153,17); text-decoration:none; }
#top_right_menu { float:right; text-align:right; display:inline; }

#graphic { position:absolute; top:13px; /*left:30px;*/ left:-10px; z-index:10; width:230px; }
#graphic .contact_details { margin:20px 0 15px 0; }
body.type2 #graphic_custom { position:absolute; z-index:10; width:230px; left:30px; top:80px; }
body.type3 #graphic { left:30px; top:80px; }

#text { margin-left: 300px; width:310px; padding-top:25px; text-align:justify; }
body.type1 #text { margin-top:250px; }

#picture { padding: 20px 20px 20px 0px;}
#brochure_headings { width:200px; position:absolute; left:50px; top:400px; }

.more { /*background-image:url(images/arrow_link.jpg); background-position:left center; background-repeat:no-repeat; padding-left:13px; */ line-height:1.6em; }
body.type1 .more { /* background-image:url(images/arrow_link_home_page.jpg); background-position:left center; background-repeat:no-repeat; padding-left:13px; */ }
.arrow { line-height:1.6em; padding-right:5px; }

.back_arrow { background-image:url(images/arrow-left_link_white.gif); background-position:left center; background-repeat:no-repeat; padding-left:13px; margin-top:30px; }

.arrows { float:right; padding-bottom:20px; }

table.two_columns { border-collapse:collapse; }
table.two_columns td { width:50%; vertical-align:top; }
table.two_columns td.column_one { padding-right:10px; }
table.two_columns td.column_two { padding-left:10px; }

/* News */

.news_item { border:1px solid rgb(243,153,17); padding:15px 15px 25px 15px; margin-bottom:15px; }
.news_item .news_image { float:left; }
.news_item .news_item_text { margin-left:70px; }
.news_item h3 { /* display:inline; */ color:rgb(109,110,113); margin:0 70px 5px 0; }
.news_item h3 a { text-decoration:none; }
.news_item .date { /* display:inline; */ float:right; width:60px; text-align:right; font-size:0.9em; line-height:2em; color:rgb(109,110,113); margin-left:5px; }
.news_item p { margin:5px 0 0 0; clear:right; text-align:left; }

.box_out { border:1px solid rgb(243,153,17); padding:15px; position:absolute; top:435px; left:30px; width:200px; }
p.align_right { text-align:right; }
.float_right { float: right; padding:0 0 10px 10px; }
.details { font-size:0.9em; color:rgb(109,110,113); margin: 0 0 10px 0px; }
.name { font-size:1.3em; color:rgb(243,153,17); font-weight:bold; margin:0 0 10px 0; text-align:left; }

p.caption { font-size:0.9em; font-color:rgb(109,110,113); margin:10px 0 20px 0; text-align:left; }
p#submenu { color:rgb(243,153,17); }
p#submenu a { color:white; text-decoration:none; }
p#submenu a:hover { color:rgb(243,153,17); }

.login_box { border:1px solid rgb(243,153,17); padding:10px; margin-bottom:15px; }

#animation { position:absolute; top:0; left:0; z-index:50; }
#page_about #animation { left:10px; }

#thumbnail_pictures { position:absolute; width:80px; padding: 0px; top:205px; left:669px; }
#thumbnail_pictures td { vertical-align:top; }
#thumbnail_pictures .thumbnail { border:1px solid rgb(109,110,113); width:auto; margin-bottom:10px; padding:5px; text-align:center; }
#thumbnail_pictures p.caption { margin:5px 0 0 0; text-align:left; }
td.team1 { width:68px; }
#thumbnail_pictures_profile .captiondiv { width:54px; }
#thumbnail_pictures_profile td { text-align:left; vertical-align:top; }
/*#thumbnail_pictures_profile td.team1 { width:54px; }
#thumbnail_pictures_profile td.team2 { width:54px; padding:0 21px 0 22px; }
#thumbnail_pictures_profile td.team3 { width:54px; }*/

.pdf { position:right center; padding-left:5px; }

/* Projects */

#page_projects #text { /*margin-right:0;*/ width:455px; }
.project_box { display:block; float:left; margin:0 15px 10px 0; width:60px; }
.project_box p.caption { margin:5px 0 0 0; }
.project_row { clear:both; }
.project_square { width:60px; height:60px; }
.project_box a { text-decoration:none; cursor:pointer; cursor:hand; /* IE fix */ }
.project_box a:hover { text-decoration:none; }
.project_box .red { background-color:rgb(227,33,24); border:1px solid rgb(227,33,24); }
.project_box .orange { background-color:rgb(243,153,17); border:1px solid rgb(243,153,17); }
.project_box .blue { background-color:rgb(0,81,145); border:1px solid rgb(0,81,145); }
.project_box .white_outline { border:1px solid rgb(109,110,113); }
.project_box .white { background-color:white; }
.project_box .red:hover , .project_box .orange:hover , .project_box .blue:hover , .project_box .white_outline:hover { background-image:url(images/icon_plus.gif); background-repeat:no-repeat; background-position:5px 5px; }

#project_detail_1 { visibility:hidden; }
#project_detail_2 { visibility:hidden; }
#project_detail_3 { visibility:hidden; }
#project_detail_4 { visibility:hidden; }
#project_detail_5 { visibility:hidden; }
#project_detail_6 { visibility:hidden; }
#project_detail_7 { visibility:hidden; }
#project_detail_8 { visibility:hidden; }
#project_detail_9 { visibility:hidden; }
#project_detail_10 { visibility:hidden; }
#project_detail_11 { visibility:hidden; }
#project_detail_12 { visibility:hidden; }
#project_detail_13 { visibility:hidden; }
#project_detail_14 { visibility:hidden; }
#project_detail_15 { visibility:hidden; }
#project_detail_16 { visibility:hidden; }
#project_detail_17 { visibility:hidden; }
#project_detail_18 { visibility:hidden; }
#project_detail_19 { visibility:hidden; }
#project_detail_20 { visibility:hidden; }
#project_detail_21 { visibility:hidden; }
#project_detail_22 { visibility:hidden; }
#project_detail_23 { visibility:hidden; }
#project_detail_24 { visibility:hidden; }
#project_detail_25 { visibility:hidden; }
#project_detail_26 { visibility:hidden; }
#project_detail_27 { visibility:hidden; }
#project_detail_28 { visibility:hidden; }
#project_detail_29 { visibility:hidden; }
#project_detail_30 { visibility:hidden; }

.project_facts { border:1px solid rgb(243,153,17); background-color:white; padding:15px; margin-top:30px; }

/* Team */

#team_detail_andy { visibility:hidden; }
#team_detail_hans { visibility:hidden; }
#team_detail_geraint { visibility:hidden; }
#team_detail_richard { visibility:hidden; }

#table { border:1px solid rgb(243,153,17); }

#contact { font-size:0.9em; color:white; text-align:right; margin:0px 20px 0px 0px; }

#links { position:absolute; top:620px; left:589px; width:160px; font-size:1em; color:rgb(109,110,113); text-align:right; }
#page_home #links { top:480px; }
#page_about #links { left:720px; padding-right:20px; }
#links h3 { text-align:right; margin-bottom:10px; }
#links p { margin:0 0 5px 0; text-align:right; }

/* Sitemap */

ul#sitemap_list li { margin-bottom:15px; font-size:1.2em; }
ul#sitemap_list li ul { margin:5px 0 10px 15px; padding:0; }
ul#sitemap_list li ul li { font-size:0.9em; margin-bottom:5px; }

/* Form */

label { float:left; display:block; width:90px; font-size:1.1em; line-height:1.4em; }
input { display:block; margin-bottom:10px; width:140px; }

#footer { font-size:0.9em; line-height:1.2em; font-color:rgb(109,110,113); position:absolute; top:670px; left:300px; padding-bottom:20px; /* margin:0 0 0 300px; padding:70px 0 20px 0; clear:both; */ }
/* body.type1 #footer { padding-top:220px; } */ 
#page_home #footer { top:600px; }
#page_about #footer, #page_projects #footer, #page_team #footer { top:750px; }
body.type1 #footer a { color:white; }
body.type1 #footer a:hover { color:rgb(243,153,17); }
/* #page_about #footer { padding-top:532px; } */

#page_news #footer , #page_projects #footer , #page_sitemap #footer { display:block; position:static; margin-left:300px; clear:both; padding-top:30px; }

.alert { color:rgb(227,33,24); }