/* Start of CMSMS style sheet 'standard_master' */
/* Site Layout Styles
 * Updated:  11 Aug 2008 @ 6.40pm
 * Author: Matthew Holmes <www.radiusmedia.com.au>
 * ---------------------------------------------*/

	/* -- core 
 	 ---------------------------------------------*/
	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, 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: inherit; 
		font-family: inherit; 
		vertical-align: baseline;
		list-style: none;
		}

	/* using clearfix solution to reduce any html markup just apply class="clearfix" to any div you want. */
	.clearfix:after {
		display: block;
		clear: both;
		height: 0;
		content: ".";
		visibility: hidden;
		}
	* html .clearfix { /* ie hack it needs to use height: 1%, does not support the :after pseudoclass */ height: 1%; }
	*+ html .clearfix { height: 1%; }
	
	html { overflow:-moz-scrollbars-vertical; }
	body { 
		background: #0a3b5d;
		font: 62.5%/1.6 "Trebuchet MS", Helvetica, Arial, sans-serif;
		}
		
	/* -- links */
	a {
		color: #fff;
		text-decoration: none;
		}
	a:hover {
		text-decoration: none;
		}
		
		
	/* -- layout
 	 ---------------------------------------------*/
 	 #container {
 	 	width: 1020px;
 	 	margin: 0 auto;
 	 	background: #145a8b;
 	 	}
 	 	
 	 	/* -- header */
 	 	#header {
 	 		position: relative;
 	 		height: 130px;
 	 		background: url(uploads/images/bg-inner.jpg) 0 0 no-repeat;
 	 		}
 	 		
 	 		/* -- logo */
 	 		#header h1 {
 	 			padding: 40px 0 0 31px;
 	 			}
 	 		
 	 		/* -- phone */
 	 		p#phone {
 	 			position: absolute;
 	 			top: 55px;
 	 			right: 40px;
 	 			color: #fff;
 	 			font: italic 1.2em/1.6 Helvetica, "Trebuchet MS", Arial, sans-serif;
 	 			}
 	 		p#phone span {
 	 			font-size: 1.8em;
 	 			}
p#phone a { color: #fff; text-decoration: underline;}
 	 		
 	 	/* -- navigation */
 	 	#nav {
 	 		height: 45px;
 	 		padding: 0 40px;
 	 		background: #52a1da url(uploads/images/bg-inner.jpg) 0 -130px no-repeat;
 	 		}
 	 	#nav li {
 	 		float: left;
 	 		display: block;
 	 		}
 	 	#nav li a {
 	 		float: left;
 	 		display: block;
 	 		padding: 16px 20px 4px;
 	 		color: #156093;
 	 		font: italic 1.2em/1.6 Helvetica, "Trebuchet MS", Arial, sans-serif;
 	 		text-decoration: none;
 	 		}
 	 	#nav li a:hover,
 	 	#nav li.on a {
 	 		color: #fff;
 	 		}
 	 	#nav li.on a {
 	 		background: #f90 url(uploads/images/bg-nav-on.gif) top repeat-x;
 	 		text-transform: uppercase;
 	 		}
 	 		
 	 		
 	 	/* -- banner */
 	 	#banner {
 	 		position: relative;
 	 		height: 266px;
 	 		background: url(uploads/images/bg-inner.jpg) 0 -175px no-repeat;
 	 		}
 	 		
 	 		/* quote */
 	 		p#quote {
 	 			position: absolute;
 	 			top: 66px;
 	 			right: 40px;
 	 			}
 	 		
 	 		
 	 	/* -- main body */
 	 	#main_body {
 	 		padding: 40px;
 	 		background: url(uploads/images/bg-inner.jpg) 0 -441px no-repeat;
 	 		}
 	 		
 	 		#content {
 	 			float: right;
 	 			width: 660px;
 	 			padding: 0 15px;
 	 			color: #fff;
 	 			font-size: 1.2em;
 	 			}
 	 		#content h2 {
 	 			margin: 0;
 	 			color: #f60;
 	 			font: italic normal 1.6em/1.6 Helvetica, "Trebuchet MS", Arial, sans-serif;
 	 			}
 	 		#content p {
 	 			padding: 5px 0;
 	 			}
 	 			
 	 		#sidebar {
 	 			float: left;
 	 			width: 220px;
 	 			}
 	 		#sidebar li {
 	 			border-bottom: 1px solid #2276b4;
 	 			}
 	 		#sidebar li a {
 	 			display: block;
 	 			font-size: 1.1em;
 	 			padding: 6px 0 6px 22px;
 	 			text-decoration: none;
 	 			}
 	 		#sidebar li.on a, #sidebar li a:hover {
 	 			color: #f60;
 	 			font-weight: bold;
 	 			text-decoration: underline;
 	 			}
 	 			
 	 		
 	 	/* -- extra */
 	 	#extra {
 	 		height: 179px;
 	 		padding: 0 40px;
 	 		background: url(uploads/images/bg-inner.jpg) 0 -2261px no-repeat;
 	 		}
 	 		
 	 		#extra .col {
 	 			float: left;
 	 			width: 270px;
 	 			margin: 0 20px 0 0;
 	 			padding: 25px 15px 0;
 	 			color: #fff;
 	 			font-size: 1.1em;
 	 			}
 	 		#extra .col a {
 	 			color: #156093;
 	 			}
 	 		#extra .col a:hover {
 	 			text-decoration: none;
 	 			}
 	 		#extra h3 {
 	 			margin: 0 0 8px;
 	 			color: #fff;
 	 			font: italic bold 1.3em/1.6 Helvetica, "Trebuchet MS", Arial, sans-serif;
 	 			}
			#extra .testimonials {
				color: #156093;
				font-size: 1.2em;
font-style: italic;
				}
 	 		#extra .contact {
 	 			margin: 8px 0 0;
 	 			color: #156093;
 	 			}
 	 		#extra .contact span {
 	 			font: italic bold 1.6em/1.6 "Trebuchet MS", Helvetica, Arial, sans-serif;
 	 			}
 	 		#extra .contact a {
 	 			color: #156093;
 	 			font: bold 1.2em/1.6 "Trebuchet MS", Helvetica, Arial, sans-serif;
 	 			}
 	 		#extra .project img {
 	 			float: left;
 	 			margin-right: 10px;
 	 			}
 	 		
 	 		
 	 	/* -- footer */
 	 	#footer {
 	 		height: 38px;
 	 		padding: 22px 55px 0;
 	 		background: url(uploads/images/bg-inner.jpg) 0 -2440px no-repeat;
 	 		color: #7fc2f3;
 	 		font-size: 1.1em;
 	 		}
		#footer span {
			float: right;
			display: block;
			padding: 3px 0 0;
			}
			
			
	/* ---- form styles ---- */
	form#contact_form {
		margin: 0;
		}
	form#contact_form li {
		margin: 0 0 .75em;
		clear: both;
		}
	form#contact_form h3 {
		margin: 15px 0 5px;
		color: #f60;
		font-size: 1.2em;
		}
	form#contact_form label {
		display: block;
		width: 100%;
		margin: 0 5px 0 0;
		}
	form#contact_form label.label {
		float: left;
		display: block;
		width: 75px;
		text-align: left;
		}
	form#contact_form input {
		width: 250px;
		}
	form#contact_form textarea {
		width: 300px;
		height: 100px;
		}
	form#contact_form li.multiple li {
		float: left;
		margin: 0 10px 0 0;
		clear: none;
		}
	form#contact_form .multiple select {
		width: 140px;
		}
	form#contact_form .multiple .back {
		background: #000;
		color: #fff;
		}
	form#contact_form li.size li {
		float: left;
		margin: 0 10px 0 0;
		clear: none;
		}
	form#contact_form li.size input {
		width: 50px;
		}
	form#contact_form button {
		width: auto;
		padding: 3px;
		border-color: #999 #333 #333 #999;
		border-style: solid;
		border-width: 1px;
		color: #333;
		font-weight: bold;
		line-height: 1;
		}
		
	#error {
		background: #f60;
		padding: 5px;
		}
	#error h3 {
		color: #fff;
		font: italic normal 1.3em/1.6 Helvetica, Arial, sans-serif;
		}
		
	/* ----- THICKBOX STYLES ----- */
	#TB_overlay{  position:fixed;  z-index:100;  top:0px;  left:0px;  height:100%;  width:100%;background-color:#000;filter:alpha(opacity=75);-moz-opacity: 0.75;opacity:0.75;}.TB_overlayBG{ background-color:#000; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75}#TB_window{ position:fixed; background:#fff; z-index:102; color:#000; display:none; border:4px solid #525252; text-align:left; top:50%; left:50%}#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 #666666; border-left:1px solid #666666}#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}#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%}#TB_iframeContent{ clear:both; border:none; display:block; margin:15px}#TB_window a{color:#f60;}
* html #TB_overlay {

			position: absolute;

			height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');

			}

		* html #TB_window {

			position: absolute;

			margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');

			}

		* html #TB_load {

			position: absolute;

			margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');

			}

		* html #TB_HideSelect {

			position: absolute;

			height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');

			}
	
	/* ----- GALLERY STYLES ----- */
	ul.album_list, ul.picture_list {
		padding: 20px 0;
		width: 660px;
		text-align: center;
		}
	ul.album_list li, ul.picture_list li {
		float: left;
		width: 120px;
		margin: 0 10px 20px 0;
		}
	ul.album_list li img, ul.picture_list li img {
		border: 1px solid #ddd;
		}
	h3#album_title, h3#pictures_title {
		font-size: 1.6em;
		}
		
	/* carousel */
	.jcarousel-container {
		
		}
	.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;
		width:500px;
		height: 38px;
		margin: 0;
		padding: 0;
		}
	.jcarousel-list li,
	.jcarousel-item {
		float: left;
		list-style: none;
		/* We set the width/height explicitly. No width/height causes infinite loops. */
		width: 50px;
		height: 38px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		}
	.jcarousel-next { z-index: 3; display: none; }
	.jcarousel-prev { z-index: 3; display: none; }
	.jcarousel-skin-tango .jcarousel-container-horizontal { width: 884px; padding: 8px 30px 7px; }
	.jcarousel-skin-tango .jcarousel-container-vertical {
		width: 500px;
		height: 38px;
		padding: 0;
		}
	.jcarousel-skin-tango .jcarousel-clip-horizontal { width:  500px; height: 38px; margin: 0; padding: 0; overflow: hidden; }
	.jcarousel-skin-tango .jcarousel-clip-vertical { width: 500px; height: 38px; }
	.jcarousel-skin-tango .jcarousel-item { width: 50px; height: 38px; margin: 0; padding: 0; overflow: hidden; }
	.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 2px; padding: 0; overflow: hidden; } 
	.jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 1px; }
	.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; }
	
	/**
	 *  Horizontal Buttons
	 */
	.jcarousel-skin-tango .jcarousel-next-horizontal {
		position: absolute;
		top: 0;
		right: 0;
		width: 23px;
		height: 49px;
		cursor: pointer;
border: 1px solid #000;
		background-image: url(../webimage/bg.jpg);
		background-repeat: no-repeat;
		background-position: -961px -538px;
		}
	.jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: -961px -538px; }
	.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -961px -538px; } 
	.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
	.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
	.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -961px -538px; }
	.jcarousel-skin-tango .jcarousel-prev-horizontal {
		position: absolute;
		top: 0;
		left: 0;
		width: 23px;
		height: 49px;
		cursor: pointer;
		background-image: url(../webimage/bg.jpg);
		background-repeat: no-repeat;
		background-position: -40px -238px;
		}
	.jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: -40px -538px; }
	.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -40px -538px; } 
	.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
	.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
	.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -40px -538px; }

/* End of 'standard_master' */