/* reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } 
img{border:none;}
/* End of reset */


/* Set the body colour and width */
body {
background-color:#ce8a9f;
width:860px;
text-align:center;
margin:0 auto; 
}

/* All of the site is held in a wrapper to keep it neat */
div#wrapper {
text-align:left;
width:860px;
}

/* The round background graphic at the top of the page */
div#roundTop{
width:860px;
height:19px;
background:transparent url('http://www.mobilemakeupandhair.com.au/abimages/roundtop.jpg') no-repeat;
}

/* Your main banner image */
.banner{
float:left;
height:140px;
width:860px;
}

/* Holder for the navigation area */
.navigation{
clear:both;
height:29px;
width:860px;
float:left;
background:#f6e3ed;
}

/* Show all the navigation icons in a line */
.navigation li{
display:inline;
}

/* position the nav icons (space between them */
.navigation li a{
padding-right:23px;
padding-left:23px;
}

/* The content area has it's own wrapper */
div#content{
clear:both;
float:left;
width:860px;
background:#fff;
}

/* background image (frill) */
div#frillTop{
height:7px;
width:860px;
background:transparent url('http://mobilemakeupandhair.com.au/abimages/frilltop.jpg') no-repeat;
}

/* background image (frill) */
div#frillBottom{
clear:both;
height:7px;
width:860px;
background:transparent url('http://mobilemakeupandhair.com.au/abimages/frillbottom.jpg') no-repeat;
}

/* The actual text and image content is centred in a smaller area */
div#contentholder{
clear:both;
float:left;
width:660px;
margin:20px 100px;
}

/* footer area background */
div#footer{
clear:both;
float:left;
text-align:center;
width:860px;
background:#f6e3ed url('http://mobilemakeupandhair/abimages/baseline.jpg') no-repeat;
}

/* The copyright text has it's own style */
p.copyright{
color:#666;
line-height:16px;
font-size: 12px;  
}

/* background image for rounde border at bottom of screen */
div#roundBottom{
width:860px;
height:19px;
background:transparent url('http://www.mobilemakeupandhair/abimages/roundbottom.jpg') no-repeat;
}

/* These are for images
    floatright class floats an image to the right
	floatleft class floats an image to the left
	Also puts a border around them and moves the text
	away from them */
	
.floatright{
float:right;
padding:1px;
margin:10px;
background:#fff;
border:1px solid #ccc;
}

.floatleft{
float:left;
padding:1px;
margin:10px;
background:#fff;
border:1px solid #ccc;
}


/* fonts stylesheet */

/* Set font type for all text types */
h1, h2, h3, h4, h5, h6 a, li, ul, p {font-family:Arial, Helvetica, sans-serif;}

/* Now set colours and sizes */

/* Paragraph text */
p {  
color: #666;  
font-size: 14px;  
font-weight: normal;  
line-height:18px;
}

/* Links */
a {  
color: #333;  
font-size: 12px;  
font-weight: normal;  
text-decoration:none;
}

/* Effect when links are hovered over */
a:hover{
text-decoration:underline;
}