/********************************************************************************
* 
* © 2008 Ecliptic Technologies, Inc. - All Rights Reserved
* Unauthorized use or reproduction of this product is strictly prohibited by law.
* Website: www.ecliptictech.com
* Email: info@ecliptictech.com
*
* Name: master.css
* Description: Master CSS file for the entire Serkland Law Firm website
*
*********************************************************************************/

/* Auxiliary style sheets
--------------------------------------------------------------------------------*/

@import url(nav.css);
@import url(forms.css);


/* Body 
--------------------------------------------------------------------------------*/

*
    {
    margin:0px;
    padding:0px;
    }

body
	{
	font:normal 100% Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:1em;
	background:#504e45;
	}

h1
	{
	margin:0px 0px 0.6em 0px;
	padding:0px 0px 0.0em 0px;
	font:1.6em Georgia, "Times New Roman", Times, serif;
	line-height:1em;
	color:#8c1414;
	/*border-bottom:1px solid #000000;*/
	}

h2, h3, h4, h5, h6
	{
	padding-bottom:0.375em;
	font-weight:bold;
	/*line-height:1.8em;*/
	color:#8c1414;
	line-height:1em;
	}

h2
    {
    font-size:1.2em;
    }

h3
	{
	font-size:1em;
	}

h4
	{
	font-size:0.875em;
	}

h5
	{
	font-size:0.75em;
	}

h6
	{
	font-size:0.6875em;
	}

p
	{
	padding:0px 0px 1.75em 0px;
	font-size:0.6875em;
	line-height:1.75em;
	}

p p
	{
	font-size:1em;
	}

ul, ol
    {
    margin:0px 0px 0px 26px;
    padding:0px 0px 1.75em 0px;
    font-size:0.6875em;
    line-height:1.75em;
    }

ul ul, ol ul, ul ul ul, ol ul ul
    {
    padding:0px;
    font-size:1em;
    }

ol ol
    {
    padding:0px;
    font-size:1em;
    list-style:lower-alpha;
    }

ol ol ol
    {
    list-style:lower-roman;
    }


/* Horizontal rules
--------------------------------------------------------------------------------*/

hr
	{
	display:none;
	}

.hr
	{
	margin:0px 0px 1em 0px;
	border-top:1px dotted #650f0f;
	}


/* Links
--------------------------------------------------------------------------------*/

a
	{
	color:#999936;
	text-decoration:none;
	border-bottom:1px solid #999936;
	}

a:hover
	{ 
	color:#000000;
	background:#e6e6b9/*cbcba2*/;
	border-bottom:1px solid #7f7f40/*999936*/;
	}
	
a:active
	{
	color:#000000;
	background:#e6e6b9/*cbcba2*/;
	border-bottom:1px solid #7f7f40/*999936*/;
	}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
    {
    text-decoration:none;
    border:none;
    }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
    {
    color:#000000;
    border-bottom:1px solid #7f7f40/*999936*/;
    }


/* Container
--------------------------------------------------------------------------------*/

#container
	{
	margin:10px auto;
	width:920px;
	}


/* Masthead
--------------------------------------------------------------------------------*/

#masthead
    {
    float:left;
    width:920px;
    height:125px;
    background:url(/sitegraphics/serkland-mastheadbg.jpg) no-repeat top left;
    }

#slogan
    {
    float:right;
    width:50%;
    padding:70px 46px 0px 0px;
    font:italic 1.4em Georgia, "Times New Roman", Times, serif;
    text-align:right;
    color:#999936;
    }

#logo
    {
    display:none;
    }


/* Main background
--------------------------------------------------------------------------------*/

#main
	{
	float:left;
	width:910px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	background:url(/sitegraphics/serkland-mainbg.gif) repeat-y;
	}
	
#main-home
	{
	float:left;
	width:910px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	background:url(/sitegraphics/serkland-mainbg-home.gif) repeat-y;
	}


/* Sidepanes
--------------------------------------------------------------------------------*/

#leftsidepane
	{
	float:left;
	width:220px;
	min-height:259px;
	background:url(/sitegraphics/serkland-navbg.gif) repeat-x;
	}

#contactinfo
    {
    float:right;
    position:relative;
    left:-10px;
    width:176px;
    margin:0px 0px 0em 20px;
    padding:0px 13px 0px 0px;
    border-right:1px solid #b1b1ff;
    }

#contactinfo p
    {
	color:#000000;
	text-align:right;
    }


/* Navigation
--------------------------------------------------------------------------------*/

#nav
    {
    width:218px;
    margin:0px 0px 0px 0px;
    }


/* Slideshow
--------------------------------------------------------------------------------*/

#slideshow
    {
    width:680px;
    }


/* Banner
--------------------------------------------------------------------------------*/

#banner
    {
    float:left;
    width:680px;
    height:450px;
    padding:0px 0px 0px 0px;
    background:#000000;
    }


/* Content
--------------------------------------------------------------------------------*/

#home-contentbg
    {
    float:left;
    width:680px;
    padding:0px 0px 0px 0px;  
    background:#000000;
    }

#contentbg
    {
    float:left;
    width:680px;
    padding:0px 0px 0px 0px;  
    background:#ffffbe url(/sitegraphics/serkland-contentbg.jpg) top left no-repeat;
    }

#pagetitle
    {
    float:left;
    width:640px;
    padding:50px 20px 0px 20px;
    }

#content
    {
    float:left;
    width:420px;
    padding:0px 20px 0px 20px;
    margin:0px 0px 0px 0px;
    border-right:1px solid #650f0f;
    }


/* Supplemental content
--------------------------------------------------------------------------------*/

#supplemental
	{
	float:left;
	width:180px;
	margin:0px 0px 0px -1px;
	padding:0px 0px 0px 20px;
	border-left:1px solid #650f0f;
	}

#supplemental ul, #supplemental ol
    {
    margin:0px;
    }


/* Footer
--------------------------------------------------------------------------------*/

#footer
    {
    float:left;
    width:899px;
    height:51px;
    padding:10px 0px 0px 21px;
    font:0.625em Arial, Helvetica, sans-serif;
    color:#999936;
    line-height:1.625em;
    background:url(/sitegraphics/serkland-footerbg.jpg) no-repeat;
    }

#footer a
    {
    color:#999936;
    }

#footer a:hover
    {
    color:#ffffff;
    background:none;
    border-bottom:1px solid #ffffff;
    }


/* Miscellaneous classes
--------------------------------------------------------------------------------*/

.imageleft
    {
    float:left;
    margin:0px 1em 1em 0px;
    border:1px solid #650f0f;
    clear:both;
    }

.imageright
    {
    float:right;
    margin:0px 0px 1em 1em;
    border:1px solid #650f0f;
    clear:both;
    }

.imageleft img, .imageright img
    {
    border:1px solid #650f0f;
    }

.imagefull
    {
    display:block;
    margin:0px 0px 1em 0px;
    border:1px solid #650f0f;
    clear:both;
    }