/**********************************************************************************
* 
* © 2009 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: styles.css
* Description: Layout CSS file for the Zims Entertainment website
*
***********************************************************************************/

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

body
    {
    background:#231f20;
    font:normal 100% Verdana, Arial, Helvetica, sans-serif;
    color:#000000;
	text-align:center;
    }


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

img
    {
    border:none;
    }

.imagewedding
    {
    float:left;
    padding:0px 16px 1em 0px;
    }

.imagefull
    {
    position:relative;
    display:block;
    margin:0px auto 1em auto;    
    }

#container
    {
    width:820px;
    margin:0 auto;
    padding:0;
	text-align:left;
    }

#top
    {
    }

#left
    {
    float:left;
    width:224px;
    height:152px;
    background:url(/images/top-left-bg.gif) no-repeat;
    }

#left img
    {
    margin:14px 0 0 25px;
    border:0 none;
    }

#middle
    {
    float:left;
    width:507px;
    height:152px;
    background:url(/images/top-middle-bg.gif) repeat-x;
    }

#middle-content
    {
    margin:30px 0 0 5px;
    }

#middle-content img
    {
    float:left;
    }

#right
    {
    float:left;
    width:77px;
    height:152px;
    background:url(/images/top-right-bg.gif) no-repeat;
    }

#menu
    {
    float:left;
    width:808px;
    height:45px;
    background:url(/images/menu-bg.gif) no-repeat;
    text-align:center;
    }

#menu ul
    {
    width:788px;
    margin:0 auto;
    list-style:none;
    }

* html #menu ul
	{
	width:795px;
	margin:0;
	}

#menu ul li
    {
    float:left;
    width:176px;
    height:33px;
    margin:1px 10px;
    background:url(/images/button-link.gif) no-repeat;
    text-align:left;
    }

#menu ul li:hover, #menu ul li.hover
    {
    background:url(/images/button-hover.gif) no-repeat;
    }

#menu ul li:active, #menu ul li.active
    {
    background:url(/images/button-active.gif) no-repeat;
    }

#menu ul li a
    {
    width:135px;
    height:21px;
    margin:7px 0px 0px 33px;
    display:block;
    background:transparent;
    color:#b0b0b0;
    text-decoration:none;
    border:none;
    font:bold 13px Verdana,sans-serif;
    }

#menu ul li a:hover
    {
    color:#ffffff;
    }

#content
    {
    float:left;
    width:808px;
    height:auto;
    background:url(/images/content-bg.gif) repeat-y;
    }

#sidebar
    {
    float:left;
    width:182px;
    margin:5px 10px 10px 15px;
    }

#sidebar
    {
    margin:5px;
    }

#sidebar-top
    {
    width:182px;
    height:15px;
    background:url(/images/sidebar-top.jpg) no-repeat;
    }

#sidebar-middle
    {
    width:142px;
    padding:0px 20px;
    background:url(/images/sidebar-middle.jpg) repeat-y;
    text-align:center;
    }

* html #sidebar-middle
	{
	margin-top:-4px;
	}

#sidebar-middle p
    {
    padding:0px 0px 1.8em 0px;
    font-size:0.6875em;
    color:#ffffff;
    line-height:1.8em;
    text-align:left;
    }

#sidebar-middle a:link, #sidebar-middle a:visited
    {
    color:#808080;
    border-bottom:1px solid #808080;
    }

#sidebar-middle a:hover, #sidebar-middle a:active
    {
    color:#ffffff;
    background:none;
    border-bottom:1px solid #ffffff;
    }

#sidebar-middle img
    {
    margin:20px 0px 10px 0px;
    border:none;
    }

* html #sidebar-middle img
    {
    margin:35px 0 10px 0;
    border:0 none;
    }

#sidebar-bottom
    {
    width:182px;
    height:16px;
    background:url(/images/sidebar-bottom.jpg) no-repeat;
    }

#contentbody
    {
    float:left;
    width:600px;
    margin:10px 0 10px 0;
    }

* html #contentbody
    {
	margin-top:5px;
	}

#contentbody-top
    {
    width:598px;
    height:14px;
    background:url(/images/contentbody-top.gif) no-repeat;
    }

#contentbody-middle
    {
    float:left;
    width:558px;
    padding:0px 20px;
    background:url(/images/contentbody-bg.gif) repeat-y;
    }

* html #contentbody-middle
    {
	margin-top:-5px;
	}

h1, h2, h3, h4, h5, h6
    {    
    line-height:1.8em;
    font-weight:bold;
    }

h1
    {
    font-size:1.4em;
    }

h2
    {
    font-size:1.2em;
    }

h3
    {
    font-size:1em;
    }

h4
    {
    font-size:0.875em;
    }

h5
    {
    font-size:0.75em;
    }

h6
    {
    font-size:0.6875em;
    }

#contentbody-middle p
    {
    padding:0px 0px 1.8em 0px;
    font-size:0.6875em;
    line-height:1.8em;
    }

#contentbody-middle ul, #contentbody-middle ol
    {
    margin:0px 0px 0px 26px;
    padding:0px 0px 1.8em 0px;
    font-size:0.6875em;
    line-height:1.8em;
    }

#contentbody-middle ul ul, #contentbody-middle ol ul, #contentbody-middle ol ul ul
    {
    padding:0px 0px 0em 0px;
    font-size:1em;
    line-height:1.8em;
    }

#contentbody-middle ol ol
    {
    padding:0px 0px 0em 0px;
    font-size:1em;
    line-height:1.8em;
    list-style:lower-alpha;
    }

#contentbody-middle ol ol ol
    {
    list-style:lower-roman;
    }

a:link, a:visited
	{
	color:#666666;
	text-decoration:none;
	border-bottom:1px solid #666666;
	}

a:hover
	{
	color:#000000;
	background:#dddddd;
	}
	
a:active
	{
	color:#000000;
	background:#dddddd;
	}

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited
    {
    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 #666666;
    }

a.noborder
    {
    border:none;
    }

#weddings
    {
    width:250px;
    float:left;
    margin:10px 20px;
    }

#dances
    {
    width:250px;
    float:left;
    margin:10px 20px;
    }

#contentbody-bottom
    {
    float:left;
    width:598px;
    height:13px;
    background:url(/images/contentbody-bottom.gif) no-repeat;
    }

#bottom
    {
    float:left;
    width:808px;
    height:40px;    
    background:url(/images/bottom-bg.gif) no-repeat;
    }

#bottom p
    {
    padding:10px 10px 0px 0px;
    color:#ffffff;
    border-top:1px solid #5f6062;
    font-size:0.6875em;
    text-align:right;
    }

#bottom a:link, #bottom a:visited
    {
    color:#808080;
    border-bottom:1px solid #808080;
    }

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

#contentbody-middle ul.songs
    {
    float:left;
    width:100%;
    list-style:none;
    }

#contentbody-middle ul.songs ul
    {
    float:left;
    margin:15px 25px;
    list-style:none;
    }

#contentbody-middle ul.songs li
    {
    float:left;
    margin:5px;
    font-weight:bold;
    }

#equip-img
    {
    margin:20px 10px;
    border:0 none;
    text-align:center;
    }

#equip-img img
    {
    margin:0 auto;
    border:0 none;
    }

#contactinfo
    {
    }

#contactinfo p
    {
    }

.songtitle
    {
    float:left;
    width:170px;
    margin:0 5px;
    font-weight:normal;
    }

.artist
    {
    float:left;
    width:170px;
    margin:0 5px;
    font-weight:normal;
    clear:right;
    }

.header
    {
    height:20px;
    list-style:none;
    background:#e1e1e1;
    color:#000;
    }

.titlehead
    {
    float:left;
    width:170px;
    margin:0 5px;
    font-weight:bold;
    }

.artisthead
    {
    float:left;
    width:170px;
    margin:0 5px;
    font-weight:bold;
    clear:right;
    }

.picturerows
    {
    width:100%;
    }

.picturerows img
    {
    margin:1em 2em;
    }

#contactform
	{
	float:left;
	width:100%;
	}

#contactform fieldset
    {
    float:left;	
	width:48%;
	margin:0px 0px 1em 0px;
    border:1px solid #808080;
    }

* html #contactform fieldset
    {
	}

#contactform fieldset legend
    {
    margin:.1em;
    padding:.3em;
    font:bold 0.875em Verdana, sans-serif;
	color:#000;
    }

#contactform fieldset ol
    {
    float:left;
	width:100%;
	margin:0px;
	padding:0px 0px 1.8em 0px;
	font:0.6875em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.8em;
	list-style:none;
    }

#contactform fieldset li
    {
    float:left;
	width:100%;
	margin:0px;
	padding:2px 0px;
    }

#contactform label
    {
    display:block;
	float:left;
	width:20%;
	margin:0px;
	padding:1px 10px 0px 10px;
	text-align:right;
    }

#contactform fieldset .text, #contactform fieldset select, #contactform fieldset textarea
    {
    padding:1px;
	width:65%;
	font:1em Verdana, Arial, Helvetica, sans-serif;
	background:#e5e5e5;
	border:1px solid #808080;
    }

#contactform fieldset .buttons
    {
    width:auto;
    margin:0px 0px 1em 10px;
    padding:1px 4px;
    font-size:0.6875em;
    }

#errors
    {
    float:left;
    width:45%;
    padding:1em 0px 0px 10px;
    text-align:left;
    }

* html #errors
	{
	margin-left:150px;
	}

.errortext
    {
    text-align:left;
    }