/**********************************************************************************
* 
* © 2014 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: desktop.css
* Description: Additional desktop styles for www.hoodcleanersfargo.com
*
***********************************************************************************/

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

body
	{
	line-height:1.3125em;
	background:#404040 repeat-y center top url(/sitegraphics/hoodcleaners-sitebg.jpg);
	}

html, body, form
    {
    height:100%;
    }

#caution-container
    {
    font-size:0.75em;
    }

object, iframe
    {
    margin:0.3125em 0 1.3125em;
    }

*:first-child+html embed
    {
    margin:0.3125em 0 1.3125em;
    }

* html embed
    {
    margin:0.3125em 0 1.3125em;
    }


/* Base text
----------------------------------------------------------------------------------*/

h1
	{
	margin:20px 0 0;
	}

h1 a
    {
    width:300px;
    height:96px;
	background-image:url(/sitegraphics/hoodcleaners-logo.gif);
    }

h2
	{
	font-size:1.5em;
	}

h3
	{
	font-size:1.25em;
	}

h4
	{
	font-size:1.125em;
	}

h5
	{
	font-size:1em;
	}

h3 + h3, h3 + h5, h5 + h3, h5 + h5
    {
    margin-top:1.3125em;
    }

h6, p, ul, ol, time
	{
	font-size:0.875em;
	}

blockquote
	{
	margin:0 1.3125em;
	}

pre
    {
    margin-bottom:1.3125em;
    font-size:0.875em;
    }


/* Tables 
----------------------------------------------------------------------------------*/

table
    {
    margin:0.3125em 0 1.3125em;
    }

table th, table td
    {
    font-size:0.875em;
    }

/* correct sizing when user incorrectly adds paragraph tags with CMS inside table cells */

table th p, table td p
    {
    line-height:1.3125em;
    }


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

img
    {
	margin-bottom:1.3125em;
    }

.imageleft, .imagesticky
    {
    margin-right:1.3125em;
    }

.imageright
    {
    margin-left:1.3125em;
    }

.imagecenter
	{
	margin-bottom:1.3125em;
	}


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

#container
	{
	min-height:100%;
	}

#popup-container
    {
    margin:1em;
    }


/* Header
----------------------------------------------------------------------------------*/

#header
    {
	width:100%;
    height:135px;
	margin:0;
	padding:0;
    background-image:url(/sitegraphics/hoodcleaners-header.jpg);
    }

#mast
    {
    float:none !important;
    width:950px;
    height:100%;
    margin:0 auto;
    }

#logo
    {
    width:auto;
    }

#header-supplemental
    {
    }


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

#nav
	{
	display:block;
	float:left;
	width:900px;
    height:34px;
	margin:0;
    background:#505050 url(/sitegraphics/hoodcleaners-nav.gif) repeat-x;
	}

#nav ul
    {
    width:auto;
	margin-left:20px;
    padding:0;
    font-size:0.875em;
    list-style:none;
    }

#nav li
    {
    float:left;
    border-width:0 1px 0 0;
    border-style:solid;
    border-color:#c0c0c0;
    }

#nav li:first-child
    {
    border-width:0 1px;
    }

#nav a
    {
    display:block;
    height:28px;
    padding:6px 13px 0;
    color:#fff;
	background-image:url(/sitegraphics/hoodcleaners-nav.gif);
    background-position:right top;
    background-repeat:no-repeat;
    border:none;
    }

#nav a:hover, #nav a:focus
    {
    color:#112f50;
    background:#a5bfd8;
	background-position:right center;
    }

#nav a:active
    {
    height:27px;
    padding-top:7px;
	color:#112f50;
    background-position:right bottom;
    }

#nav-menu-link, #nav-mobile
    {
    display:none;
    }


/* Second-level lists 
----------------------------------------------------------------------------------*/

#nav li ul
	{
	display:none;
	width:auto;
	position:absolute;
	left:-999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin:-24px 0 0 120px;
	padding:0 0 0 0;
	list-style:none;
	background:#9fcee6;
	/*background:rgba(77,122,153,0.7);*/
	/*border:2px solid #91d0eb;*/
	/*border-right:1px solid #334d66;
	border-bottom:1px solid #334d66;
	border-left:1px solid #334d66;*/
	z-index:10;
	/*filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity:0.9;
	opacity:0.9;*/
	}

#nav li ul ul
	{
	margin:-20px 0 0 80%;
	}

#nav li ul li
	{
	float:none;
	margin:0;
	padding:0;
	border:none;
	}
	
#nav li ul li a
	{
	/*background:none;*/
	/*padding:7px 13px 7px 13px;
	background:#4d7a99;
	background:rgba(77,122,153,0.9);*/
	/*border:none;*/
	}
	
#nav li ul li a:hover
	{
	/*background:#7999af;
	background:rgba(121,153,175,0.9);*/
	}

#nav li ul li a:active
	{
	}

#nav li:hover, #nav li.sfhover
    {
    position:static;
    /*background:#7999af;
    background:rgba(121,153,175,0.9);*/
    }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul
    {
    left:-999em;
    }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul /* lists nested under hovered list items */
	{
	left:auto;
	}


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

#banner, #slideshow
    {
	display:block;
    }


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

#main
    {
    float:none !important;
    width:910px;
    margin:0 auto 54px;
    padding:20px;
    background:#1a1a1a;
    overflow:hidden;
    }

/* clearfix hack to keep floats from overlapping footer */

.clearfix:after
    {
    content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
	
.clearfix
    {
    display:inline-block;
    }

/* Hides from IE-mac \*/
    
* html .clearfix
    {
    height:1%;
    }

.clearfix
    {
    display:block;
    }

/* End hide from IE-mac */


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

#content
	{
	width:629px;
	min-height:300px;
	margin-right:-1px;
	padding:10px 20px 0 0;
	border-right:1px solid #333;
	}

.video-container
	{
	margin-bottom:1.3125em;
	}


/* Summary/Item list
--------------------------------------------------------------------------------*/

ul.itemlist, ol.itemlist
    {
    margin:0.3125em 0 1.3125em;
    }

.itemlist li
    {
    width:30.25%;
    margin:0 2.25% 1.3125em 0;
    }

.itemlist li a.iteminfo
    {
    height:260px;
    }

.itemlist li a.iteminfo span
    {
    width:100%;
    padding:0;
    }

.itemlist li a.iteminfo img
    {
    float:none !important;
    margin:0 auto 0.5em;
    }

.itemlist strong
    {
    font-size:1em;
    }

.itemlist em
    {
    padding-bottom:1em;
    font-size:0.875em;
    }


/* Product layout
--------------------------------------------------------------------------------*/

#addtocart
    {
    float:left;
    width:250px;
    }

#addtocart label, #addtocart .textbox, #addtocart .button, #productlistbox label
    {
    font-size:0.875em;
    }

#addtocart label, #addtocart .textbox, #addtocart .button, .productcell, #productlistbox
    {
    margin-bottom:1.3125em;
    }

#productimage
    {
    max-width:289px;
    }

.productcell img
    {
    margin:0 0 1.3125em 1.3125em;
    max-width:150px;
    }


/* Slideshows
--------------------------------------------------------------------------------*/

.slideshow
    {
    float:left;
    width:100%;
    padding:0;
    font-size:1em;
    line-height:1em;
    list-style:none;
    z-index:1;
    }

.slideshow li
    {
    width:100%;
    float:left;
    }

.slideshow li img
    {
    /*float:right;*/
    width:300px;
    /*height:200px;
    margin:0 0 1em 1em;*/
    }

.slideshow li strong
    {
    display:block;
    font-weight:bold;
    font-size:1.125em;
    /*color:#fff;*/
	line-height:1.166em;
    }

.slideshow li em
    {
    display:block;
    font-style:normal;
    font-size:0.75em;
    /*color:#fff;*/
	line-height:1.75em;
    }


/* Section gallery
----------------------------------------------------------------------------------*/

.section li
	{
    margin-bottom:1.3125em;
    }

.section a
    {
    width:auto;
    }

.section img
    {
    margin:0 0 1.3125em 1.3125em;
    }

.section strong
    {
	font-size:1.25em;
    }

.section span.jobtitle, .section em
    {
    font-size:0.875em;
    }

.section em
    {
    margin-bottom:1.3125em;
    }


/* Events list
----------------------------------------------------------------------------------*/

.nav-events label, .nav-events select
    {
    font-size:0.875em;
    }

.events-list img
    {
    max-width:100px;
    }


/* Lightbox galleries
----------------------------------------------------------------------------------*/

.lb-gallery
	{
	margin-bottom:1.3125em;
	}


/* Google map
----------------------------------------------------------------------------------*/

.map
    {
    margin-bottom:1.3125em;
    }

.map small
    {
    font-size:0.875em;
    }


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

#supplemental
    {
    width:240px;
    padding:10px 0 0 20px;
    border-width:0 0 0 1px;
    }


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

#footer
    {
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:50px;
    padding:0;
    background-repeat:repeat-x;
    background-image:url(/sitegraphics/hoodcleaners-footer.jpg);
    }

#footer-main
    {
    position:relative;
	width:910px;
    margin:0 auto;
    padding:0.625em 20px;
    }

/*#footer a.footer-logo
    {
    position:absolute;
    top:4px;
    right:13px;
    width:105px;
    height:50px;
    border:none;
    background-image:url(/sitegraphics/hoodcleaners-etilogo.gif);
	background-repeat:no-repeat;
	background-position:left top;
    }

#footer a.footer-logo:hover, #footer a.footer-logo:active, #footer a.footer-logo:focus
    {
    background-position:left bottom;
    border:none;
    }

#footer a.footer-logo span
    {
    position:absolute;
    left:-999em;
    }*/


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

.basicform fieldset legend
    {
    font-size:1.25em;
    }

.basicform fieldset ol ol li.noinput, .basicform fieldset ol ul li.noinput
	{
	line-height:1.3125em;
	}
	
.basicform fieldset ol ol li.noinput, .basicform fieldset ol ul li.noinput, .basicform fieldset label, .basicform fieldset .text-nofield, .basicform fieldset .textbox, .basicform fieldset .shorttextbox, .basicform fieldset select, .basicform fieldset textarea, .basicform fieldset fieldset legend, .basicform fieldset fieldset.subtextboxes legend, .basicform fieldset fieldset label, .basicform fieldset fieldset.subtextboxes label, .basicform fieldset fieldset.longlist label, .basicform fieldset fieldset.longlist span.checkbox, .basicform fieldset fieldset.longlist span.checkbox label, .basicform fieldset .button, .simpleform label, .simpleform .textbox, .simpleform select, .simpleform textarea, .simpleform .fileupload, .simpleform .button
	{
	font-size:0.875em;
	}


/* CMS created form
----------------------------------------------------------------------------------*/

.bodyText .formitems_heading
    {
	font-size:1em;
    }

.bodyText th p, .bodyText td p, .bodyText .formitems_label, .bodyText .formitems
    {
    font-size:0.875em;
    }


/* Mailing list form
----------------------------------------------------------------------------------*/

#frm-mailinglist
    {
    margin-bottom:1.3125em;
    }

#frm-mailinglist label, #frm-mailinglist .textbox, #frm-mailinglist .button
    {
    font-size:0.875em;
    }

#frm-mailinglist .button
	{
	margin-bottom:1.3125em;
	}


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

.hr
	{
	margin-bottom:1.3125em;
	}