/* 
Title:		Main CSS
Author: 	3 Crown Creative
*/

@import "base.css";

body, html { background:url(/images/bkgTile.jpg);}
body {min-width:1019px; }

html {min-height: 101%;}

dt, dd {font-size:85%;}
dd { font-style:italic}
dt {font-weight:bold; padding-top:10px}
dd a {color:#666; text-decoration:underline; font-style:normal}




/*  <PAGE STRUCTURE>
--------------------------------------------------*/
#outerWrap {width:1019px; margin:10px auto 0 auto;}
#innerWrap {width:1019px; background: url(/images/bkgOuter.png) repeat-y;}
#container { width:960px; margin:0 28px 0 31px;background:url(/images/bkgContainer.gif) repeat-y }
#header {min-height:115px;background:url(/images/bkgHeader.jpg) no-repeat}

#foot {
	background: url(/images/bkgFoot.gif) repeat-y; min-height:20px; height:20px;
	font-size:77%;  text-align:center;
	border-top:1px solid white; padding-top:5px
}
#shadowTop {background: url(/images/bkgShadowTop.png) no-repeat; min-height:32px}
#shadowBot {background: url(/images/bkgShadowBot.png) no-repeat; min-height:32px}

.sidebar {width:299px; float:left}
.main {width:660px; float:right}



/*  <HEADER>
--------------------------------------------------*/
#header .main {min-height:115px;}
#header .sidebar {text-align:center; height:115px; min-height:115px;}
#header .sidebar img {padding-top:3px;}
#header .sidebar p { 
	padding-top:10px;text-align:center;
	color:#1e1e1e; font-size:85%; font-weight:bold; letter-spacing:normal; line-height:80% }
#header .sidebar  a { color:#1e1e1e; text-decoration:none}


/*  <HEADER NAVIGATION>
--------------------------------------------------*/
#nav { padding:7px 0 0 85px; width:660px}   
#nav div { float:left;height:115px; padding:11px 0 0 1px;text-align:center; width:97px; line-height:90%;}
#nav div img {padding-bottom:5px}
#nav a{font-weight: bold;color:#5c5b5b; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing: normal; font-size:77%; text-transform:uppercase; text-decoration:none}
#nav a:hover {color:#820024; text-decoration:none }
#home #nav .home a,
#about #nav .about a,
#practice #nav .practice a,
#criminalLaw #nav .practice a,
#familyLaw #nav .practice a,
#estateLaw #nav .practice a,
#personalLaw #nav .practice a,
#resources #nav .resources a,
#contact #nav .contact a
	{text-decoration:none; color:#820024; cursor:default;}
	
.dummyNav {width:2px}
a.linkopacity:hover img {filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}
a.linkopacity img {filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;}
#home #nav .home a.linkopacity img,
#about #nav .about a.linkopacity img,
#practice #nav .practice a.linkopacity img,
#resources #nav .resources a.linkopacity img,
#contact #nav .contact a.linkopacity img
	{filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;cursor:default;}


/*  <CONTENT>
--------------------------------------------------*/
#content .sidebar {padding:35px 56px 0 56px; width:186px; text-align:right; background:#ebe7e1; margin-right:2px}
#content .sidebar hr {margin:0 0 10px 0; border:none; border-bottom:1px solid #5a5959; }
#content .sidebar img { padding-bottom:20px;}
#content .sidebar .testimonial { color:#959292; font-style:italic; font-size:.85em;text-align:left; line-height:150%; font-family:Georgia, "Times New Roman", Times, serif}
#content .sidebar h2 {color:#5a5959; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; margin-bottom:1px; font-size:1.14em}

#content .main {padding:15px 0 20px 85px; width:490px; float:left; background-color:#dcd7cc; font-size:.9em}
#home #content .main {padding-top:35px}
#practice #content .main {padding-top:15px}

#areas a  { font-weight:bold; text-transform:uppercase; color:#666; border-bottom:1px dotted #820024 }
#areas a:hover {text-decoration:none; color:#820024}
#areas .active {text-decoration:none; color:#820024; cursor: default; border-bottom:none}

#content #resources a {font-size:85%}
#resources ul {margin:0 0 10px 8px;}
#criminalLaw .criminalLaw,
#familyLaw .familyLaw,
#estateLaw .estateLaw,
#personalLaw .personalLaw
	{text-decoration:none; color:#820024; cursor: default; border-bottom:none}

/*  <FOOTER>
--------------------------------------------------*/
#foot .main {padding-left:85px; width:490px; float:left; text-align:left}
#foot .sidebar {color:#fcfbfb; font-weight:bold}

#navFoot {color:#595858; text-transform:uppercase }
#navFoot span {padding:0 15px}
#navFoot span.home {padding-left:0}
#navFoot span.contact {padding-right:0}

#navFoot a{color:#595858; text-decoration:none}
#navFoot a:hover {color:#820024; text-decoration:none }
#home #navFoot .home a,
#about #navFoot .about a,
#practice #navFoot .practice a,
#criminalLaw #navFoot .practice a,
#familyLaw #navFoot .practice a,
#estateLaw #navFoot .practice a,
#personalLaw #navFoot .practice a,
#resources #navFoot .resources a,
#contact #navFoot .contact a
	{text-decoration:none; color:#820024; cursor:default;}


/*  <IMAGE SHADOW>
--------------------------------------------------*/
.imgShadow {float:left;background: url(/images/shadowAlpha.png) no-repeat bottom right !important;margin: 10px 10px 0 10px !important;}
.imgShadow img {display: block; position:relative;border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px;padding: 4px;} 

/*  <FORM>
--------------------------------------------------*/
#contact table {padding:0; margin:0;}
#contact td {padding:0 5px 5px 0; margin:0; border:none}
#contact form {font-size:93%; padding-top:0px;}
.tdr {text-align:right;color:#545353}
.tdl {text-align:left; }
input {  background-color:#DCDDD5;   border:1px solid #000000; width:250px; padding:1px}
.button { margin-top:5px;background-color:#545353; border:1px solid black; cursor:pointer; color:#F8E8D8; font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:95%}
textarea { background-color:#DCDDD5; border:1px solid #000000; width:250px; font-size:90%; letter-spacing:.04em;font-family:Arial, Helvetica, sans-serif; padding:1px}
.asterisk {color:#934232; font-size:77%}

/*  <ERROR HANDLING>
--------------------------------------------------*/
.inpErr {background-color:#bc2d33; color:#ffffff}
.inpOK {background-color:white; color:#000000}
.errorDiv {color:#bc2d33; font-weight:bold; padding:5px 0 0 0;width:400px; text-align: }
.noerror {font-weight:normal; margin:0; color:#565655;width:400px; text-align:center }

/*  <MISC>
--------------------------------------------------*/
.firstDT {padding-top:0}
.clear {clear:both}
.small {font-size:77%}
.hide {display:none}
.show {display:block}
.lists {font-size:85%}

/* self-clear floats */
.group:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#dummy {}   /* sometimes we need a dummy  */
