@charset "utf-8";
/* CSS Document - A space in the city */

/*--------------------------------------- General Structure -----------------------------------------*/

#banner ul {margin:0px; padding:0px;}
#banner ul li {margin:0px; padding:0px; list-style:none;}

#booking_information label {color:#333333; font-size:1.2em;}
#booking_information2 label {color:#333333; font-size:1.2em;}

#wrapper { position: relative; min-height: 100%; }

*html #wrapper { height: 100%; }

.hidden {display:none;}

#container{ position:relative; padding:0px 0px 40px 0px; margin-top:0px; margin-left:auto; margin-right:auto; width:965px; border:0px solid #000000; }

#header { position:relative; width:100%;  margin:0px; padding:0px;  }

#logo {float:left;  width:307px; height:77px; margin:7px 0px 10px 0px; padding:0px;  }

#contact {width:238px; height:38px; position:absolute; right:0px; top:2px; text-align:right;}
#contact a { color:#474f53 !important}
#contact .green {font-size:1em; color:#28a79e !important; font-weight:bold;}

#search {position:absolute; top:55px; right:-6px; width:190px; height:24px;}
*+html #search {right:-10px; }
*html #search {right:-10px;}
#search form {position:relative;}
#search input {margin:1px -3px 0px 0px; color:#4d4d4d; padding:3px 0px 4px 0px; background:none; font-size:1.2em; border:0px; border-bottom:1px solid #d2d2d2; border-top:1px solid #d2d2d2; width:150px; float:left;}
*html #search input {margin:2px -8px 0px 0px;}
*+html #search input {margin:2px -8px 0px 0px;}
#search_left_form { background:url(/images/left_form.jpg) no-repeat bottom left; width:5px; height:24px; display:block; float:left; margin:1px 0px 0px 0px;}

#search button {  border:0px; background:none; margin:0px; padding:0px;  }

#main {  width:100%; margin:19px 0px 0px 0px; }

#sidebar { width:320px;  min-height:323px; height:auto !important; height:323px; float:right;  margin:0px 0px 20px 0px; padding:0px; }

.sidebar_button { margin:0px 0px 5px 0px; }

#content  { width:580px;   margin:0px 0px 0px 0px; float:left; padding:0px 0px 20px 0px; min-height:300px; height:auto !important;   height:300px;}
#breadcrumb {padding:10px 0px 10px 0px;}
#breadcrumb a {color:#4d4d4d; font-size:1.1em; }
#breadcrumb a:hover {text-decoration:underline; } 
#breadcrumb a.active {font-weight:bold; text-decoration:underline;}

#footer { position:relative; width:100%; height:40px; background:#e1e1e1; margin-top:-40px; border-top:10px solid #c6c6c6; }
#footer_inner {width:965px; margin:0px auto 0px auto;}
#footer_inner p {}
#footer_inner p img {margin:0px 0px -4px 0px;}
#left_footer {float:right; display:block; margin:10px 10px 10px 0px; }
#footer_nav {float:left; display:block; vertical-align:middle;}
#footer_nav a { color:#4d4d4d; border-right:1px solid #4d4d4d; padding:0px 5px 0px 5px; vertical-align:middle; }

.clear { clear:both; }


#lbOverlay {width:100%; display:none;  height:100%; position:absolute; top:0px; left:0px; background-color: #AFAFAF; z-index:10; opacity:0.5; filter: alpha(opacity=50);}

#contact_form {display:none; }

#videos {width:400px; z-index:90; display:none; position:fixed; top:0px; left:0px; padding:20px 20px 10px 20px; background:#28A79E; }
*html #videos { z-index:90; display:none; position:absolute; top:0px; left:0px; padding:20px 20px 10px 20px; background:#28A79E; }
#videos a {position:absolute; top:10px; right:20px; font-weight:bold; font-size:1.8em; text-decoration:none;}
#videos .error_feedback li {color:#fff !important;}
#videos h1 {margin:-10px 0px 15px 0px;}
#videos p {color:#fff;}
#videos label {color:#fff; width:150px !important;}
#videos input {width:200px; }
#videos button {margin:0px 37px 0px 0px; }
#videos textarea {width:200px;}
#videos select{width:200px;}


/*------------------------------------ Home Page -----------------------------------------------------------*/

#sections {height:123px; width:100%; padding:22px 0px 0px 0px;}
.section { height:108px; display:block; float:left; margin:0px 0px 0px 0px;}

#content_left {width:293px; float:left;}
#content_left a {font-weight:bold;}
#content_main {width:647px; float:right; margin-bottom:24px;}
#advert {width:316px; min-height:336px; height:auto !important; height:316px; margin:0px; padding:0px; display:block; float:left;}

#featuredapts { padding:13px 0px 0px 13px; width:303px;  min-height:314px; margin:0px 0px 9px 0px;  height:auto !important; height:314px; background:url(/images/featured_top.jpg) no-repeat; display:block; float:right; position:relative;}
#featured_bottom {position:absolute; left:0px; bottom:-9px; width:316px; height:9px; background:url(/images/featured_bottom.jpg)  no-repeat;}
#featuredapts h1 {color:#474f53; font-size:1.7em; font-weight:bold; padding:0px 0px 0px 10px; margin:0px;}
.featured {width:284px; border-bottom:1px solid #d2d2d2; margin:0px; padding:7px 0px 7px 0px; min-height:10px; height:auto !important; height:10px; display:block;}
*html .featured {padding:2px 0px 0px 0px;}
*+html .featured {padding:2px 0px 0px 0px;}

.img_container { display:block; float:left; margin:0px; background:#ffffff; border:1px solid #d2d2d2; padding:6px; width:71px; min-height:21px; height:auto !important; height:21px;}

.text_container {width:192px; display:block; float:right; margin:0px; padding:0px;}
.text_container p { padding:0px; margin-top:0px;}
.text_container h2 {margin:5px 0px 0px 0px; padding:0px;}
.link {float:right; width:14px; height:14px; padding:0px; margin:0px 0px 0px 0px;  display:block; position:relative; z-index:10; }


/*------------------------------------ News -----------------------------------------------------------*/

#news {width:635px; display:block; float:left; margin:0px 0px 20px 0px;}
#news_content {background:url(/images/news_content.jpg) no-repeat top left; width:603px; min-height:529px; height:auto !important; height:529px; position:relative; padding:4px 16px 18px 16px;}
#news_content_bottom {background:url(/images/news_content_bottom.jpg) no-repeat top left; display:block; position:absolute; bottom:0px; left:0px; height:8px; width:635px;}

*html #news_content_bottom {background:url(/images/news_content_bottom.jpg) no-repeat top left; display:block; position:absolute; bottom:-10px; left:0px; height:8px; width:635px;}

.news { border-bottom:1px solid #d2d2d2; padding:9px 0px 9px 0px; margin:0px;  }
.news_text {margin:0px 0px 0px 9px; display:block; float:right; width:504px;}
.news h1 {margin:0px 0px 5px 0px; padding:0px; font-size:1.5em; font-weight:bold;}
.news p {margin:0px 0px 5px 0px; line-height:18px;}
*html .news .link {margin:0px 0px 0px 0px;}
*+html .news .link {margin:0px 0px 0px 0px;;}

.paging {text-align:right; margin:10px 0px 10px 0px; font-size:1.2em; color:#4d4d4d;}
.paging span { display:block; float:left;}
.paging a { color:#4d4d4d;}
.paging a:hover { color:#4d4d4d;}

#news_art img {background:#ffffff; border:1px solid #d2d2d2; padding:4px; margin:0px 21px 0px 21px;}

.back {margin:20px 0px 20px 0px;}

*+html #swansea_offer {margin:0px -4px 0px -1px;}

/*------------------------------------ Developments-----------------------------------------------------------*/

#information_bar {height:28px; width:100%; background:#424242; margin:0px 0px 0px 0px; padding:0px; position:relative;}
#information_bar_right {position:absolute; right:0px; top:0px; width:5px; height:28px;}

#information_bar_left {display:block; float:left; width:28px; height:28px; margin:0px; padding:0px;}
#information_bar_left a {margin:0px !important; padding:0px !important;}
#bussiness_centre {display:block; float:left; width:570px; }
*+html #bussiness_centre {margin:0px 0px 0px -30px;}
*html #bussiness_centre {margin:0px 0px 0px -30px;}

#booking_information textarea {width:270px; background:#ffffff;}
#booking_information .indent {padding:0px 0px 0px 4px;}
#booking_information .error_feedback li {color:#000000;}
#booking_information2 textarea {width:270px; background:#ffffff;}
#booking_information2 .indent {padding:0px 0px 0px 4px;}
#booking_information2 .error_feedback li {color:#000000;}

#industryandtransport {display:block; float:left; margin:0px 0px 0px 30px;}
#caresol_container {margin:10px 0px 5px 20px; width:314px; height:313px; background:#414141; float:right;}

.imgmargin {margin:8px 0px 10px 0px;}

*+html #caresol_container {margin:10px 0px 10px 20px; width:314px; height:313px; background:#414141; float:right;}
*html .imgmargin {margin:8px -1px -12px 0px;}


.bronze { border-bottom:1px solid #d2d2d2; background:url(/images/bronze.jpg) no-repeat left 10px; min-height:98px; height:auto !important; height:98px; padding:10px 22px 10px 44px;}
.bronze p {margin:5px 0px 5px 0px;}
.bronze h1 { font-weight:bold; color:#ce7812; margin:0px; padding:0px;}
.silver { border-bottom:1px solid #d2d2d2; background:url(/images/silver.jpg) no-repeat left  10px; min-height:98px; height:auto !important; height:98px; padding:10px 22px 10px 44px;}
.silver p {margin:5px 0px 5px 0px;}
.silver h1 { font-weight:bold; color:#8b8f98; margin:0px; padding:0px;}
.gold { border-bottom:1px solid #d2d2d2; background:url(/images/gold.jpg) no-repeat left  10px; min-height:98px; height:auto !important; height:98px; padding:10px 22px 10px 44px;}
.gold p {margin:5px 0px 5px 0px;}
.gold h1 { font-weight:bold; color:#dbad38; margin:0px; padding:0px;}
.platinum {border-bottom:1px solid #d2d2d2;  background:url(/images/platinum.jpg) no-repeat left  10px; min-height:98px; height:auto !important; height:98px; padding:10px 22px 10px 44px;}
.platinum p {margin:5px 0px 5px 0px; padding:0px 0px 0px 0px;}
.platinum h1 { font-weight:bold; color:#8b8f98; margin:0px; padding:0px;}

#backto {width:315px; display:block; margin:2px 0px 0px 0px; padding:4px 0px 0px 0px; background:url(/images/backtoicon.jpg) no-repeat left top #28a79e; height:20px;}
#backto a {color:#ffffff; font-size:1.2em; padding:0px 0px 0px 20px; }

#booking_information {background:url(/images/booking_rep.jpg) repeat-y; width:296px; min-height:111px; height:auto !important; height:111px; margin:33px 0px 0px 0px; padding:9px 10px 9px 10px; position:relative;}
#booking_information2 {background:url(/images/booking_rep.jpg) repeat-y; width:296px; min-height:111px; height:auto !important; height:111px; margin:33px 0px 0px 0px; padding:9px 10px 9px 10px; position:relative;}

#booking_top {width:316px; height:10px; position:absolute; top:0px; left:0px; background:url(/images/booking_top.jpg) no-repeat top left; }
#booking_bottom {width:316px; height:13px; position:absolute; bottom:0px; left:0px; background:url(/images/booking_bottom.gif) no-repeat top left;}
*html #booking_bottom {bottom:-9px;}

#booking_top2 {width:316px; height:10px; position:absolute; top:0px; left:0px; background:url(/images/booking_top.jpg) no-repeat top left; }
#booking_bottom2 {width:316px; height:13px; position:absolute; bottom:0px; left:0px; background:url(/images/booking_bottom.gif) no-repeat top left;}
*html #booking_bottom2 {bottom:-9px;}

#booking_information input {width:250px; padding:1px 0px 1px 10px; background:#ffffff; margin:5px 0px 5px 0px;}

#booking_information hr {width:291px; color:#CCCCCC; background:#CCCCCC;}

#booking_information h1 {color:#ffffff; margin:10px 0px 10px 2px;}


#booking_information2 input {width:250px; padding:1px 0px 1px 10px; background:#ffffff; margin:5px 0px 5px 0px;}

#booking_information2 hr {width:291px; color:#CCCCCC; background:#CCCCCC;}

#booking_information2 h1 {color:#ffffff; margin:10px 0px 10px 2px;}

#booking_info {width:315px; height:74px; padding:20px 0px 10px 0px; }

*+html img.check {margin:-20px 0px 0px 0px;}

*html img.check {margin:-20px 0px 0px 0px;}

#booking_information span {font-size:1.6em;}
#booking_information2 span {font-size:1.6em;}

#main_img {width:300px; height:225px; margin:8px auto 0px auto;}


#main_img ul {margin:0px 0px 0px 0px; padding:0px; position:relative;}
#main_img li {margin:0px; padding:0px; list-style:none; position:absolute; top:0px; left:0px;}

#bottom_nav {width:20px height:40px; padding:20px 0px 20px 0px;;}

#testimonials {  background:url(/images/testimonial_back.jpg) no-repeat top left;  width:287px; position:relative; min-height:180px; height:auto !important; height:180px; padding:20px 17px 0px 11px; margin:15px 0px 0px 0px;}
#testimonials ul { margin:0px; padding:0px; }
#testimonials li {font-size:1.7em; color:#414141;  margin:0px; padding:0px; list-style-image:none; list-style:none;}
#testimonials li span {display:block; font-size:0.8em;  color:#414141; }
#testimonial_bottom {background:url(/images/testimonial_bottom.jpg) no-repeat top left; width:315px; height:10px; position:absolute; bottom:0px; left:0px; }

.jumpbox {cursor:pointer;}

/*------------------------------------ appartments -----------------------------------------------------------*/

.img_header {padding:3px 0px 3px 0px;}
.img_header img {display:block; float:left; margin:0px 20px 0px 0px;}
.img_header h2 {margin-top:25px;}

#news_content table { border-collapse:collapse; margin:0px; padding:0px; }
#news_content td { color:#5a5b5b; vertical-align:top; padding:10px 0px 10px 0px; margin:0px;}

/*------------------------------------ nav-----------------------------------------------------------*/

*html #nav { height:36px; }
#nav { height:31px;  margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:38px; display:block;}




#nav ul {margin:0px 0px 0px 0px; padding:10px 0px 0px 0px;}

#nav ul li {margin:0px 0px 0px 0px; list-style-image:none; padding:0px; float: left; position:relative; z-index:80; display:block;  background:none; } 

#nav ul li a { font-weight:normal; margin:0px 0px 0px 0px;  padding:10px 22px 12px 22px;  color:#cccccc; font-size:1.2em; position:relative; z-index:10;}
#nav ul li a:hover {  color:#ffffff; text-decoration:none; background:url(/images/hover.jpg) no-repeat top center;} 
#nav ul li a.active  { background:url(/images/hover.jpg) no-repeat top center; } 

.hover {  color:#ffffff; text-decoration:none; background:url(/images/hover.jpg) no-repeat top center; } 

#nav ul li ul {width:150px; position:absolute; top:28px; left:0px; display:none; padding:0px 0px 0px 0px; z-index:100;}
*html #nav ul li ul  {top:26px;}
#nav ul li ul li {width:150px; list-style:none; display:block; margin:0px 0px 0px 0px;  padding:0px 0px 0px 0px; float:none; }
#nav ul li ul li a {display:block; font-size:1.1em; color:#cccccc;  background:#333333;  width:100%; margin:0px !important; border-bottom:1px solid #ffffff; padding:3px 10px 2px 21px;   min-height:16px; height:auto !important; height:16px;    float:none; font-weight:normal;}
#nav ul li ul li a:hover {background:#37B6AD; color:#ffffff;}
#nav ul li:hover ul { display:block; }
#nav ul ul:hover { display:block;   z-index:1000}
#nav ul li ul li a.active { color:#ffffff;  background:#37B6AD;}


input#booking-checkin {width:90px;}
input#booking-checkout {width:90px;  }
#booking p {diaplay:block; float:left; margin:10px 5px 10px 0px; }


/*------------------------------------- General Text & Colours & backgrounds---------------------------------------*/

html { height: 100%; }
body { text-align: left; height: 100%; margin: 0px;  padding: 0px;  letter-spacing:normal; background:url(/images/bg_subpage.gif) repeat-x #ffffff; font-family: Tahoma, Helvetica, sans-serif; font-size:0.6em; }
body,p,h1,h2,h3,h4,h5 { margin:0px;  padding: 0px; font-family: Tahoma, Helvetica, sans-serif;}
img { border:0px; margin:0px; padding:0px; }

h1{ color:#39beb4; font-size:2em; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h2{ color:#39beb4; font-size:1.5em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3{ color:#474f53; font-size:1.5em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4{ color:#555555; font-size:1.4em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h5 { color:#39beb4; font-size:1.2em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h6 { color:#000000; font-size:1em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }

hr {}
*html ul {margin:0px; padding:0px 0px 0px 18px;}
*+html ul {margin:0px; padding:0px 0px 0px 18px;}
ul {margin:0px; padding:0px 0px 0px 40px;}
ul li { color:#000000; font-size:1.2em; color:#5a5b5b; list-style-image:url(../images/li.jpg); margin-top:3px; margin-bottom:8px; list-style-position:outside;}
ol {}
ol li { color:#000000; list-type:decimal; font-size:1.2em; color:#5a5b5b;  }


:root #content img{ margin:0px 10px 0px 10px; }


address { color:#000000; font-size:1.2em; margin:5px;}

img.padding_left {margin:10px 0px 10px 10px;}
img.padding_right {margin:10px 10px 10px 0px;}
img.padding_center {margin:10px 0px 10px 0px;}

a { color:#28a79e; text-decoration:none; }
a:hover { color:#28a79e; text-decoration:underline; }

p { font-size:1.2em; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px;  color:#5a5b5b; line-height:1.5em;}

/*hacks list remove before live

HANDY HINTS

*html IE6
*+html IE7
:root  FIREFOX
body:last-child:not(:root:root)    SAFARI
html:first-child OPERA
*/