@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
	font-family:Arial, Helvetica, sans-serif;
	color:#c3c3c3;
}


ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a { font-size:13px; color:#c3c3c3; text-decoration:none;}
a:hover { color:#ff5b00;}

h1 {font-weight:bold; font-size:13px; margin-bottom:5px; }
h2 { font-weight:normal; font-size:14px; margin-bottom:5px; color:#ff5b00; }

/*------------------------------
	Main styles
------------------------------*/

html , body { background-color:#4d4d4d;}
#page { width:1200px; margin:0 auto 0 auto; display:block; overflow:hidden;}



#mid { clear:both; font-size:13px; padding-top:36px; line-height:17px;}

.selected { color:#ff5b00 }
.selected a { color:#ff5b00;}

.selected2 { color:#c3c3c3 }
.selected2 a { color:#c3c3c3;}
.selected2 a:hover { color:#ff5b00;}


#menu li a.project { color:#ff5b00;}
#menu li a.project a { color:#ff5b00;}


#bottom { height:20px; clear:both; display:block;}

/*------------------------------
	Main Menu
------------------------------*/

ul#menu { height:10px; display:block; margin:36px 0 0 250px; font-size:13px; line-height:13px;}
ul#menu li { float:left; margin-right:20px; display:block;}


/*------------------------------
	Left
------------------------------*/

#left { width:228px; display:block; float:left; text-align:right;}
#left h1 { text-align:right; margin-top: -3px; }
#left h1.homepage {text-align:justify;}
#left ul li { text-align:right; list-style-type:disc; margin:3px 0 3px 0;}

#left p.contact span { color:#ff5b00;}

ul#projects { display:block; }
ul#projects li {list-style:none; margin-bottom:12px;}
ul#projects li a {font-size:12px; line-height:13px;}

#left ul.home li { color:#ff5b00;}


/*------------------------------
	Right
------------------------------*/

#right { width:950px; display:block; float:right;}
#right a { font-size:12px; color:#ff5b00; margin-right:45px;}
#right a:hover { text-decoration:underline;}
#right a.last { margin:0;}

.cv { display:block; clear:both; margin-bottom:15px; overflow:hidden;}
.cv img { float:left; padding-right:20px;}
.cv p { line-height:16px;}

#right p.awards span { margin-right:70px;}
#right p.listed { width:560px;}

#right #img { margin:-10px 0 0 -10px;}
#right img.img-list { margin:10px 10px 10px 10px;}
#right {}



#projects .selected { font-size:12px;}
#projects { display:block;}
#thumbs { clear:both; margin-top:20px;}
#thumbs a { 
  margin-right:10px;
  border:1px solid #4d4d4d;
  display:block;
  float:left;
}
#thumbs a:hover{
  border-color:#808080;
}

/*------------------------------
	Tweeks
------------------------------*/
#mid p.homepage { text-align:justify; line-height:16px;}
#mid p.whoweare { width:520px;}
#mid p.clients { width:780px;}
#mid .list-clients { display:block; overflow:hidden; width:780px;}
#mid .clientslist { width:240px; display:block; float:left; margin-right:20px;}

#mid #left.riba {height:524px; background:url(../images/riba.png) bottom left no-repeat;}

#mid #left a.downloadmap { font-size:13px; line-height:20px; margin-top:20px; display:block; overflow:hidden;}

#left .content p {margin: 1em 0;}

.banner{
  position:absolute;
  width:776px;
  height:529px;
}

.upper{
  text-transform:uppercase;
}

#splash, #logo{
  position:absolute;
  top:0;
  background:#4D4D4D ;
  width:100%;
  height:750px;
  z-index:999;
}

#logo{
  background:url('../images/splashscreen.jpg') no-repeat 50% 50%;
  text-indent: -9999px;
  display:none;
}

#right .not_found a{
  margin-right:0;
}

.not_found ul{
  margin:10px 0;
}

#pojects{
  height:529px;
}

#pojects img{
  position:absolute;
}

.map{
  display:block;
  margin-top:10px;
}