/* CSS Document */

/* Eight Legs Design | www.eightlegsdesign.com.au */



/* Reset */

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: Arial, Helvetica, sans-serif; 
	font-size:100%; 
	font-weight: normal; 
	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;
}

hr {
	border-style:dashed;
	border-color:#ccc;
	border-width:1px;
}



/* Heading styles */

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:36px;
	font-weight:normal;
	color:#67b52c;
	line-height:1.1;
	margin:0px 0px 20px 0px; 
}

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

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


/* Text element styles */

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

p a {
	font-weight:bold;
	color:#67b52c;
	line-height:1.5;
}

p a:hover {
	color:#14b4e8;
}

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

address a {
	color:#888;
}

address a:hover {
	color:#14b4e8;
}

address a:hover .nearlywhite_text  {
	color:#14b4e8;
}

#pricing_table td {
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.5;
	color:#666;
	padding:8px 0px;
	border-bottom:#666 1px solid;
}

#portfolio_table {
	margin-top:30px;
}

#portfolio_table td {
	border:0;
}

td a {
	font-weight:bold;
	color:#67b52c;
}

td a:hover {
	color:#14b4e8;
}

li {
	font-size:13px;
	font-weight:normal;
	color:#666;
	line-height:1.5;
	margin:0px 0px 5px 0px;
	text-align:left;
}


/* Miscellaneous class styles */

.nearlywhite_text {
	color:#eee;	
}

.green_background {
	background-color:#67b52c;
}

.topborder {
	border-top:#666 1px solid;
}

.rightaligned {
	text-align:right;
}

.greyheading {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:36px;
	font-weight:normal;
	color:#666;
	line-height:1.1;
	margin:0px 0px 20px 0px;
}

.boldgreen {
	font-weight:bold;
	color:#67b52c;
}

.boldblue {
	font-weight:bold;
	color:#14b4e8;
}

.errormessage {
	font-weight:bold;
	color:#F00;
	margin:20px 0px 0px 0px;	
	padding:0px;
}

.smallertext {
	font-size:11px;
	margin-bottom:10px;
}

.smallertext a {
	font-size:11px; 
	font-weight:normal; 
	color:#777; 
	padding:3px 5px; 
	background-color:#DDD; 
}

.smallertext a:hover {
	color:#666;
	background-color:#CCC;
}

.spacer {
	width:850px;
	height:30px;
	background-colour:#fff;	
}


/* Div structure */


#topbanner {
	margin:0;
	padding:0;
	background-color:#fff;
}

#topbanner_inner {
	width:850px;
	height:100px;
	margin:0px auto;
	background-color:#fff;
	padding-top:20px;
}

#topbanner_logo {
	width:430px;
	float:left;
}

#topaddress {
	width:330px;
	float:right;
	margin-top:20px;
}

#topnav {
	height:24px;
	margin:0;
	padding:0;
	background-color:#666;
}

#topnav_inner {
	width:850px;
	height:24px;
	margin:0px auto;
	background-color:#444;
}

#topnav_inner ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#topnav_inner li {
	display:inline;
}

#topnav_inner a {
	padding:5px 25px;
	background-color:#444;
	font-size:13px;
	color:#fff;
	float:left;
}

#topnav_inner a.greentext {
	padding:5px 25px;
	background-color:#333;
	font-size:13px;
	color:#B1EA75;
	float:left;
}

#topnav_inner a:hover {
	background-color:#000;
}

#sub-banner {
	margin:0;
	padding:0;
	background-color:#14b4e8;
}

#sub-banner_intro {
	width:510px;
	height:75px;
	float:left;
	margin-top:25px;
}

#sub-banner_intro p {
	font-size:16px;
	color:#fff;
	margin:0px;
}

#sub-banner_sticker {
	width:313px;
	height:120px;
	float:right;
}

#sub-banner_sticker p {
	width:313px;
}

#sub-banner_sticker p a {
	height:120px; 
	display:block; 
}

#sub-banner_sticker p.button1 {
	background-image:url(../images/png/sticker_4p_website-hover.png);
}

#sub-banner_sticker p.button1 a {
	background-image:url(../images/png/sticker_4p_website-off.png);
}

#sub-banner_sticker p.button2 {
	background-image:url(../images/png/sticker_dl_brochure-hover.png);
}

#sub-banner_sticker p.button2 a {
	background-image:url(../images/png/sticker_dl_brochure-off.png);
}

#sub-banner_sticker p.button3 {
	background-image:url(../images/png/sticker_1p_website-hover.png);
}

#sub-banner_sticker p.button3 a {
	background-image:url(../images/png/sticker_1p_website-off.png);
}

#sub-banner_sticker p.button4 {
	background-image:url(../images/png/sticker_a4_flyer-hover.png);
}

#sub-banner_sticker p.button4 a {
	background-image:url(../images/png/sticker_a4_flyer-off.png);
}

#sub-banner_sticker p.button5 {
	background-image:url(../images/png/sticker_packages-hover.png);
}

#sub-banner_sticker p.button5 a {
	background-image:url(../images/png/sticker_packages-off.png);
}

#sub-banner_sticker p.button6 {
	background-image:url(../images/png/sticker_free_webhosting-hover.png);
}

#sub-banner_sticker p.button6 a {
	background-image:url(../images/png/sticker_free_webhosting-off.png);
}

#sub-banner_sticker p a:hover {
	background-image:none;
}

#sub-banner_sticker p a span {
	display:none;
}

#sub-banner_inner {
	width:850px; 
	height:120px; 
	margin:0px auto; 
	background-color:#14b4e8;
}

#wrapper {
	width:850px; 
	margin:0px auto; 
}

#fullwidth_main {
	width:850px;
	margin:27px 0px 0px 0px;
}

#login_main {
	width:690px;
	height:285px;
	margin:40px 0px 0px 0px;
	border:#f3f3f3 40px solid;
	padding:40px;		
}

#content_main {
	width:690px;
	margin:40px 0px 0px 0px;
	border:#f3f3f3 40px solid;
	padding:40px;
}

#content_main-inner {
	width:640px;
	padding:0px 20px 10px 20px;
	border:#67b52c 3px dotted;
	background-color:#f3f3f3;
}

#pricing_table {
	width:510px;
	margin-bottom:30px;
}

#portfolio_table {
	width:480px;
	margin-bottom:30px;
}

#specials_box1 {
	width:190px;
	height:143px;
	float:left;
	background-image:url(../images/png/special_4p_website.png);
	background-repeat:no-repeat;
	background-position:center;
	margin:0px 21px 15px 0px;
	border:#14b4e8 3px dotted;
}

#specials_box2 {
	width:190px;
	height:143px;
	float:left;
	background-image:url(../images/png/special_1p_website.png);
	background-repeat:no-repeat;
	background-position:center;
	margin:0px 21px 15px 0px;
	border:#67b52c 3px dotted;
}

#specials_box3 {
	width:190px;
	height:143px;
	float:left;
	background-image:url(../images/png/special_dl_brochure.png);
	background-repeat:no-repeat;
	background-position:center;
	margin:0px 21px 15px 0px;
	border:#14b4e8 3px dotted;
}

#specials_box4 {
	width:190px;
	height:143px;
	float:left;
	background-image:url(../images/png/special_a4_flyer.png);
	background-repeat:no-repeat;
	background-position:center;
	margin:0px 0px 15px 0px;
	border:#67b52c 3px dotted;
}

#specials_box5 {
	width:180px;
	float:left;
	margin:0px 21px 15px 0px;
	padding:7px;
	border:#bbb 1px dashed;
	background-color:#e4f8ff;
}

#specials_box6 {
	width:180px;
	float:left;
	margin:0px 21px 15px 0px;
	padding:7px;
	border:#bbb 1px dashed;
	background-color:#ebfae0;	
}

#specials_box7 {
	width:180px;
	float:left;
	margin:0px 21px 15px 0px;
	padding:7px;
	border:#bbb 1px dashed;
	background-color:#e4f8ff;
}

#specials_box8 {
	width:180px;
	float:left;
	margin:0px 0px 15px 0px;
	padding:7px;
	border:#bbb 1px dashed;
	background-color:#ebfae0;	
}

#packages_main {
	width:850px;
	margin:27px 0px 10px 0px;
	padding-top:20px;
	clear:both;
}

#packages_box1 {
	width:407px;
	height:143px;
	float:left;
	background-image:url(../images/png/package_bus_starter.png);
	background-repeat:no-repeat;
	background-position:center;
	margin:0px 21px 15px 0px;
	border:#14b4e8 3px dotted;
}

#packages_box2 {
	width:407px;
	height:143px;
	float:left;
	background-image:url(../images/png/package_web_broch.png);
	background-repeat:no-repeat;
	background-position:center;
	margin:0px 0px 15px 0px;
	border:#67b52c 3px dotted;
}

#packages_box3 {
	width:397px;
	float:left;
	margin:0px 21px 35px 0px;
	padding:7px;
	border:#bbb 1px dashed;
	background-color:#e4f8ff;
}

#packages_box4 {
	width:397px;
	float:left;
	margin:0px 0px 35px 0px;
	padding:7px;
	border:#bbb 1px dashed;
	background-color:#ebfae0;
}

#sitemap p a {
	color:#000;
	font-weight:normal;
	text-decoration:underline;
}

#sitemap h2 a {
	color:#000;
	text-decoration:underline;
}

#sitemap a:hover {
	color:#14b4e8;
}

#leftcolumn_wide {
	width:480px;
	height:570px;
	margin:27px 0px 0px 0px;
	float:left;
}

#rightcolumn_narrow {
	width:313px;
	margin:88px 0px; 
	float:right; 
}

#leftcolumn {
	width:310px; 
	margin:27px 0px 10px 0px; 
	float:left; 
}

#leftnav {
	width:310px;
	float:left;
}

#leftnav ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#leftnav a {
	display:block; 
	padding:11px 15px;
	background-color:#eee;
	margin:3px 0px;
	font-size:13px;
	color:#777;  
}

#leftnav a.bckgrnd_grey {
	display:block; 
	padding:11px 15px;
	background-color:#bbb;
	margin:3px 0px;
	font-size:13px;
	color:#fff;  
}

#leftnav a.bluetext {
	display:block; 
	padding:11px 15px;
	background-color:#eee;
	margin:3px 0px;
	font-size:13px;
	color:#14b4e8;  
}

#leftnav a:hover {
	background-color:#ddd;
	color:#000;
}

#upload_button {
	width:310px;
	height:35px;
	background-image:url(../images/png/button_upload-hover.png);
	margin-top:20px;
	float:left;
}

#upload_button a {
	background-image:url(../images/png/button_upload-off.png);
	margin:0px;
}

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

#upload_button a span {
	display:none;
}

#submit_button {
	width:310px;
	height:35px;
	background-image:url(../images/png/button_submit-hover.png);
	margin-top:20px;
	float:left;
}

#submit_button a {
	background-image:url(../images/png/button_submit-off.png);
	margin:0px;
}

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

#submit_button a span {
	display:none;
}

#uploadmore_button {
	width:310px;
	height:35px;
	background-image:url(../images/png/button_uploadmore-hover.png);
	margin:20px 50px 10px 0px;
	float:left;
}

#uploadmore_button a {
	background-image:url(../images/png/button_uploadmore-off.png);
	margin:0px 50px 10px 0px;
}

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

#uploadmore_button a span {
	display:none;
}

#logout_button {
	width:310px;
	height:35px;
	background-image:url(../images/png/button_logout-hover.png);
	margin:20px 0px 10px 0px;
	float:left;
}

#logout_button a {
	background-image:url(../images/png/button_logout-off.png);
	margin:0px 0px;
}

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

#logout_button a span {
	display:none;
}

#closewindow_button {
	width:310px;
	height:35px;
	background-image:url(../images/png/button_closewindow-hover.png);
	margin:20px 0px 10px 0px;
	float:left;
}

#closewindow_button a {
	background-image:url(../images/png/button_closewindow-off.png);
	margin:0px 0px;
}

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

#closewindow_button a span {
	display:none;
}

#designbriefbutton1 {
	width:310px;
	height:52px;
	background-image:url(../images/png/buttons_designbrief_specials-hover.png);
	margin:20px 50px 40px 0px;
	float:left;
}

#designbriefbutton1 a {
	background-image:url(../images/png/buttons_designbrief_specials-off.png);
	margin:0px 50px 30px 0px;
}

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

#designbriefbutton1 a span {
	display:none;
}

#designbriefbutton2 {
	width:310px;
	height:52px;
	background-image:url(../images/png/buttons_designbrief_standard-hover.png);
	margin:20px 0px 40px 0px;
	float:left;
}

#designbriefbutton2 a {
	background-image:url(../images/png/buttons_designbrief_standard-off.png);
	margin:0px 0px;
}

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

#designbriefbutton2 a span {
	display:none;
}

#leftbuttons {
	width:310px;
	margin:30px 0px;
	float:left;
}

#leftbuttons ul {
	width:310px;
}

#leftbuttons li a {
	height:35px;
	display:block;
	margin-bottom:15px;
}

#leftbuttons li.emailbutton {
	background-image:url(../images/png/button_sendemailnow-hover.png);
}

#leftbuttons li.emailbutton a {
	background-image:url(../images/png/button_sendemailnow-off.png);
}
				
#leftbuttons li.backtophotogbutton {
	background-image:url(../images/png/button_backtophotography-hover.png);
}

#leftbuttons li.backtophotogbutton a {
	background-image:url(../images/png/button_backtophotography-off.png);
}

#leftbuttons li.emailgreybutton {
	background-image:url(../images/png/button_sendemail-grey-hover.png);
}

#leftbuttons li.emailgreybutton a {
	background-image:url(../images/png/button_sendemail-grey-off.png);
}
				
#leftbuttons li.pricesbutton {
	background-image:url(../images/png/button_getpricesnow-hover.png);
}

#leftbuttons li.pricesbutton a {
	background-image:url(../images/png/button_getpricesnow-off.png);
}

#leftbuttons li.specialsbutton {
	background-image:url(../images/png/button_specialdeals-hover.png);
}

#leftbuttons li.specialsbutton a {
	background-image:url(../images/png/button_specialdeals-off.png);
}

#leftbuttons li.designbriefbutton {
	background-image:url(../images/png/button_designbrief-hover.png);
}

#leftbuttons li.designbriefbutton a {
	background-image:url(../images/png/button_designbrief-off.png);
}

#leftbuttons li.getstartedbutton {
	background-image:url(../images/png/button_getstarted-hover.png);
}

#leftbuttons li.getstartedbutton a {
	background-image:url(../images/png/button_getstarted-off.png);
}

#leftbuttons li a:hover {
	background-image:none;
}

#leftbuttons li a span {
	display:none;
}

#progress {
	width:400px;
	background-colour:#fff;
	padding-top:30px;
}

#progress p {
	margin-bottom:0px;
	margin-top:3px;
	margin-left:35px;
}

#content_right {
	width:510px;
	margin:30px 0px; 
	float:right; 
}

#centrebuttons {
	width:310px;
	margin:35px auto;
	clear:both;
}

#centrebuttons ul {
	width:310px;
}

#centrebuttons li a {
	height:35px;
	display:block;
	margin-bottom:15px;
}

#centrebuttons li.emailbutton {
	background-image:url(../images/png/button_sendemailnow-hover.png);
}

#centrebuttons li.emailbutton a {
	background-image:url(../images/png/button_sendemailnow-off.png);
}
				
#centrebuttons li.emailgreybutton {
	background-image:url(../images/png/button_sendemail-grey-hover.png);
}

#centrebuttons li.emailgreybutton a {
	background-image:url(../images/png/button_sendemail-grey-off.png);
}
				
#centrebuttons li.pricesbutton {
	background-image:url(../images/png/button_pricingdetails-hover.png);
}

#centrebuttons li.pricesbutton a {
	background-image:url(../images/png/button_pricingdetails-off.png);
}

#centrebuttons li.getstartedbutton {
	background-image:url(../images/png/button_getstarted-hover.png);
}

#centrebuttons li.getstartedbutton a {
	background-image:url(../images/png/button_getstarted-off.png);
}

#centrebuttons li.designbriefbutton {
	background-image:url(../images/png/button_designbrief-hover.png);
}

#centrebuttons li.designbriefbutton a {
	background-image:url(../images/png/button_designbrief-off.png);
}

#centrebuttons li a:hover {
	background-image:none;
}

#centrebuttons li a span {
	display:none;
}

#container_browselist p {
	margin-bottom:0px;
}

#sub-footer {
	margin:0; 
	padding:0; 
	background-color:#eee; 
	clear:both; 
}

#sub-footer_inner {
	width:850px; 
	height:120px; 
	margin:0 auto; 
}

.sub-footer_box {
	width:150px; 
	height:65px; 
	float:left; 
	padding:15px 20px 20px 0px; 
}

.sub-footer_box h2 {
	font-weight:bold; 
	font-size:12px; 
	color:#888; 
	margin:0px 0px 10px 0px;
}

.sub-footer_box h2 a {
	font-weight:bold;
	color:#888; 
}

.sub-footer_box h2 a:hover {
	color:#14b4e8; 
}

.sub-footer_box p {
	font-size:11px; 
	color:#777; 
	margin-bottom:12px; 
}

.sub-footer_box p a {
	font-size:11px; 
	font-weight:normal; 
	color:#777; 
	padding:3px 5px; 
	background-color:#ddd; 
}

.sub-footer_box p a:hover {
	color:#666;
	background-color:#ccc;
}

#footer {
	margin:0; 
	padding:0; 
	background-color:#444;
}

#footer_inner {
	width:850px; 
	height:70px; 
	margin:0 auto;
}

#footer_inner address {
	font-size:16px; 
	font-weight:normal;
	color:#eee; 
	text-align:left;
	padding-top:12px; 
}

#footer_inner p {
	font-size:11px; 
	color:#BBB; 
	padding-top:5px;
}

#footer_inner p a {
	font-size:11px; 
	font-weight:normal;
	text-decoration:underline;
	padding-top:5px;
}


/* Form */

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

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

label {
	width:100px;
	margin:5px 0px;
	text-align:left;
	display:block;
	background:none;
	font-weight:bold;
	color:#999;
}

submit {
	background:none;
}

input {
	width:450px;
	margin:0px 0px 16px 0px;
	border:#bbb 1px solid;
	padding:5px;
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px; 
}
		
input:focus, textarea:focus {
	background-color:#e4f8ff;
}

textarea {
	width:450px;
	height:150px;
	margin:0px 0px 16px 0px;
	border:#bbb 1px solid;
	padding:5px;
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px; 
}

select {
	margin-bottom:20px;
}

.submit {
	width:130px;
	height:30px;
	font-size:13px;
}

br {
	clear:left;
}

.clear {
	clear:both;
}



/* Comment out the following styles when you publish the finished website!


#webcoming {
	width:850px; 
	height:500px; 
	margin:0 auto; 
	background-color:#fafafa;
}

#webcoming h1 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:24px; 
	color:#aaa; 
	padding-top:200px; 
	text-align:center; 
}

*/