/* AbstractLove Studios
    - version two
	 MAIN STYLING
	Cameron Chadwell */

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}



body {
background-color: #000;
padding: 0px;
}

#header {
	width: 359px;
	height: 289px;
	margin-right: auto;
	margin-left: auto;
}

p,a { 
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

li,ul {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin-right: auto;
margin-left: 10px;
}

h1 { 
color: #990000;
font-size: 16px;
}


/* Content container start */

.containerbox {
   background: #ffffff;
   width: 800px;
   margin: 0;
   margin-right: auto;
   margin-left: auto;
   margin-top: -10px;
}
.containertop div {
   background: url(images/roundedcornr_195805_tl.png) no-repeat top left;
}
.containertop {
   background: url(images/roundedcornr_195805_tr.png) no-repeat top right;
}
.containerbottom div {
   background: url(images/roundedcornr_195805_bl.png) no-repeat bottom left;
}
.containerbottom {
   background: url(images/roundedcornr_195805_br.png) no-repeat bottom right;
}

.containertop div, .containertop, 
.containerbottom div, .containerbottom {
   width: auto;
   height: 12px;
   font-size: 1px;
}
.containercontent { margin: 0 2px; }

/* Content container end */

/* Custom 404 start */

#error {
   background-color: #fff;
   background-image: url(images/error.gif);
   background-repeat: no-repeat;
   background-position: 50px 0px;
   height: 100px;
   text-align: center;
}

/* Custom 404 end */

/* Navigation */

/* Container */

#navlinks1 {
	display: block;
	height: 65px;
	width: 572px;
	margin: 10px auto 0 auto;

}

/* Effects */

#homebtn {
display: block;
float: left;
width: 108px;
height: 50px;
margin-left: 6px;
margin-right: 5px;
text-decoration: none;
background-repeat: no-repeat;
background-image: url(images/home.png);
}

#aboutbtn {
display: block;
float: left;
width: 108px;
height: 65px;
margin-right: 5px;
text-decoration: none;
background-repeat: no-repeat;
background-image: url(images/about.png);
}

#contactbtn {
display: block;
float: left;
width: 108px;
height: 65px;
margin-right: 5px;
text-decoration: none;
background-repeat: no-repeat;
background-image: url(images/contact.png);
}

#lifebtn {
display: block;
float: left;
width: 108px;
height: 65px;
margin-right: 5px;
text-decoration: none;
background-repeat: no-repeat;
background-image: url(images/life.png);
}

#portfoliobtn {
display: block;
float: left;
width: 108px;
height: 65px;
margin-right: 5px;
text-decoration: none;
background-repeat: no-repeat;
background-image: url(images/portfolio.png);
}

#servicesbtn {
display: block;
float: left;
width: 108px;
height: 65px;
margin-right: 5px;
text-decoration: none;
background-repeat: no-repeat;
background-image: url(images/services.png);
}

/* Navigation button effects start */

#homebtn:hover {
background-image: url(images/home_r.png);
margin-top: -5px;
}

#aboutbtn:hover {
background-image: url(images/about_r.png);
margin-top: -5px;
}

#contactbtn:hover {
background-image: url(images/contact_r.png);
margin-top: -5px;
}

#lifebtn:hover {
background-image: url(images/life_r.png);
margin-top: -5px;
}

#portfoliobtn:hover {
background-image: url(images/portfolio_r.png);
margin-top: -5px;
}

body.lifepg #lifebtn { background-image: url(images/life_r.png) !important; }

body.homepg #homebtn { background-image: url(images/home_r.png) !important; }

body.aboutpg #aboutbtn { background-image: url(images/about_r.png) !important; }

body.contactpg #contactbtn { background-image: url(images/contact_r.png) !important; }

body.portpg #portfoliobtn { background-image: url(images/portfolio_r.png) !important; }

/* END ALL NAVIGATION */

/* Footer settings */

p.footer, a.footer{ color: #FFF }

#footer {
    display: block;
    bottom: 10px;
	text-align: center;
}

/* Footer end */

p.about {
text-indent: 10px;
font-size: 14px;
color: #000;
}