/*
Theme Name: Janine A.S. Thomas Law Corporation
Theme URI: http://www.skunkworks.ca
Description: Janine A.S. Thomas Law Corporation Wordpress Theme
Version: 1.0
Author: Skunkworks Creative Group
Tags: fixed width, widgets

Theme by Skunkworks Creative Group || http://www.skunkworks.ca
*/




body {
background-image: url(images/bgd.gif);
background-repeat:repeat;
margin: 0px auto;
}


img {border:0;}


#wrapper {
width: 960px;
margin: 0px auto;
background-color: #fff;
}


/** HEADER **/

#header {
width: 960px;
height: 140px;
background-image:url(images/header.gif);

}


#contact {
width:175px;
height: 140px;
padding: 20px 20px 0px 0px;
float:right;}

#contact p{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color:#fff;
margin: 7px 0px 0px 0px;
padding: 0px 0px 0px 0px;}

#contact a{
color:#fff;
text-decoration:none;}

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

/** NAVIGATION **/


#nav {
width: 960px;
height: 48px;
margin: 0px auto;
background-image: url(images/nav.gif);
background-repeat:no-repeat;
padding-left: 20px;
}

#nav ul {
margin: 0px auto;
list-style-type:none;
float: left;}

#nav ul li {
display: inline;
}

#nav ul a{
display:block;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
color: #fff;
text-decoration:none;
padding: 10px 42px 10px 42px;
}


#nav ul a:hover {
color:#d8734f;}


/** CONTENT **/

#content {
width: 960px;
background-color: #fff;
margin: 0px auto;
}


/** LEFT COLUMN **/

#left-column{
width: 680px;
float: left;
margin: 0px auto;
background-color: #fff;
padding-bottom:40px;
}

#left-column h1{
font-family:Arial, Helvetica, sans-serif;
font-size: 26px;
color:#d8734f;
font-weight: bold;
margin: 0px auto;
padding: 20px 0px 0px 60px;}

#left-column h2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#475c7d;
font-weight: bold;
margin: 0px auto;
padding: 30px 20px 0px 60px;}

#left-column p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#59595b;
margin: 0px auto;
padding: 10px 0px 0px 60px;
}

#left-column ul{
padding: 5px 0px 5px 80px;
margin: 0px;}

#left-column ul ul{
padding: 5px 0px 5px 80px;
margin: 0px;}

#left-column ul li{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#59595b;
line-height: 135%;
margin: 0px auto;
padding-top: 5px;
list-style-image: url(images/bullet1.gif);
}

#left-column ul ul li{
list-style-image:url(images/bullet2.gif);
line-height: 135%;
padding-top: 5px;}


#left-column a{
color:#d8734f;
text-decoration:underline;}

#left-column a:hover{
color:#475c7d;}

#left-column-home-left{
width: 250px;
float: left;
margin: 0px auto;
/*border: 1px solid #000000;*/
}

#left-column-home-right {
width: 428px;
float: left;
margin: 0px 0px 0px 0px;
padding: 20px 0px 50px 0px;
/*border: 1px solid #000000;*/
}

#left-column-home-right p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#59595b;
margin: 0px auto;
padding: 10px 0px 0px 50px;
}

#left-column-home-right h1{
font-family:Arial, Helvetica, sans-serif;
font-size: 18px;
color:#eea68d;
font-weight:bold;
margin: 0px auto;
padding: 10px 0px 0px 50px;
}

#left-column-home-right h2{
font-family:Arial, Helvetica, sans-serif;
font-size: 26px;
color:#d8734f;
font-weight:bold;
margin: 0px auto;
padding: 10px 0px 0px 50px;
}

#left-column-home-right h3{
font-family:Arial, Helvetica, sans-serif;
font-size: 18px;
color:#2c527b;
font-weight:100;
margin: 0px auto;
padding: 10px 0px 0px 50px;
}

#left-column-home-right p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#59595b;
margin: 0px auto;
padding-top: 25px;
line-height: 150%;
}

#left-column-home-right ul{
padding: 5px 0px 5px 70px;
margin: 0px;
}

#left-column-home-right ul ul{
padding: 5px 0px 5px 20px;
margin: 0px;}

#left-column-home-right ul li{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#59595b;
line-height: 135%;
margin: 0px auto;
padding-top: 5px;
list-style-image: url(images/bullet1.gif);
}

#left-column-home-right ul ul li{
list-style-image:url(images/bullet2.gif);
line-height: 135%;
padding-top: 5px;}

#box {
width:167px;
/*height: 262px;*/
background-image:url(images/box-news.gif);
background-repeat: no-repeat;
margin: 40px 0px 0px 40px;
padding: 10px 25px 20px 20px;
}

#box-tall {
width:167px;
/*height: 262px;*/
background-image:url(images/box-news-tall.gif);
background-repeat: no-repeat;
margin: 20px 0px 0px 40px;
padding: 10px 25px 20px 20px;
}

#box-tall p img { float:left; margin-right: 10px;}

#box-award {
width:155px;
/*height: 262px;*/
background-image:url(images/box-award.gif);
background-repeat: no-repeat;
margin: 20px 20px 30px 0px;
padding: 10px 25px 20px 20px;
}

#box-tall + #box { margin-top: 20px;}

#left-column-home-left h1{
font-family:Arial, Helvetica, sans-serif;
font-size: 18px;
color:#2c527b;
font-weight: bold;
margin: 0px auto;
padding: 4px 0px 10px 0px;}

#left-column-home-left p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#59595b;
margin: 0px 0px 0px 0px;
padding: 20px 0px 0px 0px;
}

#left-column-home-left p.asterisc,  p.asterisc{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight:bold;
font-style:italic;
color:#59595b;
margin: 0px 0px 0px 0px;
padding: 15px 0px 5px 0px;
}

#left-column-contact{
width: 450px;
float: left;
margin: 0px auto;
background-color: #fff;
padding-bottom:40px;
}

#left-column-contact h1{
font-family:Arial, Helvetica, sans-serif;
font-size: 26px;
color:#d8734f;
font-weight: bold;
margin: 0px auto;
padding: 20px 0px 0px 60px;}


#left-column-contact p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#59595b;
margin: 0px auto;
padding: 10px 0px 0px 60px;
line-height: 150%;
}

#left-column-contact a{
color:#d8734f;
text-decoration:underline;}

#left-column-contact a:hover{
color:#475c7d;}


#left-column-contact #office {
width:370px;
height:278px;
background-image:url(images/office.jpg);
background-repeat:no-repeat;
margin: 40px 0px 0px 60px;}

#left-column-contact #new-office {
width:370px;
height:520px;
background-image:url(images/vancouver-block.jpg);
background-repeat:no-repeat;
margin: 40px 0px 0px 60px;}

#services p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#59595b;
margin: 0px;
padding: 10px 0px 0px 0px;}

#services ul{
padding: 5px 0px 5px 20px;
margin: 0px;}

#services ul ul{
padding: 5px 0px 5px 20px;
margin: 0px;}


#services ul li{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#59595b;
line-height: 135%;
margin: 0px auto;
padding: 5px 0px 0px 0px;
list-style-image: url(images/bullet1.gif);
}

#services ul ul li{
list-style-image:url(images/bullet2.gif);
line-height: 135%;}

#services h2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#2c527b;
font-weight:bold;
margin: 0px auto;
padding: 10px 0px 0px 0px;
}

#services{
width:260px;
float:left;
padding: 30px 0px 30px 60px;}


/** RIGHT COLUMN **/

#right-column {
background-color: #fff;
width: 200px;
height: auto;
margin: 0px auto;
padding: 40px 40px 20px 20px;
float:right;
}

#box-services {
width: 199px;
height: 87px;
background-image:url(images/box-services.gif);
background-repeat:no-repeat;
padding: 0px;
margin-bottom:20px;}

#box-services h1{
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
text-align:center;
color:#fff;
margin: 0px auto;
}


#box-services a{
display:block;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
text-align:center;
font-weight:100;
color:#fff;
}

#box-services a:hover {
color:#2c527b;}

#box-services h1.one{
padding: 25px 20px 25px 20px;}

#box-services h1.two{
padding: 25px 20px 25px 20px;}

#box-services h1.three{
padding: 25px 20px 10px 20px;}

#right-column-contact {
background-color: #fff;
width: 400px;
height: auto;
margin: 0px auto;
padding: 40px 40px 30px 10px;
float:right;
}

#right-column-contact iframe {
border: 2px #d8734f solid;}

#right-column-contact p.google-map{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color:#59595b;
margin: 0px;
padding: 10px 0px 20px 0px;
line-height: 150%;
}

#right-column-contact p.google-map a{
color:#d8734f;}

#right-column-contact p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#59595b;
margin: 0px auto;
padding: 10px 0px 0px 0px;
line-height: 150%;
}

#right-column-contact p.address{
font-weight:bold;
color:#516584;}


#right-column-contact a{
color:#d8734f;
text-decoration:underline;}

#right-column-contact a:hover{
color:#516584;}


/** FOOTER **/



#footer {
width: 960px;
height: 70px;
clear:both;
margin: 0px auto;
background-image: url(images/footer.gif);
background-repeat: no-repeat;
padding-left: 20px;
}


#footer ul {
margin: 0px auto;
padding: 0px;
list-style-type:none;
float: left;}

#footer ul li {
display: inline;
}

#footer ul a{
display:block;
float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #fff;
text-decoration:none;
padding: 3px 15px 3px 15px;
}

#footer ul ul li{
float:right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #fff;
text-decoration:none;
padding: 3px 15px 3px 50px;
}


#footer ul a:hover {
color:#d8734f;}

#footer p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #d8734f;
text-decoration:none;
padding: 30px 0px 0px 16px;
}

#footer p a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #d8734f;
text-decoration:none;
}

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