/* NOTE: this file is hard-linked (via unix filesystem) to the socher.css in the root dir of socherinsurance.com - they are NOT two separate files 
  I hard-linked the file to avoid conflicting path issues between dreamweaver's templating system and tectite's templating system

*/
/* CSS Document */

/* [TOC]

[GENERAL]
[HEADER]
[NAVIGATION]
[BODY]
[FORMS]
[FOOTER]

=======================================*/





/* [GENERAL]
=======================================*/

/* basic image replacement code */
.ir
{
 position: relative;
 top: 0;
 left: 0;
 text-align: center;
 overflow: hidden;
}

.ir span.ir
{
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 background-position: center center!important;
 background-repeat: no-repeat!important;
}

#IEroot a .ir
{
 cursor: pointer!important;
}

body
{
 font-family: Tahoma, Verdana, Helvetica, sans-serif;
}

.visualClear
{
 clear: both;
 height: 0;
 width: 0;
}

* html .visualClear
{
 position: absolute;
/* ie6 gives these a height otherwise */
}


#container
{
 width: 955px;
 margin: 0 auto;
}


.subtitle
{
 display: block;
}















/* [HEADER]
=======================================*/

h1
{
 background: #353895;
 margin: 0;
 color: white;
 font-variant: small-caps;
 height: 115px;
}

h1 a
{
 color: white;
}

h1 .subtitle
{
 font-size: 75%;  
}



h1 .ir
{
 background: url(/images/logo.jpg);
}

#banner
{
 background: #2275bb;
 height: 230px;
 min-height: 200px;
}

#IEroot #banner
{
 margin-bottom: -3px;
}

















/* [NAVIGATION]
=======================================*/

body.home #navigation
{
 background: #1b90ce url(/images/swoosh_light.jpg) no-repeat;
}

body.content #navigation
{
 background: #25aae1;
}

#navigation
{
 background: black;
 font-size: 13px;
 font-weight: bold;
 height: auto;
 float: left;
 width: 100%;
}

#navigation ul
{
 margin: 3px 0 5px 0;
 padding: 0;
 list-style: none;
 float: right;
}

#navigation ul#nav
{
 margin-right: 60px;
}

#navigation ul#nav li
{
 margin: 0 30px;
 float: left;
}

#navigation ul#nav2
{
 float: left;
 margin-left: 40px;
}

#navigation ul, #navigation li
{
 display: inline; /* ie6 double margin float bug fix */
}

#navigation a
{
 color: white;
 text-decoration: none;
}

#navigation a:hover
{
 text-decoration: underline;
}

#navigation .current a
{
/* color: #e1c31f; */
color: #353895;
}


















/* [BODY]
=======================================*/

#body
{
 clear: both;
}


.home #body
{
 background: #c7e8ec url(/images/swoosh.jpg) left -24px no-repeat;
 height: 100px;
}

.content #body
{
 background: #fdfdf5;
/* color: #888989; */
 color: #555656;
 font-size: 12px;
 padding-bottom: 3em;
}

.content #IEroot #body
{
 padding-top: 1em;
}

.content #body #columns .inner
{
 padding: 0 1em;
}

.content #body #columns #mainContent,
.content #body #columns #sideContent
{
/* make the right two cols go down just a wee bit to look better */
 padding-top: .75em;
}

.content #body.cols3
{
 background: #fdfdf5 url(/images/body-3col-bg.jpg);
}

.content #body.cols2
{
 background: #fdfdf5 url(/images/body-2col-bg.jpg);
}

.content #body.cols2 #mainContent .inner
{
 padding-right: 200px;
}

#body h2
{
 text-align: center;
}

#body blockquote
{
 font-style: italic;
 margin-left: 0;
 margin-right: 0;
}

#sideContent
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 2em;
}

#body .byline
{
 font-weight: bold;
}

#body li
{
 margin-top: .5em;
}

#mainContent
{
 line-height: 1.3em;
}













/* [FORMS]
=======================================*/

fieldset
{
 padding: 0.5em 0.75em;
 border: 1px solid #999;
 margin: 1em 0;
}

fieldset legend
{
 font-weight: bold;
 color: #444;
 font-size: 1.5em;
 padding: 0.5em;

}

form .field
{
 margin: 1em 0;
}

form .field label
{
 font-weight: bold;
 display: block;
 color: #555;
}

form div input
{
 display: block;
}

textarea
{
 width: 300px;
}

#quote_form .text
{
 width: 300px;
}

#quote_form #Gate_Code
{
 width: 150px;
}

#quote_form #Number_Of_Units,
#quote_form #Policy_Effective_Date
{
 width: 100px;
}


.errors 
{
 font-weight: bold;
}

.errors ul, .errors li
{
 margin: 0;
 padding: 0;
}

.errors li, .errors .error_output
{
 color: #660000;
 margin-left: 2em;
}

#upload_note
{
 color:#920303;
 border: 1px dotted #920303;
 padding: 0.6em;
}


.form_results h4
{
 text-align: left;
 font-weight: bold;
 font-size: 1.5em;
 border-bottom: 1px dotted grey;
 margin-bottom: 0.5em;
}

.form_results .subsection p
{
 margin-top: 0.25em;
 margin-bottom: 0.7em;
}

.form_results table
{
	width: 100%;
}

.form_results .fielddata
{
 border: 1px solid #ccc;
}

.form_results pre
{
 font-family: Tahoma, Verdana, Helvetica, sans-serif;
 font-size: 1em;
}

.form_results .fieldname
{
 font-weight: bold;
 text-align: right;
 width: 33%;
}

.form_results .fielddata
{
 text-align: left;
 padding-left: 1em;
 padding-right: 1em;
}

#attachments .fieldname
{
 width: 5%;
}

/* [FOOTER]

=======================================*/

.home #footer
{
 height: 90px;
 background: #353895 url(/images/footer-bg.jpg) repeat-y;
}

.home #footer img.logo
{
 margin-top: 6px;
 float: left;
}

.home #footer #c25years
{
 display: inline;
 float: right;
 width: 353px;
 height: 75px;
 color: white;
 background: #353895;
 margin: 6px 0 0 0;  
 padding: 0;
}

.home #footer #c25years .ir
{
 background: url(/images/c25years.gif);
}