﻿/* imagemenuLeft hack for IE6 \*/

*html div#header
{
    width:990px;
	height:102px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	margin-top:25px;
}

/* end of hack */


/* imagemenuLeft hack for IE6 \*/

*html div#telephone
{
    width:400px;
    height:25px;
    float:right;
    text-align:right;
    margin: 70px 30px 0 0;
}

/* end of hack */


/* imagemenuLeft hack for IE6 \*/

*html div#footerBgTest
{
	width: 985px;
	height:20px;
	background-image: url(images/footerBg.jpg);
	background-repeat: repeat-x;
    margin: -10px auto 0 auto;
}

/* end of hack */

/* imagemenuLeft hack for IE6 \*/

*html div#footerBg
{
	width: 985px;
	height:22px;
	background-image: url(images/footerBg.jpg);
	background-repeat: repeat-x;
    margin: 20px auto 0 auto;
    clear: both;
}

/* end of hack */

/* imagemenuLeft hack for IE6 \*/

*html div#lborder
{
    width:15px;
    height:817px;
	background-image: url(images/lborder.jpg);
	background-repeat:repeat-y;
	float:left;
	margin: 0 0 0 4px;
}

/* end of hack */


/* imagemenuLeft hack for IE6 \*/

*html div#lborderTest
{
    width:15px;
    height: 900px;
	background-image: url(images/lborder.jpg);
	background-repeat:repeat-y;
	float:left;
	margin: 0 0 0 4px;
}

/* end of hack */

/* imagemenuLeft hack for IE6 \*/

*html div#rborderTest
{
    width:15px;
    height: 900px;
	background-image: url(images/rborder.jpg);
	background-repeat:repeat-y;
	float:left;
	margin: 0 4px 0 0;
}
/* end of hack */


/* imagemenuLeft hack for IE6 \*/

*html div#mainContent
{
    width:944px;
    height:800px;
    background-color:#FFFFFF;
    float:left;
}

/* end of hack */

/* imagemenuLeft hack for IE6 \*/

*html div#rborder
{
    width:15px;
    height:817px;
	background-image: url(images/rborder.jpg);
	background-repeat:repeat-y;
	float:right;
	margin: 0 4px 0 0;
}

/* end of hack */


/* imagemenuLeft hack for IE6 \*/

*html div#logo
{
    width:202px;
    height:102px;
    float:left;
    margin: 9px 0 -1px 20px;
}

/* end of hack */

/* =============
Reset Browser Settings
===============*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td {margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:”; }
abbr,acronym { border:0; }

/*===============
Set Font Size
Set Line Heaght
Set Font Family
================*/

html
{
    font-size: 0.9em;
    line-height: 1.4em; 
    font-family: Verdana, Arial, Sans-Serif; 
    height: 100%;
    margin: 0;
    padding: 0;
}

/*================
Formatting Styles
==================*/

body 
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 0.9em;
	color: #000000;
	background-color: #e1e2e3;
	height: 100%;
    margin: 0 0 0 0;
	padding: 0 0 0 0;
}


a 
{
	color: #000000;
	text-decoration:underline;
}

a:hover 
{
	text-decoration: none;
}


/*===========
Title Styles
=============*/

h1
{
    font-size:1.5em;
    font-weight:bold;
    color: #e32929;
    border-bottom: 1px solid #e32929;
    padding-bottom: 5px;
}

h2
{
    font-size:1.4em;
    font-weight:bold;
    color: #e32929;
    border-bottom: 1px solid #e32929;
    padding-bottom: 5px;
}

h3
{
    font-size:1.3em;
    font-weight:bold;
        color: #e32929;
}

h4
{
    font-size:1.2em;
    font-weight:bold;
    color: #000000;
    padding:6px;
}

h5
{
    font-size:0.9em;
    font-weight: bold;
    padding: 0 0 0 0;
    color: #000000;
}

/*=======================
Structural Layout Styles
=========================*/

#mainContainer 
{
	width: 990px;
	height:auto;
    margin: 0 auto 0 auto;
}

#mainContainerTest
{
	width: 990px;
	height:900px;
    margin: 0 auto 0 auto;
}

#header
{
    width:990px;
	height:102px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	float:left;
	margin-top:25px;
}

#mainContent
{
    width:944px;
    height:auto;
    background-color:#FFFFFF;
    background-image: url(images/mainContentBg.jpg);
    background-repeat: repeat-y;
    float:left;
    clear: both;
    padding: 0 23px 0 23px;
    margin: 0 0 0 0px;
}

#mainContentTest
{
    width:944px;
    height:900px;
    background-color:#FFFFFF;
    float:left;
}


#navContent
{
    width:160px;
    height:172px;
    background-color: #e32929;
    float: left;
}

#quoteContent
{
    width:160px;
    height:450px;
    background-color: #b7b7b7;
    float: left;
}

.quoteContent
{
    width:160px;
    height:450px;
    background-color: #b7b7b7;
    float: left;
}

#quoteContentTest
{
    width:160px;
    height:550px;
    background-color: #b7b7b7;
    float: left;
}

.quoteContentTest
{
    width:160px;
    height:550px;
    background-color: #b7b7b7;
    float: left;
}

.thankyouContent
{
    width:160px;
    height:400px;
    background-color: #b7b7b7;
    float: left;
}

#thankyouContent
{
    width:160px;
    height:400px;
    background-color: #b7b7b7;
    float: left;
}


#members
{
    width: 150px;
    height: 200px;
    float: left;
    margin: 40px 0 0 6px;
}


.content
{
    width: 750px;
    height: auto;
    float: right;
    line-height: 1.5em;
    text-align: left;
    margin: 15px 0 0 23px;
}

.contentTest
{
    width: 750px;
    height: 500px;
    float: right;
    line-height: 1.5em;
    text-align: left;
    margin: 15px 0 0 23px;
}


.serviceContent
{
    width: 350px;
    height: auto;
    float: right;
    line-height: 1.5em;
    text-align: left;
    margin: 15px 0 50px 23px;
}

.serviceContent2
{
    width: 350px;
    height: auto;
    float: right;
    line-height: 1.5em;
    text-align: left;
    margin: 15px 0 50px 23px;
}

.serviceImagery
{
    width: 300px;
    height: 285px;
    float: right;
    line-height: 1.5em;
    text-align: left;
    margin: 15px 0 0 100px;
}

.gallery
{
    width: 700px;
    height: 600px;
    float: left;
    margin: 0 0 0 0;
}

#logo
{
    width:202px;
    height:102px;
    float:left;
    margin: 0px 0 0 20px;
}

#telephone
{
    width:400px;
    height:114px;
    float:right;
    text-align:right;
    margin: 65px 30px 0 0;
}

.topMargin
{
    margin-top:10px;
    float:left;
}

.quickquote
{
    font-size:0.85em;
    color:#000000;
    padding-left:6px;
    line-height: 1.25em;
}


.guild
{
    margin: 6px;
}

.guild1
{
    margin: 16px 6px 6px 6px;
}



.submitButton
{
    margin: -50px 0 0 0;
}

.serviceContainer
{
    width:175px;
    height: 225px;
    float:left;
    background-image:url(images/roundedBg.jpg);
    margin: 25px 12.5px 0 0;
}


.serviceTitle
{
    margin:13px 13px 13px 13px;
}

.serviceTitle a
{
    font-size:1em;
    font-weight:bold;

    text-decoration: none;
}

.imageLink
{
    border:none;
}

.serviceImage
{
 width:148px;
 height:171px;
 margin:0 0 0 13px;
}

.clickformore
{
    width:350px;
    height:30px;
    float:right;
    text-align:right;
    font-size:1em;
    color:#e32929;
    padding:6px;
}

.click
{
    font-size:1em;
    color:#e32929;
}

#footerBg
{
	width: 985px;
	height:20px;
	background-image: url(images/footerBg.jpg);
	background-repeat: repeat-x;
    margin: 0px auto 0 auto;
    clear: both;
}

#footerBgTest
{
	width: 985px;
	height:20px;
	background-image: url(images/footerBg.jpg);
	background-repeat: repeat-x;
    margin: 0px auto 0 auto;
    clear: both;
}

#footerContent
{
	width: 970px;
	height:20px;
	font-size: 0.9em;
	text-align:right;
    margin: 0 auto 0 auto;
}

.serviceLink
{
    color:#e32929;
    text-decoration: underline;
}

/*===========
Content
=============*/

#contentContainer
{
    width: 780px;
    height: 530px;
    float:left;
    margin: 12px 0 0 0;
}


#aboutContent
{
    width: 780px;
    height: 330px;
    float:left;
    margin: 0 0 0 0;
    background: White;
}

#mainProductDesc
{
    width: 384px;
    height: 530px;
    float:left;
    margin: 0 0 0 0;
    background: White;
}

#subContainerTop
{
    width: 384px;
    height: 280px;
    float:left;
    margin: 0 0 0 12px;
    background: White;
}

#subContainerBottom
{
    width: 384px;
    height: 238px;
    float:left;
    margin: 12px 0 0 12px;
    background: White;
}

.nav { margin: 5px 0 }
#nav a, #s7 strong { margin: 0 5px; padding: 3px 5px; border: 1px solid #ccc; background: #fc0; text-decoration: none }
#nav a.activeSlide { background: #ea0 }
#nav a:focus { outline: none; }
#output { text-align: left; }

pre { text-align: left; overflow: visible }

code { background-color: #ffc }

pre code { background-color: #eee }



.pics { height: 232px; width: 232px; padding:0; margin:0; overflow: hidden }

.pics img { height: 200px; width: 200px; padding: 15px; border: 1px solid #ccc; background-color: #eee; top:0; left:0 }

.pics img {

	-moz-border-radius: 10px; -webkit-border-radius: 10px;

}




#subContainerL
{
    width: 384px;
    height: 200px;
    float:left;
    margin: 12px 6px 0 0;
    background: White;
}

#subContainerR
{
    width: 384px;
    height: 200px;
    float:left;
    margin: 12px 0 0 6px;
    background: White;
}

/*===========
Home Image
=============*/

#homeHolder
{
    width: 780px;
    height: 530px;
    float:left;
    margin: 12px 0 0 0;
}

/*======
Sidebar
========*/

#sidebar 
{
    width: 208px;
    height: 390px;
    float: left;
    margin: 12px 0 0 12px;
}

#containerOne
{
    width: 208px;
    height: 140px;
    float: left;
    text-align: center;
    margin: 0 0 0 0;
    background-color:#121212;
    background-image:url(images/containerOne.gif);
    background-repeat: no-repeat;
}

.containerOneTitle
{
    font-size: 2em;
    color: White;
    line-height: 1.5em;
        font-family: Verdana, Arial, Sans-Serif; 
        margin: 0 0 0 0;
}

#containerOne a
{
    font-size: 0.8em;
    color: White;
            font-family: Verdana, Arial, Sans-Serif; 
    text-decoration: underline;
}

#containerSecond
{
    width: 208px;
    height: 140px;
    float: left;
    text-align: left;
    margin: 0 0 0 0;
    background-color:#121212;
    background-image:url(images/containerOne.gif);
    background-repeat: no-repeat;
}

#containerSecondInside
{
    width: 190px;
    height: 238px;
    float: left;
    text-align: left;
    color: #FFFFFF;
    margin: 6px 0 0 9px;
}

.containerSecondInside2
{
    width: 190px;
    height: 238px;
    float: left;
    text-align: left;
    color: #FFFFFF;
    margin: 6px 0 0 9px;
}

#thankyouNewsletter
{
    width: 190px;
    height: 238px;
    text-align: left;
    color: #FFFFFF;
    margin: 6px 0 0 9px;
}

.paragraph
{
    font-size: 0.9em;
    line-height: 1.4em;
        color: White;
            font-family: Verdana, Arial, Sans-Serif; 
    
}

#containerTwo
{
    width: 208px;
    height: 245px;
    float: left;
    margin: 6px 0 0 0;
    background-color:#121212;
    background-image:url(images/containerTwo.gif);
    background-repeat: no-repeat;
}

#container2
{
    width: 208px;
    height: 238px;
    float: left;
    color: #FFFFFF;
    margin: 18px 0 0 7px;
    background-color:#121212;
}

.container21
{
    width: 208px;
    height: 238px;
    float: left;
    color: #FFFFFF;
    margin: 6px 0 0 9px;
}

.white
{
    color: White;
    font-size: 0.9em;
    font-family: Verdana, Arial, Sans-Serif; 
}

.error
{
    font-size: 0.6em;
    color:Red;
    width: 100%;
    float: left;
}

.neg
{
    margin: 3px 0 0 -2px;
}

.day
{
    margin: 2px 0 0 0;
}

#testContentDiv
{
    width:250px;
    height:auto;
    text-align:left;
    color:#000000;
    float:right;
    margin:30px 0 50px 50px;
}

#testContentDiv2
{
    width:250px;
    height:auto;
    text-align:left;
    color:#000000;
    float:right;
    margin:0 0 0 0;
}

#thankYouDiv
{
    width:150px;
    height:auto;
    text-align:left;
    color:#000000;
    float:right;
    margin:0 0 0 0;
}


.testTitle
{
    font-size:1.2em;
    font-weight:bold;
    color:#2C5C9A;
    border-bottom: 1px solid #2C5C9A;
    float:right;
    width:100%;
    height:auto;
}


.testTitle1
{
    font-size:1.2em;
    font-weight:bold;
    color:#2C5C9A;
    border-bottom: 1px solid #2C5C9A;
    float:right;
    width:100%;
    height:auto;
}

/*==============
Navigation Menu
================*/

.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 13px Verdana;
float:left;
width: 160px; /* Main Menu Item widths */
border-bottom: 1px solid #ccc;
}
 
.sidebarmenu ul li
{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #e32929; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
color: white;
}

.sidebarmenu ul li a:hover{
background-color: #b7b7b7;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
float:left;
width: 180px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}

.sidebarmenu a.subfolderstyle{
background: url(right.gif) no-repeat 97% 50%;
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */