/* BASE STYLES */

* {
margin:0; 
padding:0; 
border:0;
}

html
{
height:100%;
margin-bottom:1px;
}

body {
margin:0px; 
padding:0; 
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
	
p {
margin:0 0 20px 0; 
padding:0;
}

ul {
margin:0; 
padding:0px 0px 0px 15px;
line-height:inherit;
list-style:disc;
color:#00aeef;
}

.ul_grey {
margin:0; 
padding:0px 0px 0px 15px;
line-height:inherit;
list-style:disc;
color:#999999;
}

h1 span, h2 span, h3 span {
display:none;
}

a:link
{
color:#00aeef; 
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
text-decoration:none;
}

a:visited
{	
color:#00aeef; 
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
text-decoration:none;
}

a:hover
{
color:#00aeef; 
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
text-decoration:underline;
}

#container{
margin: 0 auto;
text-align:left;
width:800px;
padding:0px;
}

/* HEADER */

#header {
float:left;
text-align:left;
width:800px;
height:134px;
padding:0px;
}

#top {
float:left;
text-align:left;
width:800px;
height:54px;
padding:20px 0px 0px 0px;
background-image:url(images/top_bg.gif);
background-position:top;
background-repeat:no-repeat;
}

#logo_container {
float:left;
padding:12px 0px 0px 0px;
width:203px; 
height:42px;
}

#logo {
float:left;
padding:0px;
width:203px; 
height:42px;
background-image:url(images/urbanexposure_logo.gif);
background-repeat:no-repeat;
}

.logo_link{
padding:0px;
width:203px; 
height:42px;
}

.logo_link a{
display:block;
width:203px; 
height:42px;
}

#login {
float:right;
text-align:right;
width:93px;
height:16px;
padding:0px;
}

#nav {
float:left;
text-align:left;
width:695px;
height:27px;
padding:20px 0px 0px 5px;
}

.nav_element {
float:left;
text-align:left;
height:27px;
padding:0px 17px 0px 0px;
}

#flag_container {
float:right;
width:100px;
height:15px;
padding:20px 0px 0px 0px;
}

#uk{
float:right;
text-align:right;
height:15px;
padding:0px;
}

#turkey{
float:right;
text-align:right;
height:15px;
padding:0px 0px 0px 6px;
}

/* BODY */

#main_pic{
float:left;
text-align:left;
width:800px;
height:350px;
padding:0px;
}

#homepage_links_container {
float:left;
padding:20px 0px 70px 0px;
width:800px; 
height:187px;
}

#homepage_links {
float:left;
padding:0px;
width:800px; 
height:187px;
background-image:url(images/homepage_link_bg.gif);
background-repeat:no-repeat;
}

#homepage_box1 {
float:left;
padding:20px 0px 0px 30px;
width:140px; 
}

#homepage_box2 {
float:left;
padding:20px 0px 0px 61px;
width:140px; 
}

#homepage_box3 {
float:left;
padding:20px 0px 0px 62px;
width:140px; 
}

#homepage_box4 {
float:left;
padding:20px 0px 0px 61px;
width:140px; 
}

#development_links_container {
float:left;
padding:20px 0px 70px 0px;
width:800px; 
height:187px;
}

#development_links {
float:left;
padding:0px;
width:800px; 
height:187px;
background-image:url(images/homepage_link_bg.gif);
background-repeat:no-repeat;
}

#development_box1 {
float:left;
padding:20px 0px 0px 30px;
width:140px; 
}

#development_box2 {
float:left;
padding:20px 0px 0px 61px;
width:140px; 
}

#development_box3 {
float:left;
padding:20px 0px 0px 62px;
width:140px; 
}

#development_box4 {
float:left;
padding:20px 0px 0px 61px;
width:140px; 
}

.homepage_box_title {
float:left;
padding:0px;
width:140px; 
height:21px;
}

.homepage_box_text {
float:left;
padding:13px 0px 0px 0px;
width:140px; 
}

#sub_pic{
float:left;
text-align:left;
width:800px;
height:100px;
padding:0px;
}

#sub_content_container{
float:left;
text-align:left;
width:800px;
padding:35px 0px 35px 0px;
}

#development_container1{
float:left;
text-align:left;
width:800px;
padding:35px 0px 0px 0px;
}

#development_container2{
float:left;
text-align:left;
width:800px;
padding:15px 0px 35px 0px;
}

#development_title{
float:left;
text-align:left;
padding:0px 0px 0px 15px;
}

#development_text{
float:left;
text-align:left;
width:770px;
padding:10px 15px 0px 15px;
}

#development_slider{
float:left;
text-align:left;
width:800px;
padding:25px 0px 0px 0px;
}

#development_gallery{
float:left;
text-align:left;
width:800px;
padding:5px 0px 0px 0px;
}

.gallery_thumbnail{
float:left;
text-align:left;
width:185px;
margin:15px 15px 0px 0px;
}

#left_container{
float:left;
text-align:left;
width:498px;
padding:0px;
}

#right_container{
float:right;
text-align:left;
width:266px;
padding:0px;
background-color:#f2f2f2;
}

#right_container2{
float:right;
text-align:left;
width:266px;
margin:0px 0px 20px 0px;
background-color:#f2f2f2;
}

#left_container_development{
float:left;
text-align:left;
width:560px;
padding:0px;
}

#right_container_development{
float:right;
text-align:left;
width:204px;
padding:0px;
}

#side_column_top{
float:right;
text-align:left;
width:266px;
height:5px;
padding:0px;
background-image:url(images/sidecolumn_top_bg.gif);
background-repeat:no-repeat;
}

#side_column_bottom{
float:right;
text-align:left;
width:266px;
height:5px;
padding:0px;
background-image:url(images/sidecolumn_bottom_bg.gif);
background-repeat:no-repeat;
}

#side_column_bottom_sitemap{
float:right;
text-align:left;
width:266px;
height:33px;
padding:0px;
background-image:url(images/sidecolumn_bottom_bg.gif);
background-position:bottom;
background-repeat:no-repeat;
}

#main_container{
float:left;
text-align:left;
width:800px;
padding:0px;
}

#main_container_text{
float:left;
text-align:left;
width:680px;
padding:25px 0px 0px 15px;
}

#main_container_groupstructure{
float:left;
text-align:left;
width:800px;
padding:35px 0px 0px 0px;
}

#subtitle_container{
float:left;
text-align:left;
width:498px;
height:40px;
padding:0px;
background-image:url(/en/images/subheader_bg.gif);
background-repeat:no-repeat;
}

#subtitle_container_large{
float:left;
text-align:left;
width:800px;
height:40px;
padding:0px;
background-image:url(/en/images/subheader_bg_large.gif);
background-repeat:no-repeat;
}

#subtitle_container_development{
float:left;
text-align:left;
width:560px;
height:40px;
padding:0px;
background-image:url(/images/subheader_bg_development.gif);
background-repeat:no-repeat;
}

#subtitle{
float:left;
text-align:left;
padding:8px 0px 0px 15px;
}

#left_container_text{
float:left;
text-align:left;
width:450px;
padding:25px 0px 0px 15px;
}

#left_container_development_text{
float:left;
text-align:left;
width:512px;
padding:25px 0px 0px 15px;
}

#right_container_form{
float:right;
text-align:left;
width:235px;
padding:7px 0px 0px 0px;
}

#form_title{
float:left;
text-align:left;
width:225px;
padding:0px;
}

#form_table{
float:left;
text-align:left;
width:225px;
padding:20px 0px 0px 0px;
}

#quicklinks_container{
float:right;
text-align:left;
width:235px;
padding:35px 0px 30px 0px;
clear:both;
}

#quicklinks_container2{
float:right;
text-align:left;
width:235px;
padding:5px 0px 30px 0px;
clear:both;
}


#quicklinks_title{
float:left;
text-align:left;
width:225px;
padding:0px;
}

#quicklinks_text{
float:left;
text-align:left;
width:225px;
padding:20px 0px 0px 0px;
}

#quicklinks_text2{
float:left;
text-align:left;
width:225px;
padding:0px;
}

#projectexample_container{
float:right;
text-align:left;
width:235px;
padding:7px 0px 0px 0px;
}

#projectexample_text{
float:left;
text-align:left;
width:204px;
padding:20px 0px 0px 0px;
}

#development_pic{
float:left;
text-align:left;
width:200px;
height:200px;
padding:20px 0px 0px 0px;
}


/* FOOTER */

#footer_container {
float:left;
padding:0px;
width:800px; 
height:44px;
background-image:url(images/footer_bg.gif);
background-repeat:no-repeat;
}

#seo_container {
float:left;
padding:0px 0px 40px 0px;
width:800px; 
}

#seo_links_left{
float:left;
padding:15px 0px 0px 15px;
font-size:11px; 
}

#seo_links_right{
float:right;
text-align:right;
padding:15px 15px 0px 0px;
font-size:11px;  
}

/* TEXT */

h1 {
padding:0px;
font-size:20px;
color:#00aeef;
}

h2 {
padding:0px;
font-size:14px;
color:#898989;
}

h3 {
padding:0px;
font-size:14px;
color:#00aeef;
}

.subtitle_blue {
padding:0px;
font-size:12px;
color:#00aeef;
font-weight:bold;
}

.large_blue {
padding:0px;
font-size:20px;
color:#00aeef;
}

.grey14 {
padding:0px;
font-size:16px;
color:#898989;
font-weight:bold;
}

.blue14 {
padding:0px;
font-size:16px;
color:#00aeef;
font-weight:bold;
}

.large_grey {
padding:0px;
font-size:20px;
color:#898989;
}

.think_seo_text{
color:#999999;
font-size:11px;
text-decoration:none;
font-weight:normal;
}

/* LINKS */

.content_link:link, .content_link:visited {
color:#00aeef;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:none;
font-weight:bold;
}

.content_link:hover {
color:#898989;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:none;
font-weight:bold;
}

.seo_link:link, .seo_link:visited {
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
font-weight:normal;
}

.seo_link:hover {
color:#00aeef;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
font-weight:normal;
}

.think_link:link, .think_link:visited {
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
font-weight:normal;
}

.think_link:hover {
color:#91ca1b;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
font-weight:normal;
}

/* FORMS */

.inputfield {
border:1px solid #e1e1e1; 
width:190px; 
height:14px; 
font-size:11px; 
color:#999999; 
font-weight:bold; 
padding:2px; 
margin:0px; 
background:#ffffff;
}

.inputfield:hover {
background:#ffffff;
border:1px solid #00aeff;
}

.inputfield:focus {
background:#ffffff;
border:1px solid #00aeff;
}

.inputfield_large {
font-family:Arial, Helvetica, sans-serif; 
border:1px solid #e1e1e1; 
width:190px; 
height:60px; 
font-size:11px; 
color:#999999; 
font-weight:bold; 
padding:2px; 
margin:0px; 
background:#ffffff;
}

.inputfield_large:hover {
background:#ffffff;
border:1px solid #00aeff;
}

.inputfield_large:focus {
background:#ffffff;
border:1px solid #00aeff;
}



/* Slider */
.jcarousel-container {position: relative;}
.jcarousel-clip {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;}
.jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;}
.jcarousel-item {float: left;list-style: none; height: 139px; }
.jcarousel-next {z-index: 3;display: none;}
.jcarousel-prev {z-index: 3;display: none;}
.jcarousel-skin-suga .jcarousel-container {background: #FFFFFF;}
.jcarousel-skin-suga .jcarousel-container-horizontal {width: 800px; margin: 0 0 0 0;}
.jcarousel-skin-suga .jcarousel-clip-horizontal {width: 800px; height: 139px; margin:0 0 0 0;}
.jcarousel-skin-suga .jcarousel-item { height: 185px; margin:0px 20px 0px 20px;}
.jcarousel-skin-suga .jcarousel-item a {width: 185px; height: 185px; display: block; float: left; background: #F2F2F2; overflow: hidden;}
.jcarousel-skin-suga .jcarousel-item-horizontal {margin: 0 20px 0 0;}
.jcarousel-skin-suga .jcarousel-item-placeholder {background: #fff;color: #000;}
.jcarousel-skin-suga .jcarousel-next-horizontal {position: absolute;top: 0;right: 0;width: 25px;height: 139px;cursor: pointer;background: transparent url(/images/scroll_right.png) no-repeat 0 0; opacity: 0.9;}
.jcarousel-skin-suga .jcarousel-prev-horizontal {position: absolute;top: 0;left: 0;width: 25px;height: 139px;cursor: pointer;background: transparent url(/images/scroll_left.png) no-repeat 0 0; opacity: 0.9;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

.project {padding: 0 0 10px 0;}
.project img {float: left; margin: 0 0 10px 0;}
.project h1 {font-size: 14px; margin: 0 0 5px 0;}
.project_pager {border-top: 1px solid #f2f2f2; padding: 20px 0 10px 10px; text-align: right;}

#view_pager {margin: 20px 0 20px 0; height: 50px;}