/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#e2e3e2;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:0.813em;
		line-height:1.308em;
		color:#000000;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#000000;}
a:hover{text-decoration:none;}
p {padding-top:15px;}

/* ============================= main layout ====================== */

#content li {background:url(/images/webdesign01/marker2.gif) no-repeat 0 8px; padding-left:19px; line-height:1.846em;}
#content li a {text-decoration:none;}
#content li a:hover {text-decoration:underline;}
#content .list li {background:url(images/marker2.gif) no-repeat 0 2px; padding-left:19px; padding-bottom:15px; line-height:1.308em;}

.imgindent {margin:0 20px 0 0; float:left;}
.taright {text-align:right;}

.top-tail {background:url(/images/webdesign01/top-tail.gif) top repeat-x #fff;}
.bottom-tail {background:url(/images/webdesign01/bottom-tail.gif) bottom repeat-x;}

h1 {font-size:36px; line-height: 36px; font-weight:normal; letter-spacing: 0px; font-family: 'Myriad Pro', sans-serif; margin: 0px; margin-bottom: 14px;}
h2 {font-size:30px; line-height: 30px; font-weight:normal; letter-spacing: 0px; margin-bottom:6px; font-family: 'Myriad Pro', sans-serif; margin: 0px; margin-bottom: 14px;}
h3 {font-size: 20px; line-height: 26px; font-weight:normal; letter-spacing: 0px; margin-bottom:20px; font-family: 'Myriad Pro', sans-serif; margin: 0px;}
h3 a {color:#de3e4e;}
h3 span {color:#449736;}
h4 {text-transform:uppercase; margin-bottom:2px;}

.link {background:url(/images/webdesign01/marker1.gif) no-repeat right 0; padding:1px 23px 2px 0; display:inline-block; margin:21px 0 0 0; font-size:0.923em; text-decoration:none;}
.link:hover {text-decoration:underline;}

/* ============================= header ====================== */

#header {background:url(/images/webdesign01/web_designers_perth.jpg) no-repeat center top; text-align:right;}

.submenu {height: 93px; float:right; margin: 0px; padding: 7px 0px 0px 0px;}
.submenu li {font-size:12px; padding-left:1px; float:left;}
.submenu li a {text-align:center; width:67px; display:block; color:#ffffff; text-decoration:none; padding:2px 0 3px 0;}
.submenu .button1 a {background:url(/images/webdesign01/button1-bg.gif) no-repeat 0 0;}
.submenu .button2 a {background:url(/images/webdesign01/button2-bg.gif) no-repeat 0 0;}
.submenu li a:hover {text-decoration:underline;}

.submenu li#blue a {color:#FFFFFF; display:block; padding:2px 0 3px; text-align:center; text-decoration:none; width:87px;}
.submenu li#blue a:hover {text-decoration:underline;}

#LoginForm {float:right; /*padding:56px 0 0 0;*/ text-align:center; height: 166px; margin: 0px; float:right; padding: 0px;}

#LoginForm h1 {color:#000000; font-size:28px; line-height:34px;}

#LoginForm .name {display:inline-block; width:64px; text-align:left;}
#LoginForm label {display:block; height:31px;}

.logo {margin:89px 0 0 225px; position:absolute;}

#header .menu {/*padding:86px 0 0 325px; margin:56px 0 0 325px; */ float:right; height:41px; width:655px;}

#header .menu li {float:left;}
#header .menu li a {width:128px; margin-left:3px; display:block; padding:12px 0 12px 0; text-align:center; background:url(/images/webdesign01/menu-bg.jpg) no-repeat 0 0; color:#f9f6e9; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size: 14px !important; line-height: 14px !important;}
#header .menu li a:hover {text-decoration:underline;}

/* ============================= content ====================== */

#content {padding:15px 0 61px 0;}
#page1 #content {padding:5px 0 61px 0;}

.box1 {background:url(/images/webdesign01/page1-img1.jpg) no-repeat 0 0; padding:0 0 0 39px;}
.box2 {background:url(/images/webdesign01/page1-img2.jpg) no-repeat 0 0; padding:0 0 0 39px;}
.box3 {background:url(/images/webdesign01/page1-img3.jpg) no-repeat 0 0; padding:0 0 0 39px;}
.box4 {background:url(/images/webdesign01/page1-img4.jpg) no-repeat 0 0; padding:0 0 0 39px;}

.col-pad {padding-right:43px;}
.col-pad2 {padding-right:22px;}
.banner {margin-right:23px;}
.margin1 {margin-top:20px;}
.margin2 {margin-top:22px;}
.margin3 {margin-top:32px;}
.padding1 {padding-left:10px;}
.text2 {color:#54b140;}
.text3 {text-transform:uppercase; font-size:1.154em; line-height:1.533em; font-weight:bold; letter-spacing:-1px;}
.text3 a, .text3 span {color:#54b140;}
.text3 .phone {color:#000; width:120px;}
.phone {display:inline-block; width:86px;}

/* ============================= footer ====================== */

#footer {padding:20px 0 0 9px;}
#footer .right {width:234px; text-align:left;}
#footer a {text-decoration:none;}
#footer a:hover {text-decoration:underline;}

#footer .menu li {display:inline; padding-right:6px;}
#footer .menu li a {margin-right:9px;}

/* ============================= forms ============================= */


#LoginForm .input {width:177px; height:22px; border:1px solid #b3dbaa; background:none; padding:0 0 0 5px; font-size:1em;}
#LoginForm .login-button {background:url(/images/webdesign01/login-button.gif) no-repeat 0 0; display:inline-block; text-align:center; padding:2px 0 4px 0; width:68px; color:#fff; font-size:0.917em; text-decoration:none;}
#LoginForm .login-button:hover {text-decoration:underline;}
#ContactForm label {height:45px; display:block;}
#ContactForm .col-1 {width:323px !important;}
#ContactForm .col-2 {width:294px !important;}
#ContactForm .link {margin-left:20px;}

.input {width:287px; height:22px; border:1px solid #b3dbaa; background:#fff; padding:0 0 0 5px; font-size:1em;}
textarea {width:287px; height:112px; border:1px solid #b3dbaa; background:#fff; padding:0 0 0 5px; overflow:auto; font-size:1em;}

.panel-green {background-image: url(/images/webdesign01/banner1.jpg); background-repeat: no-repeat; float: left; width: 311px; height: 137px; margin-right: 15px; margin-bottom: 30px;}
.panel-blue {background-image: url(/images/webdesign01/banner2.jpg); background-repeat: no-repeat; float: left; width: 311px; height: 137px; margin-right: 15px; margin-bottom: 30px;}
.panel-pink {background-image: url(/images/webdesign01/banner3.jpg); background-repeat: no-repeat; float: left; width: 311px; height: 137px; margin-bottom: 30px;}

.panel-text h2 {color: #ffffff; font-size: 24px; line-height: 26px; letter-spacing: 0px !important;}
.panel-text h2 a {color: #ffffff; text-decoration: none;}

.panel-text {padding: 10px 5px 10px 20px;}

.panel-text p {color: #ffffff; padding-top:5px !important; font-size: 14px; line-height: 18px;}
.panel-text a {color: #ffffff; text-decoration: none;}

#content-form {float: left; width: 700px;}

#form {float: right; width: 250px;}