/*
Ste Name: Liquid Architecture
Theme URI: http://liquidarchitecture.com.au
Description: Liquid Architecture Layout 2009
Version: 2.0b
Author: Glyn Thomas
Author URI: http://mote.com.au/
*/

/*talks */

.talks .date {
	width: 90px;
	float: left;
	color: #2e9be6;


}

.talks {
	padding-left: 25px !important;
	list-style: none;
	padding-bottom: 25px;
}

.talks li {
	list-style: none;

}

/* Tooltips */

.tool-tip {
	color: #fff;
	width: 150px;
	z-index: 13000;
	width: 200px;
	text-align: left;
	margin: 10px;
}
 
.tool-title {
	font-weight: bold;
	font-size: 14px;
	font-style: normal;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: #444 url(../images/bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../images/bubble.png) bottom right;
	text-align: left;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}



/* grid Layout */

.grid img {
	width: 275px;
	margin: 15px;
	border:4px #d2d2d2 solid;

}

.grid a:hover {
	opacity:0.4;
	filter:alpha(opacity=40)
	
}

/* icon style */

.twitterLink {
	font: 11px "Helvetica Neue", Arial, Helvetica, sans-serif;
	padding-top:50px;
	float: left;
	right: 0;
	bottom: 0;
	clear:both;

	}



/* styling for gallery */

#FlabellComponent {
	border: 1px #444 solid;

}

/* ///////// Large image list /////// */


.article_list {

	border-top: 1px #ccc solid;
	padding:  20px 0px 20px;
	min-height: 175px;


}


.article_list p {

	margin: 0 0 35px 320px;

}

.article_list img {

	width: 300px;
	float: left;
	border: 4px #ddd solid;

}


.article_list .date {

	float: right;
	padding: 0 0 0 10px;
}


.article_list .details {


	margin: 0 0 15px 320px;
	padding: 0 0 5px 0;
	border-bottom: 1px #eee solid;


}

.article_list .title {

	font-size: 1.5em;
	font-weight: bolder;
	padding: 0 0 10px 0;
}







/* Styling for Affiliate page */

.affiliate {

	border-bottom: 1px #444 solid;
	clear: both;
	margin: 15px 0 0 0;
}

.affiliate img {

	float: left;
	max-width: 120px;
	clear: both;

	padding: 0px 15px 30px 10px;

}

.affiliate p{

	padding: 0px 0px 0px 180px ;

}

.affiliate ul{

	padding: 0px 0px 20px 220px !important;

}

.affiliate h3{

	padding: 0px 0px 0px 180px;

}

.affiliate a {

	width: 160px;
	
	
}


/* download docs */

/* Styling for document downlaodslist */


.downloads .document {

	padding:  20px 0px 20px !important;
	background-color: #fff !important;


}

.downloads .document h3 {


}

.downloads .document p {

	margin: 0 0 35px 80px !important;

}

.downloads .document img {

	width: 54px !important;
	float: left !important;
	display: block !important;
	
	}


.downloads .document .date {

	float: right !important;
	padding: 0 0 0 10px !important;
	display: block !important;
}

.downloads .document .publication {

	float: right !important;
	padding: 0 0 0 10px !important;
}

.downloads .document .job {

	float: left !important;
	padding: 15px 0 0 10px !important;
	clear: both !important;
	color: #eee !important;
}

.downloads .document .details {


	margin: 0 0 15px 80px !important;
	padding: 0 0 5px 0 !important;
	border-bottom: 1px #eee solid !important;


}

.downloads .document .title {

	font-size: 1.5em !important;
	font-weight: bolder !important;
	padding: 0 0 10px 0 !important;
}


/* Styling for document list */


.document {

	padding:  10px;
	margin-bottom: 20px;
	border-bottom: 1px #9FD4FF solid; 
	background-color: #f1f1f1;
	width: 100%;
	min-height: 80px;



}

.document h3 {


}

.twoColumn h2 {
	width: 100%;
	background-color: #e5f7fe;


}



.document p {

	margin: 0 0 35px 0px;

}

.document img {

	width: 32px;
	float: left;
	display: none;

}


.document .date {

	float: right;
	padding: 0 0 0 10px;
	display: none;
}

.document .publication {

	float: left;
	padding: 0;
	width: 100%;
	
}

.document .job {

	float: left;
	padding: 15px 0 0 10px;
	clear: both;
	color: #444;
	display: none;
}

.document .details {


	margin: 0 0 15px 0px;
	padding: 0 0 5px 0;


}

.document .title {
	flaot: left;
	font-size: 1.4em;
	font-weight: bolder;
	padding: 0 0 10px 0;
	clear: both;
}







/* //// News Article Styling ///// */

/* Styling for Media */


.newsarticle {



}


.newsarticle p {

	margin: 0 0 35px 0px;

}

.newsarticle img {

	width: 295px;
	float: left;
	border: 4px #ddd solid;
	margin: 0px 20px 20px 0px;

}


.newsarticle .date {

	float: right;
	padding: 0 0 0 20px;
}


.newsarticle .details {


	padding: 0 0 10px 0px;


}

.newsarticle .title {

	font-size: 1.5em;
	font-weight: bolder;
	padding: 0 0 10px 0;
}



/* ///// Readmore Button /// */

.readmore {
	float: right;
	background-color:#0099FF;
	color: #fff !important;
	padding: 4px;
	margin: 15px;

}



.readmore:hover {
	background-color:#003366;
	color: #fff;
}






	/* Remove browser styles (see http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/) */
	
	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;
	font-family:  Helvetica, Arial, sans-serif ;
	/* vertical-align: baseline; */
		}

.breadcrumb {
	padding: 10px 0 0 20px;
	width: 920px;

}



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

/* ////////// Contact Form //////// */

#contact-area {
	width: 400px;
	margin-top: 25px;
	
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 270px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
		background-color: #e4fff5;
}

#contact-area textarea {
	background-color: #e4fff5;
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border-color: #36aeff;
	border-width: 2px;
	border-style: solid;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
	background-color:#0099FF;
	color: #fff;
}

#contact-area input.submit-button:hover {
    background-color:#003366;
	color: #fff;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1em;
}

input {
	
	float: left;
	
	}
	
.button {
    width: 100px;
	padding: 5px;
	float: left;
	background-color:#0099FF;
	color: #fff;
	border:2px solid #CCCCCC;
	margin:0 0 10px;
	text-align:center;

}

.button:hover {
    background-color:#003366;
	color: #fff;
}

.button a {
	color: #fff;
	padding: 5px;
	font-size:1.4em;
	
}


/* ////////// */
	
	
	


.headline {

	font-size: 1.5em;
	padding: 30px 0px 0px 0px;
	height: 30px;
	clear: both;
	width: 100%;
}

.column h1 {

	margin-left: 0px !important;
}

.submit-button {
	float: right;
	background-color:#0099FF;
	color: #fff;
	margin: 20px;

}

.submit-button:hover {
	background-color:#003366;
	color: #fff;
}

#maincontent ul{

	padding-left: 25px;
	list-style-type: square;
}





	
	
	

body	{
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;	
   	background: #fff
	color: #444;
	font: 11px "Helvetica Neue", Arial, Helvetica, sans-serif;
	}

ol, ul {
	list-style: none;
	}
	
/* 'tables still need 'cellspacing="0"' in the markup' - Eric Meyer */

table {
	border-collapse: separate;
	border-spacing: 0;
	}

caption, th, td {
	text-align: left;
	font-weight: normal;
	}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}

blockquote, q {
	quotes: "" "";
	}a



	/* Set out the main layout divisions */
	/* Thanks Pete of http://the-echoplex.net/ for min-height on div#wrapper suggestion, which eliminates a bad bug in Firefox */
	/* Thanks Michel of http://www.optimiced.com/ for initial demos to remove Firefox bug, and for suggestion to switch from overflow: auto to overflow: visible , which stopped Firefox chopping long pages in half */


html { 
	min-width: 960px;
	background: #dddddd;
	 }

div#wrapper	{
	color: #222;
	background: #fff ;
	width: 960px;
	margin: 25px auto 0px;
	padding: 0;
	text-align: left;
	overflow: visible;
	
	
	}
	
div#content {
	border:1px solid #D2D2D2;
	width: 960px;
	overflow: visible;
	min-height: 500px;
	margin: 0px 0px 5px;
	}
	
div#content p  {
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size:11px; 
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.4;
}



div#header {
	height: 105px;
	border-bottom: 1px solid #d2d2d2;
	}

div#maincontent h1 {
	width: 100%;
	margin: 10px 20px;
	color: #444;
	
	}

div#imagepanel {
	min-height: 175px;
	border-bottom: 1px solid #d2d2d2;

	}
	
div#portfolio {

	min-height: 150px
	border-bottom: 1px solid #d2d2d2;
	padding: 10px 10px 10px 20px;
	width: 265px;
	float: left;
	
	
	}
	
div#portfolio_text {

	text-align: justify;	
	}
	


div#gallery {
	float:right;
	padding: 42px 10px 10px 10px;
}	



.colmenu {
	width: 500px !important;
}

.colmenu li{

	width: 125px !important;
	float: left !important;
}

.colmenu li sfHover {

	display: none !important;

}
	

	
.column {
	width: 275px;
	min-height: 150px;
	float: left;
	background: #fff;
	padding: 20px;
	position: relative;

	}
	
.twoColumn {
	width: 580px;
	min-height: 150px;
	float: left;
	background: #fff;
	padding: 20px;


	}
	
.threeColumn {
	width: 920px;
	min-height: 150px;
	float: left;
	background: #fff;
	padding: 20px;


	}

	
.PracticeProfileLink {
	font: 11px "Helvetica Neue", Arial, Helvetica, sans-serif;
	float: right;
	position: absolute;
	right: 0;
	bottom: 10px;

	}
	
.clearfloat {
	clear:both;
	font-size:1px;
	height:0;
	line-height:0;
	}

div#footer	{
	clear: both;
	border: 0;
	color: #666;
	width: 960px;
	padding: 4px 0 15px 10px;
	float: right;
	font: 9px "Helvetica Neue", Arial, Helvetica, sans-serif;
	margin: 0;
	}



div#footer p {
	font: 10px/10px "Helvetica Neue", Arial, Helvetica, sans-serif;
	margin: 6px 20px 0px 20px;
	}



	






/* .comment_text {
float: left;
width: 405px;
}
.avatar { margin-left: 10px; }
.comment:after, .pingback:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}*/



/* blockquote callout */


	





	/* Default links 	*/

a:link, a:visited {
	font-weight : normal; 
	text-decoration : none;
	color: #01abe6;
	/* background: transparent; */
	}

a:hover {
	font-weight : normal; 
	text-decoration : none;
	color: #524ae2;
	background: transparent; 
	}

a:active {
	font-weight : bold; 
	text-decoration : none;
	color: #01abe6;
	background: transparent;  
	}

div#maincontent p a:link, div#maincontent p a:visited, 
div#maincontent dd a:link, div#maincontent dd a:visited,
div#maincontent li a:link, div#maincontent li a:visited {
	text-decoration: none;
	} 

div#maincontent p a:hover,
div#maincontent dd a:hover,
div#maincontent li a:hover {
	text-decoration: none;
	} 


	/* Typography 	*/
		
	/* IE7 and IE6 false value hacks on span.drop courtesy Paul of hell.com */


	
	
	
	
#maincontent h2, #maincontent h3, #maincontent h4	{
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-transform: normal;
	font-weight: bold;
	line-height: 1.4em;
	margin: 0px 0 5px 0;
	letter-spacing: -.04em;
	color: #444;
	}


	


/* More typography */

	
h4	{	
	font-size: 18px;
	}

p	{
	margin: 0 0 9px 0;
	line-height: 1.4;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	}
	
div#maincontent h2	{
	font-size: 18px;
	}

body#home div#maincontent h2	{
	margin-top: 25px;
	}

body#home div#maincontent h2.follow	{
	margin-top: 5px;
	}

div#maincontent h3	{
	font-size: 14px;
	margin-bottom: 5px;
	}

div.timestamp h3	{
	text-transform: uppercase;
	letter-spacing: 1px;
	}

div#maincontent blockquote	{
	padding: 0;
	margin: 1.5em 50px;
	border: 0;
	color: #222;
	}


	
	

div#maincontent p {
font: 11px "Helvetica Neue", Arial, Helvetica, sans-serif;
line-height: 1.4;
}


div#maincontent blockquote p, div#maincontent dd blockquote {
	font-size: 14px;
	line-height: 21px;
	font-style: italic;
	}
/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:650px;
		height:350px;
		overflow:hidden; 
		}
		
	#slider.SliderTall {
		height: 460px !important;
	}
	
	#slider.SliderTall li {
		height: 460px !important;
	}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:14px;
		width: 14px;
		line-height:28px;
		border:2px solid #cbcbcb;
		
		background:#eee;
		color:#333333;
		padding:0px 5px 0px 15px;
		text-decoration:none;
		font:80% Trebuchet MS, Arial, Helvetica, Sans-Serif;
		line-height:180%;

		}
	ol#controls li.current a{
		width: 30px;
		padding:0px 0px 0px 25px;
		background:#cbcbcb;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
	#sliderGal {
		float: right;
		padding-right: 10px;
	
	}
	
	h1 span {
		font-size: 45%;
		padding-left: 10px;
	}
	
/* Social Media Icons */

.social_media_icons li {
	float: left;
	padding-right: 10px;
}