/* CSS Document */

/* Lisa Stanton Photography | www.lisastantonphotography.com.au */

/* Stylesheet for Lisa Stanton Photography */



/* Reset */

html {
    overflow-y: scroll;
}

html, body {
	margin:0; 
	padding:0; 
	border:0;  
	background:transparent; 
	font-size:13px; 
}

div, span, article, aside, footer, header, hgroup, nav, section, h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, table, tr, th, td, tbody, tfoot, thead {
	margin:0; 
	padding:0; 
	border:0; 
	vertical-align: baseline; 
	background: transparent; 
}

img {
	margin:0; 
	padding:0; 
	border:0; 
}

table, tr, th, td, tbody, tfoot, thead {
	margin: 0; 
	padding: 0; 
	border: 0; 
	vertical-align: baseline; 
	background: transparent; 
}

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

input, select, textarea, form, fieldset {
	margin: 0; 
	padding: 0; 
	border: 0; }

article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display:block;
}

h1, h2, h3, h4, h5, h6, p, li, address, blockquote, td, th, a, caption, em, i, u, strike {
	/* font-family: 'Roboto', sans-serif; */
	/* font-family: 'Questrial', sans-serif; */
	font-family: 'Muli', sans-serif;
	/* font-family: 'Didact Gothic', sans-serif; */
	font-size:100%; 
	font-weight: 300; 
	font-style: normal; 
	line-height: 100%; 
	text-indent: 0; 
	text-decoration: none; 
	text-align: left; 
	color: #000; 
}

ol, ul {
	list-style: none;
}


/* Global styles */

body {
	background-color:#fff;
	font-family: 'Muli', sans-serif;
}



/* Heading styles */


h1.uc {
	font-size:22px;
	font-weight:normal;
	color:#888;
	line-height:1.2;
	margin:0px 0px 30px 100px; 
	text-align:left;
}



h1 {
	font-size:26px;
	font-weight:300;
	color:#00a4e0;
	line-height:1.4;
	margin:40px 0px 30px 0px; 
	text-align:left;
}

h2 {
	font-size:18px;
	font-weight:300;
	color:#777;
	line-height:1.3;
	margin:30px 0px 15px 0px;
}

h3 {
	font-size:14px;
	font-weight:400;
	color:#666;
	line-height:1.5;
	margin:10px 0px 10px 0px;
}


/* Text element styles */

p {
	font-size:13px;
	font-weight:300;
	color:#666;
	line-height:1.5;
	margin:0px 0px 15px 0px;
	text-align:left;
}

p a {
	color:#00a4e0;
}

p a:hover {
	color:#0090cb;
}

address {
	font-size:13px;
	color:;
	line-height:1.5;
	text-align:right;
}

address a {
	color:;
}

address a:hover {
	color:;
}

/* Div structure */


#uc_logo {
	width:200px;
	height:56px;
	margin: 50px 0px 70px 100px;
	background-image:url(../images/png/lsphotography_logo.png);
}



#wrapper {
	width:1020px;
	margin: 0px auto;
	padding: 0;
	background-color:#fff;
}

#wrapper_long {
	width:1170px;
	/*height:1121px;*/
	margin: 0px auto;
	padding: 0;
	background-color:#fff;
}

#topbanner {
	/*width:1170px;*/
	height:85px;
	margin:0px auto;
	padding:0;
	background-color:#FFF;
}

#topbanner_inner {
	width:1020px;
	height:85px;
	margin:0px auto;
	padding:30px 0px 0px 0px;
	background-color:#FFF;
}

#icons_bookings_box {
	width:365px;
	height:40px;
	float:right;
}

#social_icons_box {
	width:150px;
	height:40px;
	float:left;
}


#social_icon1 {
	width:25px;
	height:25px;
	background-image:url(../images/jpg/facebook-25px-hover.jpg);
	margin:0px 5px 0px 0px;
	float:left;
}

#social_icon1 a {
	background-image:url(../images/jpg/facebook-25px.jpg);
	margin:0px 5px 0px 0px;
}

#social_icon1 a:hover {
	background-image:none;
}

#social_icon2 {
	width:25px;
	height:25px;
	background-image:url(../images/jpg/flickr-25px-hover.jpg);
	margin:0px 5px 0px 0px;
	float:left;
}

#social_icon2 a {
	background-image:url(../images/jpg/flickr-25px.jpg);
	margin:0px 5px 0px 0px;
}

#social_icon2 a:hover {
	background-image:none;
}

#social_icon3 {
	width:25px;
	height:25px;
	background-image:url(../images/jpg/instagram-25px-hover.jpg);
	margin:0px 5px 0px 0px;
	float:left;
}

#social_icon3 a {
	background-image:url(../images/jpg/instagram-25px.jpg);
	margin:0px 5px 0px 0px;
}

#social_icon3 a:hover {
	background-image:none;
}

#social_icon4 {
	width:25px;
	height:25px;
	background-image:url(../images/jpg/500px-25px-hover.jpg);
	margin:0px 5px 0px 0px;
	float:left;
}

#social_icon4 a {
	background-image:url(../images/jpg/500px-25px.jpg);
	margin:0px 5px 0px 0px;
}

#social_icon4 a:hover {
	background-image:none;
}

#social_icon5 {
	width:25px;
	height:25px;
	background-image:url(../images/jpg/pinterest-25px-hover.jpg);
	margin:0px 5px 0px 0px;
	float:left;
}

#social_icon5 a {
	background-image:url(../images/jpg/pinterest-25px.jpg);
	margin:0px 5px 0px 0px;
}

#social_icon5 a:hover {
	background-image:none;
}



#make_booking_box {
	width:190px;
	float:right;
	padding:5px 0px 5px 10px;
	background-color:#eee;
}

#subbanner {
	width:1020px;
	height:90px;
	margin:0px auto;
	background-color:#FFF;
}

#subbanner_logo {
	width:236px;
	height:70px;
	float:left;
}

#subbanner_nav {
	width:600px;
	height:50px;
	margin:0px;
	background-color:#fff;
	float:right;
}

#subbanner_nav ul {
	margin:0;
	padding:0;
	float:right;
}

#subbanner_nav li {
	display: block;
	font-size:14px;
	float:left;
	list-style-type:none;
}

#subbanner_nav a {
	display:block;
	font-size:14px;
	float:left;
}

#subbanner_nav a.activetext_top {
	color:#555;
	padding:18px;
	border-right:1px solid #00a4e0;
}

#subbanner_nav a.inactivetext_top {
	color:#999;
	padding:18px;
	border-right:1px solid #ddd;
}

#subbanner_nav a:hover {
	color:#555;
	padding:18px;
}


#content_wrapper {
	width:1020px;
	margin:0px auto;
	background-color:#fff;
}

.content_box {
	width:1020px;
	margin:0px;
	padding:0px;
	float:left; 
	background-color:#fff;
}

.content_box h1 {
	font-size:24px; 
	text-align:center;
	line-height:1.5;
	margin:40px 0px 40px 0px; 
	color:#111; 
}

.content_box p {
	font-size:20px; 
	text-align:center;
	line-height:1.5;
	margin:40px 0px 40px 0px; 
	color:#999; 
}

#thumbnails_box {
	width:1020px;
	height:240px;
	margin:0px;
	padding:0px;
	float:left;
	background-color:#fff;
}

#thumbnails_box ul {
	margin:0;
	padding:0;
	float:left;
}

#thumbnails_box li {
	display: block;
	width:240px;
	float:left;
	margin-right:20px;
	list-style-type:none;
}

#thumbnails_box li.last {
	margin-right:0px;
}

#thumbnails_box a {
	display:block;
	width:240px;
	float:left;
}

#content_left {
	width:259px;
	margin:0px;
	padding:0px;
	float:left; 
	background-color:#fff;
}

#content_right {
	width:911px;
	margin:0px;
	padding:0px;
	float:right;
	background-color:#fff;
}

#column_narrow {
	width:234px;
	height:356px;
	float:left;
}

#column_wide {
	width:490px;
	height:356px;
	float:left;
}

#column_wide_short {
	width:490px;
	height:256px;
	float:left;
}

#column_wide_textbox {
	width:490px;
	height:183px;
}

#column_long {
	width:781px;
	/*height:480px;*/
	float:left;	
}

#column_long_textbox {
	width:781px;
	xheight:470px;
	height:0px;
	overflow: hidden;
}

#bottombanner {
	margin: 0px auto;
	background-color:#f6f6f6;
	clear:both;
}

#bottombanner_inner_01 {
	width:1020px; 
	height:80px;
	margin:0px auto;
	background-color:#f6f6f6;
}

#bottombanner_inner_01 ul {
	margin:0;
	padding:0;
	float:left;
}

#bottombanner_inner_01 li {
	display: block;
	width:240px;
	float:left;
	margin-right:20px;
	list-style-type:none;
}

#bottombanner_inner_01 li.last {
	margin-right:0px;
}

#bottombanner_inner_01 a {
	display:block;
	font-size:14px;
	text-align:center;
	padding:20px 0px 20px 0px;
	width:240px;
	background-color:#e6e6e6;
	float:left;
}

#bottombanner_inner_01 a:hover {
	background-color:#ddd;
}

#bottombanner_inner_02 {
	width:1020px; 
	height:280px;
	margin:0px auto;
	background-color:#f6f6f6;
}

.bottombanner_inner_box {
	width:240px;
	float:left;
	margin-right:20px;
}

.bottombanner_inner_box_last {
	width:240px;
	float:left;
}

#footer {
	margin:0px auto;
	background-color:#eee;
}

#footer p {
	font-size:11px;
	text-align:center;
	padding:15px 0px 15px 0px;
	color:#888;
}

#footer p a {
	font-size:11px; 
	color:#888; 
}

#footer p a:hover {
	font-size:11px; 
	color:#00a4e0; 
}


/* Form */

form ol {
	list-style-type:none;
}

form {
	text-align:left;
	margin:0px;
}

label {
	width:100px;
	margin-bottom:5px;
	text-align:left;
	display:block;
	background:none;
	font-weight:300;
	color:#777;
}

submit {
	background:none;
}

input {
	width:516px;
	margin:0px 0px 16px 0px;
	border:#bbb 1px solid;
	padding:5px;
	background:none;
	font-family: 'Muli', sans-serif;
	font-weight:300;
	font-size:13px; 
}
		
input:focus, textarea:focus {
	background-color:#eee;
}

textarea {
	width:516px;
	height:150px;
	margin:0px 0px 16px 0px;
	border:#bbb 1px solid;
	padding:5px;
	background:none;
	font-family: 'Muli', sans-serif;
	font-weight:300;
	font-size:13px; 
}

select {
	margin-bottom:20px;
}

.submit {
	width:130px;
	height:30px;
	font-size:13px;
	background-color:#777;
	color:#fff;
}

br {
	clear:left;
}

.clear {
	clear:both;
}

.blue_text {
	color:#00a4e0;
}

.linkhover_text {
	color:#0090cb;
}

.dotted_line {
	border-bottom:dotted 2px #eee;	
}

.small_text {
	font-size:12px;
}

.smaller_text {
	font-size:11px;
}

.spacer {
	clear:both;
	width:1020px;
	height:80px;
}