/*
Theme Name: Australian Laser and Skin Clinic by Working Three
Theme URI: http://www.australianlaser.com.au
Description: Australian Laser and Skin Clinic by Working Three
Version: 1.0
Author: Working Three
Author URI: http://workingthree.com
Tags: Australian Laser and Skin Clinic by Working Three


dark purple: #9b5ba4
light purple: #d7bddb
text grey: #808285


*/

/* global */


*{margin:0; padding:0;}


hr {
	height:1px; 
    color: #d7bddb;
    clear:both;
	}

body {
	font-size:12px;
    line-height:18px;
	font-family:Helvetica, Arial, Sans-Serif;
	color:#666666;
	text-align:center;
	}

a {
    text-decoration:none;
    color:#808285;
}

a:hover {
    color:#9b5ba4;
}

object {
    border:0;
}

input.text {
background:#5A5A5A none repeat scroll 0 0;
border:1px solid #666666;
color:#AAAAAA;
float:left;
margin-right:6px;
width:130px;
}

img  {
    border:0;
}

h2{
    font-size: 16px;
}

h3{
    font-size: 14px;
}

h2 {
    padding-bottom:15px;   
    
}

h3, h4 {
    padding-top:15px;
}

#heading {
text-indent:-9999px;
}

#content h2, #content-wide h2 {
    padding-top:15px;
    text-transform:uppercase;
    text-decoration:underline;
}


h1, .description {
    text-indent:-9999px;
    }

#page {
	background-color:white;
	margin:auto;
	padding:0;
	width:950px;
    padding:0 25px 0 25px;
    text-align:left;
    background:url(images/shadow-middle.gif) repeat-y top center;
	}
    
#area {
    margin:20px 0 0 0;
    padding-bottom:20px;
    
}

#header {
    width:950px;
    height:250px;
    
    }

.navigation {
    padding-left:275px;
    border-bottom:1px solid #d7bddb;
    height:21px;
    }

.navigation li {
    display:inline;
    padding-right:40px;
    }

.navigation a:hover {
    padding-bottom:5px;
    border-bottom:1px solid #9B5BA4;
    }

 #social-media {
	height:18px;
	
}


 #social-media ul li {
 	 list-style:none;
 	 font-size: 10px;
 }
 
 #social-media li a {
 	 float:left;
	 margin: 0 0px 0 25px;
	 padding-right:30px;
	 width:70px;
	 }
 

#social-media a.twitter {background:url(images/ico-twitter.gif) no-repeat 100% 11px;}
 #social-media a.twitter:hover {background-position:100% -69px;}
 #social-media a.facebook {background:url(images/ico-facebook.gif) no-repeat 100% 11px;}
 #social-media a.facebook:hover {background-position:100% -69px;}


#sidebar {
    float:left;
    width:225px;
    margin:0 25px 0 25px;
    border-right:1px solid #989898;
    list-style:none;
}

ul.subnav li {
    list-style:none;
    line-height:20px;
    padding-top:10px;
    background:url(images/line.gif) no-repeat bottom left;
    border-bottom:1px solid #d7bddb;
    width:202px
}

ul.subnav li a:hover{

}

#treatments-menu {
    list-style:none;
    margin-top:20px;
}

#treatments-menu ul {
    margin-top:20px;
}

#treatments-menu li {
    margin-bottom:10px;
}

#treatments-menu li a {
    display:block;
    width:203px;
    color:#fff;
    text-decoration:none;
    background:url("images/hair-removal.gif") no-repeat top left;
    padding:17px;
}

#treatments-menu li.hair-removal a {
    background:url("images/hair-removal.gif") no-repeat top left;
}
#treatments-menu li.hair-removal a:hover {
    background-position:0 -70px;
}
#treatments-menu li.hair-removal a:active {
    background-position:0 -70px;
}

#treatments-menu li.photo-rejuvenation a {
    background:url("images/photo-rejuvenation.gif") no-repeat top left;
}
#treatments-menu li.photo-rejuvenation a:hover {
    background-position:0 -70px;
}
#treatments-menu li.photo-rejuvenation a:active {
    background-position:0 -70px;
}

#treatments-menu li.wrinkle-reduction a {
    background:url("images/wrinkle-reduction.gif") no-repeat top left;
}
#treatments-menu li.wrinkle-reduction a:hover {
    background-position:0 -70px;
}
#treatments-menu li.wrinkle-reduction a:active {
    background-position:0 -70px;
}

#treatments-menu li.micro-dermabrasion a {
    background:url("images/micro-dermabrasion.gif") no-repeat top left;
}
#treatments-menu li.micro-dermabrasion a:hover {
    background-position:0 -70px;
}
#treatments-menu li.micro-dermabrasion a:active {
    background-position:0 -70px;
}

#treatments-menu li.dermal-fillers a {
    background:url("images/dermal-fillers.gif") no-repeat top left;
}
#treatments-menu li.dermal-fillers a:hover {
    background-position:0 -70px;
}
#treatments-menu li.dermal-fillers a:active {
    background-position:0 -70px;
}

#treatments-menu li.skin-care-products a {
    background:url("images/products.gif") no-repeat top left;
}
#treatments-menu li.skin-care-products a:hover {
    background-position:0 -70px;
}
#treatments-menu li.skin-care-products a:active {
    background-position:0 -70px;
}

#treatments-menu li.skin-needling a {
    background:url("images/skin-needling.gif") no-repeat top left;
}
#treatments-menu li.skin-needling a:hover {
    background-position:0 -70px;
}
#treatments-menu li.skin-needling a:active {
    background-position:0 -70px;
}




/* content */

#content-wide {
    width:600px;
    float:left;
    display:inline;
}

#content-wide p {
    padding:10px 0 10px 0;
}

#content-wide img {
     float:right;
     padding:10px 0 10px 10px;
     clear:both;
     border:none;
}

#content {
    width:400px;
    float:left;
    display:inline;
}

#content p {
    padding-bottom:10px;
}

#content li, #content-wide li {
    list-style:outside;
    list-style-type:disc;
    margin-left:10px;
    padding-left:8px;
    
}

#content li, #content-wide ul {
    list-style:outside;
    list-style-type:disc;
    margin-left:10px;
    padding-left:8px;

}

#content img {
    padding:10px 0 10px 0;
    border:none;
}

/* Feautre Panel */

.feature-panel{
    float:right;
    width:230px;
    list-style:none;
    display:inline;   
}

.feature-panel li{
    list-style:none;
}

.feature-panel h2 {
    font-size:14px;
    font-weight:normal;
    color:white;
}

.feature-box li {
    list-style:none;
}

.specials-box-head h2 {
    text-indent:-9999px;
}
.specials-box-head {
    background:url(images/specials-header.gif) no-repeat top center;
    height:43px;
}
.specials-box-body {
    background:url(images/specials-middle.gif) repeat-y top center;
    color: white;
    padding: 5px 5px 5px 20px;
}
.specials-footer {
    background:url(images/specials-footer.gif) no-repeat bottom center;
    height: 15px;
    clear:both;
}

.specials-box .read-more {
    padding:10px 20px 0 100px;

}

.guarantee-box li {
    list-style:inside;
    background-color:#e7e7e8;
    margin-bottom:10px;
    margin-left:-8px;
    padding-left:8px;
    width:190px;
}
.guarantee-box li a{
    background-color:#e7e7e8;
}

.guarantee-box-header h2 {
    text-indent:-9999px;
}
.guarantee-box-header {
    background:url(images/guarantee-header.gif) no-repeat top center;
    height:43px;
}
.guarantee-box-body {
    background:url(images/guarantee-middle.gif) repeat-y top center;
    padding: 5px 5px 5px 20px;
}
.guarantee-footer {
    background:url(images/guarantee-footer.gif) no-repeat bottom center;
    height: 169px;
}
.guarantee-box .read-more {
    padding:133px 18px 10px 10px;
    float:right;
}



ul.quick-links  {
   margin-bottom:10px;
}
.quick-links li {
    background:url(images/quick-links.gif) no-repeat bottom center;
    width:213px;
    height:46px;
    margin:0px 0 0 0;
}

.quick-links li a {
    padding: 18px 5px 5px 20px;
    display:block;
    color:white;
}

.read-more {
    padding:5px 0 5px 80px;
}

.mailing-list {
    background:url(images/mailing-list.gif) no-repeat top center;
    height:125px;
    padding:15px 20px;
    display:block;
}

.mailing-list input {
    width:178px;
    display:block;
    height:18px;
    font-size:11px;
}

.mailing-list h3 {
    margin:0;
    padding:0 5px 5px 5px;;
    color:white;
    font-weight:bold;
    font-size:13px;
}


/* footer */

#footer {
	background-color:white;
	margin:auto;
	padding:0;
	width:1000px;
    padding:30px 0 0 0;
    text-align:left;
    background:url(images/shadow-bottom.gif) no-repeat top center;
    height:100px;
}
#footer p {
    color:white;
	padding:12px 50px 4px 50px;
	font-size:11px;
}
#footer a {
    color:white;
}
#footer a:hover {
    color:#808285;
}

.linklove { display:none }