/* - - - - - - - - - - - - - - - - - - - - -

Title : Inside Out
URL : http://www.insideout.net.au

Author : SiteSuite Australasia
Author URL : http://www.sitesuite.com.au

- - - - - - - - - - - - - - - - - - - - - */

/*
----------------------------------------------------------------------------- 
GLOBALS
-----------------------------------------------------------------------------*/

html {
	padding: 0;
	margin: 0 auto;
	}


body, normal{
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #452a0f;
	padding: 0;
	margin: 0 auto 0 auto;
	text-align: center;
	background: #473522;
	}

img {
	border: none;
	}
	
	
.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0
	}	
	
/*
----------------------------------------------------------------------------- 
LAYOUTS AND WRAPPERS
-----------------------------------------------------------------------------*/

#container_header {
	height: 153px;
	width: 100%;
	padding: 0;
	margin: 0;
	background: url(/persistent/templateimages/header_bg.jpg) repeat-x;
	text-align: center;
	}
	
	
	#header {
		height: 153px;
		width: 974px;
		margin: 0 auto;
		padding: 0;
		text-align: left;
		}
		
		#logo {
			float: left;
			height: 153px;
			width: 120px;
			margin: 0;
			padding: 0;
			}
			
		#navwrap {
			float: left;
			height: 51px;
			padding: 103px 0 0 30px;
			}
			

#container_content {
	width: 100%;
	padding: 20px 0;
	margin: 0;
	background: url(/persistent/templateimages/main_bg.jpg) repeat;
	text-align: center;
	border-top: 1px solid #9d7953;
	border-bottom: 1px solid #9d7953;
	}
	
	#contents {
		height: 361px;
		width: 1020px;
		margin: 0 auto;
		padding: 0;
		background: url(/persistent/templateimages/content_bg.png) no-repeat;
		border: none;
		text-align: left;
		}
		
		#home_wrap {
			padding: 23px;
			}
			
			#flashcontent {
				float: right;
				width: 314px;
				height: 314px;
				padding: 0;
				margin: 0 0 0 60px;
				}
			
			#default_image {
				float: right;
				width: 244px;
				height: 314px;
				margin: 0;
				padding: 0;
				margin: 0 0 0 0px;
				}
			
			#default_contents {
				width: 690px;
				height: 294px;
				margin: 0;
				padding: 10px 10px 10px 20px;
				background: url(/persistent/templateimages/default_content_bg.png) no-repeat;
				}
				#port_contents {
	width: 945px;
	height: 294px;
	margin: 0;
	padding: 15px 10px 10px 20px;
	background-image: url(/persistent/templateimages/default_content_bg.png);
	background-repeat: repeat-x;
				}
				
				#portContent{
				width: 900px;
					height: 265px;
					
					
					overflow: auto;
					overflow-x: hidden;
					overflow-y: scroll;
					
					text-align: left;
					padding: 0px 10px 0px 0px;
				}
				#arrowUp { width: 688px; }
				#arrowDown { width: 688px; }
				
				#mainContent { 
					width: 669px;
					height: 274px;
					text-align: left;
					padding: 0px 10px 0px 0px;
					
					overflow: auto;
					overflow-x: hidden;
					overflow-y: scroll;
					

					}
					
			
			#gallery_slideshow {
				float: right;
				width: 396px;
				height: 299px;
				margin: 0 0 0 0px;
				padding: 15px 10px 0 9px;
				background: url(/persistent/templateimages/gallery_images_bg.png) no-repeat;
				text-align: center;
				}
				
				#portfolio {
					height: 260px;
					width: 370px;
					overflow: hidden;
					margin: 0 auto;
					padding: 0;
					text-align: left;
					}
				
							/*#s3 { 
								width: 396px; 
								height: 396px; 
								position: relative; 
								overflow: hidden;
							}
							
							#s3Content { 
								width: 396px; 
								position: absolute; 
								top: 0; 
								margin: 0; 
								padding: 0; 
								list-style-type: none;
							}
							
							.s3Image { 
								float: left; 
								position: relative; 
								display: none;
							}
							
							
							.s3Image span { 
								
								left: 0; 
								font: 10px/15px Arial, Helvetica, sans-serif; 
								padding: 10px 13px; 
								width: 396px;
								background-color: #000; 
								filter: alpha(opacity=70); 
								-moz-opacity: 0.7; 
								-khtml-opacity: 0.7; 
								opacity: 0.7; 
								color: #fff; 
								display: none; 
								bottom: 0;
							}
							
							.s3Image img { display:block;}
							
							.clear {clear: both;}*/

					
					#portfolio ul, #portfolio li {
						margin: 0;
						padding: 0;
						width: 370px;
						list-style: none;
						}
						
					#portfolioImg {
						width: 370px;
						height: 396px;
						margin: 0; 
						text-align: right;
						}
					
					#portfolio img {
						border: 0;
						padding: 0;
						}
				
					#portfolio p {
						text-align: right;
						color: #b7a08a;
						margin: 3px 0 0 0;
						padding: 0;
						}
			
			#gallery_contents {
				width: 515px;
				height: 294px;
				margin: 0;
				padding: 10px 10px 10px 20px;
				background: url(/persistent/templateimages/default_content_bg.png) no-repeat;
				}
				
				#gallery_arrowUp { width: 513px; }
				#gallery_arrowDown { width: 513px; }
				#galleryContent { 
					width: 505px;
					height: 274px;
					
					
					overflow: auto;
					overflow-x: hidden;
					overflow-y: scroll;
					
					text-align: left;
					padding: 0px 10px 0px 0px;
					}



#container_footer {
	height: 35px;
	width: 100%;
	padding: 0;
	margin: 0;
	background: #473522;
	text-align: center;
	}
	
			
	#footer {
		height: 35px;
		width: 974px;
		margin: 0 auto;
		padding: 0;
		text-align: left;
		}
		

		
		
#stats {
	display: none;
	font-size: 0;
	height: 0;
	line-height: 0
	}		
		
		


/*
----------------------------------------------------------------------------- 
FOOTER STYLES
-----------------------------------------------------------------------------*/

#footer p {
	color: #876e53;
	font-size: 11px;
	margin: 7px 0;
	}
	
	#copyright {
		float: left;
		width:690px;
		}
	
	#tagline {
		float: right;
		width: 272px;
		text-align: right;
		}
		
		#tagline .tagline_text {
			font-size: 18px;
			font-weight: normal;
			color: #8a663f;
			}
	
	
#footer a {
	color: #876e53;
	text-decoration: underline;
	}

#footer a:hover {
	text-decoration: none
	}
	
	
a.facebook:link, a.facebook:visited {
	padding: 15px 0 15px 25px;
	background:url(../templateimages/facebook.png) 0% 50% no-repeat;
}

		a.facebook:hover {
			background:url(../templateimages/facebook_hover.png) 0% 50% no-repeat;
}


a.linkedin:link, a.linkedin:visited {
	padding: 15px 0 15px 25px;
	background:url(../templateimages/linkedin.png) 0% 50% no-repeat;
}

		a.linkedin:hover {
			background:url(../templateimages/linkedin_hover.png) 0% 50% no-repeat;
		}
		
		
a.news:link, a.news:visited {
	padding: 15px 0 15px 25px;
	background:url(../templateimages/news.jpg) 0% 50% no-repeat;
}

		a.news:hover {
			background:url(../templateimages/news_hover.jpg) 0% 50% no-repeat;
		}

/*
----------------------------------------------------------------------------- 
HEADINGS
-----------------------------------------------------------------------------*/


h1 {
	font: 20px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #754b23;
	text-transform: none;
	margin: 0 0 20px 0;
	}
	
h2 {
	font: 14px Tahoma, Verdana, Arial, Helvetica, sans-serif;	
	font-weight: bold;
	color: #333333;
	padding: 5px 0;
	text-transform: uppercase;
	}

h3 {
	font: 13px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #655c47;
	padding: 0;
	}
	



/*
----------------------------------------------------------------------------- 
DEFAULT FONT STYLES
-----------------------------------------------------------------------------*/

td, p {
	font: 12px/18px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #452a0f;
	}
	
p {
	margin-bottom: 14px;
	}
	

hr {
	border: none;
	border-top: 1px solid #452a0f;
	color: #997e65;
	}
	
	
/*
----------------------------------------------------------------------------- 
LINKS
-----------------------------------------------------------------------------*/

a, a b, a strong { 
	text-decoration: underline;
	font-weight: bold;
	color: #e5b871;
	}
	
a:hover, a:hover b, a:hover strong{
	text-decoration: none;
	}
	
.hyperlink_dark {
	color: #452a0f;
	}

/*
----------------------------------------------------------------------------- 
CONTENT STYLES
-----------------------------------------------------------------------------*/

.homeheading {
	color: #b0875b;
	margin-top: 150px;
	line-height: 30px;
	text-align: right;
	}


.floatRight {
	float: right;
	margin: 0 0 15px 25px;
	}
	
.floatLeft {
	float: right;
	margin: 0 15px 10px 0;
	}
		


/*
----------------------------------------------------------------------------- 
FORMS
-----------------------------------------------------------------------------*/

form {
  	margin: 0;
	padding: 0;
	}

.feedback_table {
	margin: 0;
	text-align: left;
	padding: 0;
	}

.feedback_table td {
	padding: 10px;
	height:auto;
	border: 1px solid #836549;
	}
	
.feedback_table p {
	margin-bottom: 8px;
	}

.feedback_input, .feedback_input2, .searchInput { 
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	border: 1px solid #999999;
	padding: 2px;
	}
 
select { 
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	border: 1px solid #999999;
 	}
 
checkbox {
	border: none;
	}

.feedback_button, button{ 
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	text-decoration: none;
	border: 1px solid #725234;
	background-color: #725234;
	color: #FFFFFF;
	font-weight: bold;
	}

.sf-menu, .sf-menu * {
margin:0;
padding:0;
list-style:	none;
}

.sf-menu {
line-height:0;
}

.sf-menu ul {
position:absolute;
top:	-999em;
width:10em; 

	list-style: none;
	padding: 0;
	margin: 0 auto;
	z-index: 2;

}

.sf-menu ul li {
width:100%;

}

.sf-menu li:hover {
visibility:	inherit;
}

.sf-menu li {
float:left;
position:relative;
height:50px;
padding: 0; 
list-style: none;
background: url(/persistent/templateimages/nav_li_bg.jpg) center no-repeat;


}

.sf-menu a {
display:block;
position:relative;
font-size: 13px;
color: #b3a080;
	list-style: none;
	text-decoration: none;
	padding: 8px 11px;
	font-weight: bold; 

}

.sf-menu a:hover {
}
	
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left:	0;
top:	2.0em; 
z-index:99;
}

ul.sf-submenu {

}

.submenu-width {

}



/*** DEMO SKIN ***/
.sf-menu {
float:left;


}
.sf-menu a {

text-decoration:none;
line-height:1;
font-size:13px;

font-weight:bold;

}
.sf-menu a, .sf-menu a:visited  { 
	color: #b3a080;
}
.sf-menu li.current {
margin-left:12px;
}

.sf-menu li li {
	background-image: none;
	background-color: #473521;
height:30px;
width:170px;
}
.sf-menu ul li ul li li {
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
color: #FFFFFF;

}
/*
----------------------------------------------------------------------------- 
NAV MENU
-----------------------------------------------------------------------------*/


ul#nav {
	height: 51px;
	list-style: none;
	padding: 0;
	margin: 0 auto;
	z-index: 2;
	text-align: right;
	}
	
ul#nav li {
	float: left;
	height: 51px; 
	padding: 0; 
	color: #b3a080;
	list-style: none;
	background: url(/persistent/templateimages/nav_li_bg.jpg) center no-repeat;
	}

ul#nav li a {  /*top level item*/
	font-size: 13px;
	display: block;
	list-style: none;
	text-decoration: none;
	padding: 8px 11px;
	font-weight: bold; 
	text-transform: none;
	}

ul#nav li a:hover {
	color: #FFFFFF;
	}

.normal {
	color: #b3a080;
	}
.selected {
	color: #b98e46;
	}