/*
Theme Name: LawStartBC Theme
Theme URI: http://www.lawstartbc.ca/
Description: LawStartBC Website
Version: 1.0
Author: Skunkworks Creative Group
Author URI: http://skunkworks.ca/

*/

/**** BASICS ****/

body{
background-color:#92278f;/**purple**/
margin:0 auto;}

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

h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#99be38;/**green**/
font-weight:bold;
margin:15px 0 10px 0;}

h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#92278f;/**purple**/
font-weight:bold;
margin:15px 0 10px 0;}

#outer-wrap{
width:900px;
position:relative;
margin:0 auto;}

/**** HEADER ****/

#header a{
display:block;
width:900px;
height:230px;
background-image:url(images/header.jpg);
background-repeat:no-repeat;
margin:0;}


/**** CONTENT WRAP ****/

#outer-content-bgd{
width:724px;
background-image:url(images/outer-content-bgd-top.gif);
background-repeat:repeat-x;
background-color:#f3f7d9;/**light green**/
position:relative;
margin:0;
padding: 0 88px;
float:left;}

#content-area-wrap-index{
float:left;
width:700px;
*width: 709px;
background-image:url(images/content-area-bgd.gif);
background-repeat:repeat-y;
background-color:#fff;
padding: 30px 0px 20px 24px;
*padding: 30px 0px 20px 15px;
margin:0;
position:relative;}

#content-area-wrap{
float:left;
width:624px;
background-image:url(images/content-area-bgd.gif);
background-repeat:repeat-y;
background-color:#fff;
padding: 0 50px 20px 50px;
margin:0;
position:relative;}

#content-area-footer{
width:724px;
height:15px;
background-image:url(images/content-area-footer.gif);
background-repeat:no-repeat;
margin:0;
clear:both;}

/**** ABOUT BOXES ****/

#white-box{
width:314px;
height:236px;
background-image:url(images/white-box.gif);
background-repeat:no-repeat;
float:left;
margin: 0 0 30px 15px;
position:relative;}

img.button {
height:25px;
float:left;
margin:20px 0 0 60px;}

img.logo {
float:left;
margin:10px 0 0 60px;}

img.arrow-bullet{
float:left;
width:28px;
height:28px;
margin:10px 15px 0 25px;}

#box-text{
width:225px;
float:left;
margin:0;}

p.website{
margin:10px 0 5px 0;
font-size:16px;
font-weight:bold;}

p.website a:link,
p.website a:visited,
p.website a:active{
text-decoration:underline;
color:#000;}

p.website a:hover{
text-decoration:underline;}

p.description{
font-size:12px;
color:#636363;/**gray**/
margin:10px 0 5px 0;}

p.provided-by{
font-size:10px;
color:#000;
font-style:italic;
text-align:right;}

img, img a {
border:0;}


/**** FOOTER ****/
#footer{
clear:both;
width:900px;
margin:0;
position:relative;}

#footer p{
font-size:11px;
color:#fff;}

#footer a:link,
#footer a:active,
#footer a:visited{
color:#92278f;/**purple**/
text-decoration:none;}

#footer a:hover{
text-decoration:underline;}

#footer-top{
width:900px;
height:34px;
background-image:url(images/footer-top.gif);
background-repeat:no-repeat;
margin:0;}

#footer-bottom{
clear:both;
width:840px;
background-color:#99be38;/**green**/
margin:0;
float:left;
padding:0 30px 20px;}

#footer-bottom-left{
width:570px;
float:left;}

#footer-bottom-right{
width:270px;
float:left;}

#footer-bottom-right p{
text-align:right;}

#clear-both{
clear:both;}