/*
	VELLETTA & COMPANY <victorialaw.ca>
	
	COLOURS:
	Body Text		#000
*/



/* Structure
------------------------------------*/
*									{ margin: 0; padding: 0; }

body { background: #747474; text-align: center; text-align: center; }
body { color: #555; font: 12px/18px arial, helvetica, sans-serif; }
div#container						{ width: 780px; margin: 0 auto; background: url('/template/container-bg.gif') repeat-y left top; text-align: left; }
div#sub-container					{ padding-top: 15px; float: left; background: url('/template/container-top.gif') no-repeat left top; }

div#header							{ display: inline; float: left; width: 750px; margin: 0 15px; color: #fff; background: url('/template/header-bg.gif') repeat-y left top; }
div#header h1						{ display: inline; float: left; width: 430px; height: 75px; margin: 5px 0 0 20px; background: url('/template/logo.gif'); text-indent: -9999px; }
div#header h1 a						{ display: block; width: 430px; height: 75px; }
div#header address					{ display: inline; float: right; margin-top: 5px; margin-bottom: 5px; padding-right: 20px; text-align: right; font-size: 11px; font-style: normal; line-height: 14px; }
div#header a						{ color: #ffffff; }

div#content							{ display: inline; float: left; width: 710px; margin: 0 35px; }

div#photo							{ position: relative; float: left; margin-bottom: 1px; margin-left: -20px; }
div#main							{ float: left; width: 500px; margin-right: 20px; margin-bottom: 10px; }
div#sidebar							{ position: relative; float: left; width: 199px; margin-right: -20px; padding-top: 30px; }
div#practice						{ position: relative; float: left; width: 210px; height: 330px; margin-bottom: 1px; margin-right: -20px; background: url('/template/sidebar-bg.gif') no-repeat center bottom; }
div#wide							{ float: left; width: 710px; background: #eee; margin-top: 30px; padding: 15px 0 10px; }
div div.half						{ float: left; width: 320px; margin-left: 15px;}

div#footer-container				{ clear: both; padding: 0 0 15px; background: url('/template/footer-bg.gif') no-repeat left bottom; }
div#footer							{ margin: 0 15px; padding: 10px 20px; color: #ccc; background: #000 url('/template/navigation-bg.gif') repeat-x left top; font-size: 11px; }

div#columns							{ position: relative; float: left; width: 750px; margin: 0 -20px; background: #eee url('/template/column-bg.gif') repeat-x left top; padding-bottom: 10px; }
div div.column						{ display: inline; float: left; width: 220px; margin-right: 25px; }
div div.first						{ margin-left: 20px; }
div div.last						{ margin-right: 20px; }
div#columns .column p				{ padding: 0px; margin-bottom: 6px; }

iframe								{ margin-left: 20px; }


/* Navigation
------------------------------------*/
ul#navigation						{ display: inline; float: left; width: 750px; margin: 0 15px 5px; background: #000 url('/template/navigation-bg.gif') repeat-x left top; font-weight: bold; list-style: none; }
ul#navigation li					{ display: inline; float: left; margin-right: 20px; }
ul#navigation li.current a			{ color: #fff; background: url('/template/navigation-current.gif') no-repeat center bottom; }
ul#navigation li a					{ display: block; padding: 10px 0; color: #ddd; text-decoration: none; }
ul#navigation li a:hover			{ color: #fff; }



/* Typography
------------------------------------*/
p									{ margin: 0 0 10px; }
ul, ol								{ margin: 0 0 10px 20px; }
ul li ul							{ margin-bottom: 0; }

blockquote							{ margin: 0 40px; }

div.column h3						{ padding-top: 15px; margin-left: 0; margin-right: 0; font-size: 14px; }
div.column p						{ margin-left: 0; margin-right: 0; font-size: 11px; }

h2									{ margin: 35px 0 15px; color: #345; font-size: 20px; line-height: 24px; font-weight: bold; }
h3									{ margin: 0 0 10px; color: #345; font-size: 13px; font-weight: bold; }

div#footer p						{ margin: 0; }
a									{ outline: none; }
a:link								{ color: #456; }
a:visited							{ color: #666; }
a:hover								{ color: #000; }

a img								{ border: none; }

div#practice h3						{ margin: 10px 20px 5px; color: #fc0; font-size: 14px; }
div#practice ul						{ list-style: none; margin: 0 20px; }
div#practice li						{ padding-left: 10px; background: url('/template/arrow.gif') no-repeat left center; font-weight: bold; margin-bottom: 0px; padding-bottom: 0px; line-height: 17px; }
div#practice li a					{ color: #d2deea; text-decoration: none; }
div#practice li a:hover				{ color: #fff; text-decoration: none; }
div#practice li.current a			{ color: #fff; text-decoration: none; }

div div.lawyer						{ float: left; width: 335px; margin: 0 20px 20px 0; background: #eee; }
div.lawyer img						{ margin: 15px; }
div.lawyer h3						{ margin: 15px 0 0 0; font-size: 14px; }

div#footer a						{ color: #ccc; text-decoration: none; }
div#footer a:hover					{ color: #fff; }
div#footer a img					{ border: none; }

ul#areas							{ list-style: none; margin: 0; width: 710px; }
ul#areas li							{ float: left; width: 230px; border-top: solid 1px #eee; padding: 5px 0; margin-bottom: 3px; }

div ul.articles						{ margin: 0 20px 10px 0; font-size: 11px; list-style: none; }
ul.articles li						{ margin-bottom: 5px; }

p#breadcrumb						{ clear: both; border-bottom: solid 1px #ddd; width: 710px; position: absolute; top: 145px; font-size: 11px; margin: 0 35px; color: #aaa; }
p#breadcrumb a						{ color: #555; text-decoration: none; }
p#breadcrumb a:hover 				{ color: #000; text-decoration: none; }

#container ul#twocolumns			{ margin: 0; list-style: none; }
#container ul#twocolumns li			{ width: 250px; margin: 0 0 10px 20px; float: left; }
#container div.twocolumns			{ width: 250px; float: left; }

div#contact							{ background: #eee; margin: 10px 0 20px; padding: 10px; }

body.mceContentBody p				{ margin: 0 0 10px; }
body.mceContentBody h2				{ margin: 0 0 10px; }
body.mceContentBody h3				{ margin: 0 0 10px; }

p.disclaimer						{ clear: both; width: 710px; margin: 0 35px; padding: 10px 0; font-size: 11px; text-align: center; }
p.owa a								{ color: #999; }



/* Form
------------------------------------*/
div#form							{ width: 400px; margin: 0 20px; }

fieldset							{ margin-bottom: 10px; border: none;  }

div#form p							{ margin: 0 0 10px 0; font-size: 12px; color: #888; }
div#form h5							{ margin-bottom: 10px; margin-right: 10px; border-bottom: solid 1px #ccc; font-size: 14px; }
div#form h6							{ margin-bottom: 10px; font-size: 14px; font-weight: normal; }
div#form label						{ display: block; padding-bottom: 2px; color: #888; font-size: 12px; }
div#form input.text					{ width: 100%; padding: 3px; border: solid 1px #aaa; }
div#form select						{ font: 14px Arial, Helvetica, sans-serif; }
div#form textarea					{ width: 100%; padding: 3px; border: solid 1px #aaa; }
div#form table						{ width: 400px; }
div#form table td					{ padding-right: 10px; }
div#form td.required label			{ color: #666; font-weight: bold; }
div#form td.required input			{ color: #333; border: solid 1px #666; background: #eee; }
div#form td.required textarea		{ color: #333; border: solid 1px #666; background: #eee; }
div#form input.button				{ font-size: 14px; padding: 5px 10px; }

img.subheader { margin: 40px 0 0 0; }
div.practice-areas h2 { background: #263543; color: #fff; margin: 0; padding: 5px 10px; margin-bottom: 20px; }