/*-------------------CSS Document
 	Basic Theme Template - Singapore Office Space - singaporeofficespace.net 
	Last updated - 17 Aug 2010
	Please do not use any of this theme without express permission.
	
	Border radius notes - 0px-topleft 0px-topright 0px-bottomleft 0px-bottomright
---------------------*/

/*-----------------------------
RESET
-----------------------------*/

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; font-size: 100%; vertical-align: baseline; background: transparent; }
input, textarea, button { margin: 0; padding: 0; }
body { line-height: 1; font-size: 62.5%; /* font set to 10px */ }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }


/*-----------------------------
DEFAULTS
-----------------------------*/

body { font-size:12px; font-family: Tahoma, Geneva, sans-serif; text-align:center;}
h1 {  font-size: 15px; font-weight: lighter; float:right; line-height: 1.25em; padding: 106px 10px 2px 30px; margin: 0;}
h2 { font-size: 1.7em; font-weight: lighter; line-height: 1.25em; margin: 10px 0; }
h3 {  color:#4d4d4d; font-size: 1.6em; font-weight: bold; line-height: 1.25em; margin: 10px 0; }
h4 { font-size: 1.3em; font-weight: lighter; line-height: 1.25em; margin: 10px 0; font-weight: bold; padding-bottom: 2px; border-bottom: 1px solid #ddd; }
p { font-size: 13px; font-weight: lighter; line-height: 1.25em; margin: 10px 0; }
ul { padding-left: 30px; }
li { list-style-type: disc; font-size: 1.2em; font-weight: lighter; line-height: 1.25em; }
td, th {}
strong, th { font-weight: bold; }
em { font-style: normal; }
table {}
thead {}
tbody {}
thead, tbody, td {}
tr {}
th {}
th, td { padding: 4px; }
td { border-left: 0px solid #ddd; }
label { display: block; font-size: 1.2em; font-weight: lighter; line-height: 1.25em; }
a:link, a:visited { color: #D32C2C; }
a:hover { color: #D32C2C; }
a:active { color: #D32C2C; }

/*-----------------------------
STANDARD CLASSES
-----------------------------*/

.hidden { display: none; height: 0; }
.bold { font-weight: bold; }
.orange { color: #4d4d4d; font-weight: bold; font-size: 16px; line-height: 18px; }

/*-----------------------------
MAIN DIVS
-----------------------------*/

body { background:#ffffff url('../images/graphics/headerbg.png') repeat-x; position:top;}
#wrapper { background: url('../images/graphics/') repeat-x; position: relative; margin: 0px auto 0px; width:100%; text-align:left; }
#header_wrapper { background: url('../images/graphics/headerbg.png') repeat-x top; height:130px; width:100%; text-align:center; }
#header { background: url('../images/graphics/header.png') no-repeat right top; width: 100%; height:130px; width:960px; margin:0px auto 0px; }
#content { clear: both; }
#breadcrumb_wrapper { background:# ; width:100%; text-align:center; }
#breadcrumb { background: url('../images/graphics/breadcrumbs.png') no-repeat right top; width:960px; margin:0px auto 0px; text-align:left;  }

#map_wrapper_wrapper {  background:#ffffff url('../images/graphics/content_topbg.jpg')repeat-x; border: 0px solid #ffffff; border-bottom-width: 1px; width:100%; text-align:center; } 
#map_wrapper { background:#ffffff url('../images/graphics/content_top.jpg') no-repeat; height: 100%; width:960px; margin:0px auto 0px; text-align:left; }
#data_wrapper_wrapper { background: # url('../images/graphics/')repeat-x top; width:100%; text-align:center; }
#footer_wrapper { background:; width:100%; text-align:center;}
#footer {  background:#313131 url('../images/graphics/footer.png'); color:#ffffff; height:110px; width:960px; margin:0px auto 0px; margin-bottom:10px; text-align:left; -moz-border-radius:5px; -webkit-border-radius:5px;}
/*-----------------------------
HEADER
-----------------------------*/

#header a.logo { position: absolute; right: 20px; top: -8px; padding: 7px 12px; background-color: #fff; border: 1px solid #9cafc3; }
#region-form { position: absolute; top: 13px; left: 200px; }
#region-form span { color: #ffffff; padding: 0 5px; font-size: 12px; }
#main_phone { position: absolute; top: 52px; right: 38px; font-size: 34px; font-weight: bold; color: #FFC345; text-shadow: #444 2px 2px 2px; }

/* -----------------------------
ENQUIRY FORM
-----------------------------*/

#home #enquiry_form, #region #enquiry_form { position: absolute; top: 10px; left: 10px; background:#40568a url('../images/graphics/form.png') repeat-x; opacity: 100; padding: 0 10px 10px; overflow: hidden; width: 296px; filter:alpha(opacity=100); -moz-border-radius:5px; -webkit-border-radius:5px; }
#office #enquiry_form { background:#40568a url('../images/graphics/form.png') repeat-x; position: absolute; top: 40px; left: 11px; _left: 0; width: 200px; padding: 0 10px 10px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#enquiry_form h3, #enquiry_form p { color: #fff; }
#enquiry_form p.red { color: #ff0000; }
#enquiry_form h3 { margin: 8px 0 5px; padding-bottom: 5px; border-bottom: 0px solid #47587B; }

.enquiry_form_row { float: left; clear: both;}
#enquiry_form label { width: 120px; color: #fff; }
.enquiry_form_field { margin: 6px 0 0; float: left;	 }
.text { width: 195px; }
#enquiry_form input.submit { float: right; margin: 20px 0 0; width:80px;}
.noscript-show img { display: none; }
/* -----------------------------
EVERYTHING ELSE
-----------------------------*/

.breadcrumbs { background:#a1a1a1 url('../images/graphics/navbar.png') no-repeat left bottom ; border-bottom:0px solid #5e5e5e; line-height:30px; padding: 0px 10px 0px 10px; color: #fff;  margin: 0; }
.breadcrumbs a:link, .breadcrumbs a:visited { color: #fff; }
#data_wrapper { background: # url('../images/graphics/')repeat-x top; width:960px; margin:0px auto 0px; text-align:left; }
#home { background: # url('../images/graphics/')repeat-x top; width:960px; margin:0px auto 0px; text-align:left; }
#office #data_wrapper { padding: 10px 0;  width:960px; margin:0px auto 0px; text-align:left;}

.home_text { padding:0px 10px 0px 10px; border-left: 0px solid #ddd; border-right: 0px solid #ddd; }
.region_text { padding: 0 10px; }
#all_regions, #all_postcode_regions { font-size:12px; width: 100%; background:#7f8eb1 url('../images/graphics/region.png') no-repeat left top; border: 0px solid #ddd; border-top: none; border-bottom: none; padding: 10px; margin-top:10px; -moz-border-radius:5px; -webkit-border-radius:5px; }

	#all_regions a:link, #all_regions a:visited { font-size:14px; color: #ffffff; }
	#all_regions a:hover { font-size:14px; color: #ffffff; }
	#all_regions a:active { font-size:14px; color: #ffffff; }
	#all_postcode_regions a:link, #all_postcode_regions a:visited { font-size:14px; color: #ffffff; }
	#all_postcode_regions a:hover { font-size:14px; color: #ffffff; }
	#all_postcode_regions a:active { font-size:14px; color: #ffffff; }
	
	
#extra_locations_table { font-size:12px; width: 100%; background:#d32c2c url('../images/graphics/region.png') no-repeat left top; border: 0px solid #ddd; border-top: none; border-bottom: none; padding: 10px; margin-top:10px; -moz-border-radius:5px; -webkit-border-radius:5px; }
	
	#extra_locations_table a:link, #extra_locations_table a:visited { font-size:14px; color: #ffffff; }
	#extra_locations_table a:hover { font-size:14px; color: #ffffff; }
	#extra_locations_table a:active { font-size:14px; color: #ffffff; }

#region_offices { width:100%; background-color: #; }
#extra_locations { padding: 0 10px 0px; }
#extra_locations_table td { border: none; }
.extra_paragraphs { background:#ffffff; padding: 10px; overflow: hidden; margin:10px 10px 0px 10px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.extra_paragraphs h4 { color:#4d4d4d; font-weight: bold; font-size: 1.6em; border: none; margin-top: 0; }
.extra_paragraphs p, .region_list { background:#ffffff; width: 30%; margin: 0; padding: 0 11px; float: left; -moz-border-radius:5px; -webkit-border-radius:5px; }
#office .extra_paragraphs p, #office .region_list { width: 29%; }
#drop_downs { padding: 10px 20px; }
#drop_downs label { display: inline; margin-right: 5px; }
.region p { margin: 0; }
.region a { position: relative; padding-left: 20px;}
.region img { position: absolute; top: 3px; left: 6px; }
.office { border: 0px solid #17284C; border-top-width: 0px; background: #e0e0e0 url('../images/graphics/') no-repeat left top; padding: 0; width: 33%; -moz-border-radius:5px; -webkit-border-radius:5px; }
.office strong, .single_office strong { font-weight: normal; }
.office div { position: relative; }
.office_number { color: #4d4d4d; }
.office h2 { margin:0px; }
.office h2, .single_office h2 { background: #e6e6e6; no-repeat 0 4px; color: #283657; margin-top: 0; padding: 3px 25px 5px 10px; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; }
.single_office h2 { padding-left: 12px; }
.office h2 a, .single_office h2 a { color: #fff; }
.office img, .map_office img { float: left; margin: 10px 10px 5px 20px; border: 1px solid #ccc; padding: 2px; background-color: #fff; }
.map_office { width: 400px; }
.map_office img { float: left; margin: 0 10px 5px 0; }
.single_office img { float: left; margin: 0 10px 5px; border: 1px solid #ccc; padding: 3px; background-color: #fff; }
.office .show_on_map { float: none; margin: 0; position: absolute; top: 5px; right: 15px; cursor: pointer; padding: 0; border: none; background: none;}
.office p { padding: 0 20px; color: #444; }
.office form p { text-align: center; clear: both; }
.single_office { border: 0px solid #17284C; border-top-width: 0px; margin: 0 10px; padding: 0px 0px 10px 0px; color: #444; min-height: 346px; position: relative; background: #e0e0e0 url('../images/graphics/office-bg.jpg') no-repeat left top; -moz-border-radius:5px; -webkit-border-radius:5px;  }
.single_office h4 { clear: both; color:#495370; }
.single_office img { position: relative; }
.single_office_inner { margin-left: 230px; }
.single_office p, .single_office h4 { margin-left: 10px; margin-right: 10px; }
.office_images { clear: both; padding: 0 10px; }
.office_images img { border: 1px solid #ccc; padding: 3px; margin: 0 5px 5px 0; background-color: #fff; }
.page_links { text-align: right; }
.page_link { background-color: #fff; padding: 0 5px 2px; margin-right: 2px; border: 1px solid #4D4D4D; }
.page_notifier { clear: both; height: 36px; }
.page_notifier .current_page_text { float: left; width: 160px; padding-left: 10px; }
.page_notifier .page_links { float: right; width: 220px; padding-right: 7px; }
.page_link_selected, .page_link:hover { background-color: #4D4D4D; color: #fff !important; }

#copyright { color:#FFFFFF; padding:0px 0px 0px 300px; text-align:right;}

#map_holder { background:#a1a1a1 url('../images/graphics/map.png')no-repeat top left; position: relative; right:0px; padding:10px; -moz-border-radius:0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px; }
#map_handle { position: absolute; right: 10px; bottom: 11px; height: 19px; width: 100px; cursor: pointer; z-index: 99; background: transparent url('../images/graphics/map-handle.png') no-repeat; background-position: left -19px; }
#map_canvas { height: 300px; background-color: #fff; border:1px solid #FFFFFF; overflow: hidden; width:614px; position: relative; left:325px;}

/*-----------------------------
FOOTER
-----------------------------*/
#footer p { margin: 0; padding: 10px;}