/* CSS Document */

/* Lisa Stanton | www.lisastanton.com.au */

/* Stylesheet for Hung By Cam */



/* 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-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:#eee;
	font-family: 'Roboto', sans-serif;
}



/* Heading styles */

h1 {
	font-size:26px;
	font-weight:300;
	color:#d71a21;
	line-height:1.2;
	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:#d71a21;
}

p a:hover {
	color:#bf191d;
}

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

address a {
	color:;
}

address a:hover {
	color:;
}

/* Div structure */


#wrapper {
	width:1170px;
	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:76px;
	margin:0px auto;
	padding:0;
	background-color:#FFF;
}

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

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

#subbanner_nav {
	width:450px;
	height:30px;
	margin:0px 0px 20px 23px;
	background-color:#fff;
	float:left;
}

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

#subbanner_nav li {
	display: block;
	font-size:14px;
	padding-bottom:8px;
	float:left;
	width:60px;
	margin-right:50px;
	list-style-type:none;
}

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

#subbanner_nav a.activetext_top {
	color:#666;
	padding-bottom:8px;
	border-bottom:2px solid #d71a21;
}

#subbanner_nav a.inactivetext_top {
	color:#bbb;
	padding-bottom:8px;
	border-bottom:2px solid #aaa;
}

#subbanner_nav a:hover {
	color:#666;
	padding-bottom:8px;
	border-bottom:2px solid #d71a21;
}

#subbanner_intro {
	width:640px;
	height:80px;
	float:left;
	margin:18px 0px 0px 23px;
}

#subbanner_intro p {
	font-size:18px;
	font-weight:300;
	color:#777;
	line-height:1.5;
	margin:0px;
}

#content_wrapper {
	width:1170px;
	height:517px;
	margin:0px auto;
	background-color:#fff;
}

#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;
}

#content_right_rule {
	width:911px;
	height:57px;
	border-bottom:1px solid #ccc;
}

#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;
}

#column_contact {
	width:516px;
	float:left;
	margin-left:31px;
}

#button_container {
	width:490px;
	height:136px;
}

#button_container_short {
	width:490px;
	height:60px;
}

#art_button {
	width:230px;
	height:37px;
	background-color:#eee;	
	float:left;
}

#art_button a {
	width:230px;
	height:29px;
	background-color:#eee;
	font-size:17px;
	text-align:center;
	padding-top:8px;
	float:left;
}

#art_red_button a {
	width:230px;
	height:29px;
	background-color:#d71a21;
	font-size:17px;
	font-weight:300;
	color:#fff;
	text-align:center;
	padding-top:8px;
	float:left;
}

#art_button a:hover {
	width:230px;
	height:29px;
	background-color:#ddd;	
	float:left;
}

#art_red_button a:hover {
	width:230px;
	height:29px;
	background-color:#bf191d;	
	float:left;
}

#sign_button {
	width:230px;
	height:37px;
	background-color:#eee;
	float:right;
}

#sign_button a {
	width:230px;
	height:29px;
	background-color:#eee;
	font-size:17px;
	text-align:center;
	padding-top:8px;
	float:right;
}

#sign_red_button a {
	width:230px;
	height:29px;
	background-color:#d71a21;
	font-size:17px;
	font-weight:300;
	color:#fff;
	text-align:center;
	padding-top:8px;
	float:right;
}

#sign_button a:hover {
	width:230px;
	height:29px;
	background-color:#ddd;	
	float:left;
}

#sign_red_button a:hover {
	width:230px;
	height:29px;
	background-color:#bf191d;	
	float:right;
}

#small_photo {
	width:260px;
	height:220px;
	margin-left:31px;
	float:left;
	background-image:url(../images/jpg/cam.jpg);
}

#view_our_work {
	width:260px;
	height:220px;
	margin-left:31px;
	float:left;
	background-image:url(../images/jpg/view_our_work_thumb-off.jpg);
}

#view_our_work a {
	width:260px;
	height:220px;
	float:left;
}

#view_our_work a:hover {
	width:260px;
	height:220px;
	float:left;
	background-image:url(../images/jpg/view_our_work_thumb-hover.jpg);
}

#footer {
	width:1170px;
	height:37px;
	margin: 0px auto;
	background-color:#fff;
}

#footer_left {
	width:520px; 
	height:37px;
	margin:0;
	float:left;
	background-color:#ddd;
}

#footer_left p {
	font-size:11px;
	padding:10px 0px 0px 36px;
	color:#888;
}

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

#footer_left p a:hover {
	font-size:11px; 
	color:#d71a21; 
}

#footer_right {
	width:650px; 
	height:37px; 
	margin:0;
	float:right;
	background-color:#d71a21;
}

#footer_right p {
	font-size:14px; 
	padding:10px 0px 0px 15px;
	color:#fff; 
	padding-top:7px;
}

#footer_right p a {
	font-size:14px; 
	color:#fff; 
}

#footer_right p a:hover {
	font-size:14px; 
	color:#ddd; 
}



/* 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:'Roboto', sans-serif;
	font-weight:300;
	font-size:13px; 
}
		
input:focus, textarea:focus {
	background-color:#eee;
}

textarea {
	width:516px;
	height:120px;
	margin:0px 0px 16px 0px;
	border:#bbb 1px solid;
	padding:5px;
	background:none;
	font-family: 'Roboto', 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;
}

.red_text {
	color:#d71a21;
}