/**********************************************************************************
* 
* © 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: layout.css
* Description: Layout CSS file for the Kennelly-O'Keefe website
*
***********************************************************************************/

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

@import url(type.css);


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

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

body
	{
	background:#b3b3b3;
	}


/* Images 
----------------------------------------------------------------------------------*/

img
    {
	border:none;
    }

.imageleft
    {
    float:left;
    margin:0px 1em 1em 0px;
    clear:both;
    }

.imageright
    {
    float:right;
    margin:0px 0px 1em 1em;
    clear:both;
    }

.imageleft img, .imageright img
    {
    }

.imagefull
    {    
    display:block;
    margin:0px 0px 1em 0px;
    clear:both;
    }


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

#container
	{
	margin:10px auto;
	width:900px;
	/*border:1px solid #000000;
	overflow:hidden;*/
	}


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

#masthead
    {
    float:left;
    width:898px;
    height:60px;
    background:#008a5e;
    border-top:1px solid #000000;
    border-right:1px solid #000000;
    border-left:1px solid #000000;
    }

#logo-screen
    {
    float:left;
    width:260px;
    height:52px;
    }

#logo-screen a
    {
    border:none;
    }

#logo-print
    {
	display:none;
    }


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

#main
    {
    float:left;
    width:898px;
    background:#ffffff;
    border-right:1px solid #000000;
    border-left:1px solid #000000;
    border-bottom:1px solid #000000;
    }


/* Sidepane
----------------------------------------------------------------------------------*/

#sidepane
    {
    position:relative;
    float:left;
    width:200px;
    background:#a5c3b5 url(/images/backgrounds/kennelly-navbg.gif) repeat-x;
    z-index:2;
    }


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

#nav
    {
    float:left;
    width:200px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    }


/* Contact information
----------------------------------------------------------------------------------*/

#contactinfo
    {
    float:left;
    width:170px;
    margin:1em 10px 0px 10px;
    padding:1em 10px 20px 0px;
    border-top:1px solid #1e6a46;
    }

/* star hack to correct discrepencies between IE7 and older versions */

* html #contactinfo
    {
    margin:1em 5px 0px 5px;
    }


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

#banner
    {
    }


/* Flash animation
----------------------------------------------------------------------------------*/

#flashanimation
    {
    position:relative;
    left:50%;
    width:658px;
    height:250px;
    margin:0px 0px 0px -329px;
    }


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

#content-splash
	{
	float:left;
	width:858px;
	margin:0em 0px 0px 0px;
	padding:20px 20px 20px 20px;
	background:#ffffff;
	}

#content
	{
	float:left;
	width:658px;
	margin:0em 0px 0px -200px;
	padding:20px 20px 70px 20px;
	background:#ffffff url(/images/backgrounds/kennelly-logo-med.gif) center bottom no-repeat;
	border-left:200px solid #a5c3b5;
	}

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

#bio-contentleft
	{
	float:left;
	width:279px;
	}
	
#bio-contentimage
	{
	float:right;
	width:350px;
	margin:0px 0px 1em 0px;
	}
	
#bio-supplemental
	{
	float:right;
	width:350px;
	}
	
#bio-supplementalleft
	{
	float:left;
	width:145px;
	margin:0px 0px 1em 0px;
	}
	
#bio-supplementalright
	{
	float:right;
	width:205px;
	}

/* star hack to correct discrepencies between IE7 and older versions */

* html #content
	{
	padding:20px 19px 0em 19px;
	}


/* Bio summary
----------------------------------------------------------------------------------*/

.bio
	{
	float:left;
	width:150px;
	margin:0px 20px 20px 0px;
	}

/* star hack to correct discrepencies between IE7 and older versions */

* html .bio
	{
	margin:0px 10px 20px 0px;
	}

.bio img
    {
    float:left;
    margin:0px 0px 0.4em 0px;
    clear:both;
    }

.bio a:hover
	{
	background:url(/images/kennelly-dropshadow.jpg) no-repeat;
	float:left;
	width:150px;
	}

	
/* Practice Areas Page
----------------------------------------------------------------------------------*/

#practiceleft
	{
	float:left;
	width:150px;
	margin: 0px 100px 0px 0px;
	}
#practiceright
	{
	float:left;
	width:150px;
	margin:0px 20px 0px 0px;
	}
	
#practicebottom
	{
	margin:40px 0px 0px 0px;
	}


/* Gallery container and thumbnails
----------------------------------------------------------------------------------*/

#gallery
	{
	float:left;
	width:810px;
	margin:1em 0px 0px 0px;
	padding:1em 0px 0px 0px;
	border-top: solid 1px #3366cc;
	}

#lightbox_container
    {
    padding:0px 0px 1em 0px;
    }

#lightbox_container img
    {
    margin:0px 10px 10px 0px;
    background:none;
    border:1px solid #3366cc;
    }

#lightbox_container a
    {
    background:none;
    border:none;
    }


/* Forms 
----------------------------------------------------------------------------------*/

#formcontainer
	{
	float:left;
	width:80%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 1em 0px;
	}
	
#formcontainer fieldset
	{
	float:left;
	width:80%;
	margin:0px 0px 1em 0px;
	padding:0px;
	border:1px solid #000000;
	}
	
#formcontainer fieldset legend
	{
	margin:0px 0px 0px 7px;
	padding:2px 5px;
	font:0.6875em Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background:transparent;
	border:1px solid #000000;
	}
	
#formcontainer .formcontent
	{
	float:left;
	width:95%;
	margin:15px 0px 0px 15px;
	padding:0px 0px 15px 0px;
	}

/* star hack to correct discrepencies between IE7 and older versions */

* html #formcontainer .formcontent
	{
	margin:15px 0px 0px 8px;
	}

#sidepane .formcontent
	{
	margin:10px;
	padding:0px;
	}
	
#formcontainer .formcontent ul
	{
	float:left;
	width:100%;
	margin:0px;
	padding:0px 0px 1.625em 0px;
	font:0.6875em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.625em;
	list-style:none;
	}
	
#formcontainer .formcontent ul li
	{
	float:left;
	width:100%;
	margin:0px;
	padding:2px 0px;
	}

#formcontainer .formcontent p
    {
    position:static;
    padding:0px;
    }
	
#formcontainer .formcontent label, #formcontainer .formcontent .label
	{
	float:left;
	width:35%;
	margin:0px;
	padding:1px 10px 0px 0px;
	text-align:right;
	}

/* star hack to correct discrepencies between IE7 and older versions */

* html #formcontainer .formcontent label, * html #formcontainer .formcontent .label
	{
	padding:1px 5px 0px 0px;
	}
	
#formcontainer .text
	{
	padding:1px;
	width:60%;
	font:1em Verdana, Arial, Helvetica, sans-serif;
	background:#e5e5e5;
	border:1px solid #000000;
	}

#formcontainer .radioandcheckbox
	{
	float:left;
	display:block;
	width:60%;
	margin:0px;
	padding:0px;
	clear:right;
	}

#formcontainer .radioandcheckbox li
    {
    font-size:1em;
    }

#formcontainer .radioandcheckbox input
    {
    width:15px;
    margin:0px 5px 0px 0px;
    background:none;
	border:none;
    }

#formcontainer .formcontent .blank
	{
	padding:1px;
	width:60%;
	font:italic 1em Verdana, Arial, Helvetica, sans-serif;
	background:none;
	border:none;
	}
	
#formcontainer select
	{
	padding:1px;
	width:auto;
	font:1em Verdana, Arial, Helvetica, sans-serif;
	background:#e5e5e5;
	border:1px solid #000000;
	}
	
#formcontainer option
	{
	padding:1px;
	width:auto;
	font:1em Verdana, Arial, Helvetica, sans-serif;
	background:#e5e5e5;
	}
	
#formcontainer textarea
	{
	padding:1px;
	width:60%;
	height:100px;
	font:1em Verdana, Arial, Helvetica, sans-serif;
	background:#e5e5e5;
	border:1px solid #000000;
	}
	
#formcontainer .button
	{
	margin:0px 8px 0px 0px;
	padding:0px 3px;
	font:0.6875em Verdana, Arial, Helvetica, sans-serif;
	}


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

#footer
    {
    float:left;
    width:890px;
    margin:0px 0px 0px 0px;
    padding:10px 10px 0px 0px;  
    }


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

hr
	{
	display:none;
	}

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


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