/* CSS Document */

body {
margin:0;
padding:0;
background-image:url(images/thorntonsWideBackground.png);
background-repeat:no-repeat;
}

img {
border:0;
}

img.right {
margin:0 0 10px 15px;
float:right;
border:0;
}

img.left {
margin: 0 15px 0 0;
float:left;
border:0;
clear:both;
}

.textLink a:link, .textLink a:visited, .textLink a:active {
font: 100% Arial, Helvetica, sans-serif;
color:#000;
text-decoration:underline;
}

.textLink a:hover  {
font: 100% Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
}

hr {
height:1px;
color:#FFF;
}

/* DIVs */

/* expanding SERVICES */
.expandableDrawer {
margin:0 0 35px 15px;
padding:0;
}

.containerDrawer {
margin:0;
width:300px;
}

.spacerDrawer {
margin:20px 0 0 0;
padding:5px 0 5px 0;
overflow:hidden;
}

#phone {
position: absolute;
margin:-53px 0 0 0;
font:120% Arial, Helvetica, sans-serif;
color:#000;
text-align:right;
width:745px;
}

#phone p {
margin:0 0 5px 0;
}

#agentLogoWrapper {
width:745px;
text-align:center;
margin:20px auto 10px auto;
padding:0;
}

#agentLogoWrapper img {
margin:0 10px 0 10px;
}

#wrapper {
margin:0 auto 0 auto;
width:810px;
padding:0;
background-color:#fff;
overflow:hidden;
}

#innerWrapper {
margin: 0 auto 0 auto;
width:745px;
overflow:hidden;
}

#logoHolder {
height:106px;
padding:0 0 0 20px;
}

#imageHolder {
height:177px;
width:745px;
}

#textHolderHomeWrap {
margin:0 0 20px 0;
width:725px;
padding:10px 0 20px 20px;
text-align: left;
font: 80% Arial, Helvetica, sans-serif;
color:#000;
}

#textHolderHome {
margin:0 15px 0 0;
width:325px;
padding:0;
text-align:left;
float:left;
}

#textHolder {
margin:10px 0 0 0;
width:725px;
padding:10px 0 10px 20px;
text-align: left;
font: 80% Arial, Helvetica, sans-serif;
color:#000;
}

.textHolderWrap {
margin:0 0 20px 0;
width:100%;
text-align: left;
font: bold 100% Arial, Helvetica, sans-serif;
color:#000;
clear:both;
}

#textHolder2 {
margin:10px 0 0 0;
width:745px;
padding:10px 0 10px 0;
text-align: left;
font: 80% Arial, Helvetica, sans-serif;
color:#000;
}

#textHolder h1 {
padding:0;
margin:0 0 10px 0;
text-align: left;
font: bold 130% Arial, Helvetica, sans-serif;
color:#000;
}

#textHolder h2 a:link, #textHolder h2 a:visited {
font: bold 60% Arial, Helvetica, sans-serif;
color:#000;
margin:0 0 -10px 0;
padding:0 0 0 15px;
display:block;
text-decoration:underline;
background-image:url(images/subNavArrow.gif);
background-repeat:no-repeat;
}

#textHolder h2 a:hover, #textHolder h2 a:active {
font: bold 60% Arial, Helvetica, sans-serif;
color:#000;
padding:0 0 0 15px;
margin:0 0 -10px 0;
display:block;
text-decoration:none;
background-image:url(images/subNavArrow.gif);
background-repeat:no-repeat;
}


#textHolder2 h1 {
padding:0;
margin:0 0 10px 0;
text-align: left;
font: bold 130% Arial, Helvetica, sans-serif;
color:#000;
}

#textHolder2 h2 a:link, #textHolder2 h2 a:visited {
font: bold 60% Arial, Helvetica, sans-serif;
color:#000;
margin:0 0 -10px 0;
padding:0 0 0 15px;
display:block;
text-decoration:underline;
background-image:url(images/subNavArrow.gif);
background-repeat:no-repeat;
}

#textHolder2 h2 a:hover, #textHolder2 h2 a:active {
font: bold 60% Arial, Helvetica, sans-serif;
color:#000;
padding:0 0 0 15px;
margin:0 0 -10px 0;
display:block;
text-decoration:none;
background-image:url(images/subNavArrow.gif);
background-repeat:no-repeat;
}

#textHolderLeftCol {
margin:0;
width:340px;
padding:10px 0 10px 20px;
text-align: left;
font: 100% Arial, Helvetica, sans-serif;
color:#000;
float:left;
}

#textHolderRightCol {
margin:0;
width:340px;
padding:10px 0 10px 20px;
text-align: left;
font: 100% Arial, Helvetica, sans-serif;
color:#000;
float:right;
}

#newsletterButton {
width:233px;
height:25px;
margin:20px 0 0 0;
padding:7px 0 0 0;
text-align:center;
font:bold 130% Arial, Helvetica, sans-serif;
color:#fff;
border:1px solid #666;
background-image:url("images/navBoxBackground.png");
background-repeat:repeat-x;
}

#newsletterButton a:link, #newsletterButton a:visited {
font: bold 100% Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
}

#newsletterButton a:hover, #newsletterButton a:active {
font: bold 100% Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
}

#hotlinks {
margin:0;
float:left;
width:189px;
}

.hotlinkButton {
width:174px;
height:24px;
margin:0 0 15px 0;
padding:7px 0 0 15px;
text-align:left;
font:bold 130% Arial, Helvetica, sans-serif;
color:#fff;
border:1px solid #666;
background-image:url("images/navBoxBackground.png");
background-repeat:repeat-x;
}

.hotlinkButton a:link, .hotlinkButton a:visited {
font: bold 100% Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
}

.hotlinkButton a:hover, .hotlinkButton a:active {
font: bold 100% Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
}

.hotlinkButton img {
float:left;
margin:0px 0 0 0;
}

#newsPanel {
margin:0;
padding:10px;
width:157px;
background-color:#595959;
border:1px solid #666;
font:bold 100% Arial, Helvetica, sans-serif;
color:#FFF;
float:right;
}

#newsPanel a:link, #newsPanel a:active {
font:100% Arial, Helvetica, sans-serif;
color:#FFF;
text-decoration:underline; 
}

#newsPanel a:hover, #newsPanel a:visited {
font:100% Arial, Helvetica, sans-serif;
color:#FFF;
text-decoration:none; 
}

#mailingForm {
margin:10px 0 0 0;
width:650px;
padding:0;
font: 100% Arial, Helvetica, sans-serif;
color:#000;
}

form {
margin:15px 0 0 0;
width:650px;
}

.formRow {
margin:10px 0 10px 0;
padding:5px 0 10px 0;
width:100%;
clear:both;
border-bottom:1px solid #9BC7FF;
}

.formRow2 {
margin:0 0 10px 0;
height:15px;
padding:2px 0 2px 0;
width:100%;
}

.formL2 {
float:left;
width:18%;
}

.formR2 {
float:left;
width:79%;	
}


.formL {
float:left;
width:35%;
}

.formR {
float:left;
width:62%;	
}

.formInput {
margin:0;
padding:3px 0 3px 5px;
font: bold 90% Arial, Helvetica, sans-serif;
color:#FFF;
background:#9BC7FF;
border:none;
}

.formSelect {
margin:0;
padding:3px 0 3px 5px;
font: bold 90% Arial, Helvetica, sans-serif;
color:#FFF;
background:#9BC7FF;
border:none;
}

.formTextArea {
margin:0;
padding:3px 0 3px 5px;
font: bold 90% Arial, Helvetica, sans-serif;
color:#FFF;
background:#9BC7FF;
border:none;
}

.formSubmit {
cursor:pointer;
margin:0;
padding:2px 0 0 2px;
font: bold 90% Arial, Helvetica, sans-serif;
color:#FFF;
background:#9BC7FF;
border:none;
}

/* NAVIGATION */

#navHolder {
margin:0 0 0 0;
height:35px;
width:745px;
background-image:url(images/thorntonsNavVignette.jpg);
background-repeat:repeat-x;
font: 100% Arial, Helvetica, sans-serif;
color:#fff;
}

#nav, #nav ul {
z-index: 2;
list-style: none;
padding: 0px;
margin:0 0 0 20px;
text-align: left;
display: block;
}

#nav li {
z-index: 2;
float: left;
margin: 10px 35px 0 0;
padding: 0px;
display: block;
font: bold 70% Arial, Helvetica, sans-serif;
letter-spacing:0.05em;
color:#fff;
}

#nav a {
z-index: 2;
padding:0;
display: block;
} 

#nav a:link, #nav a:visited, #nav a:active {
display: block;
color: #FFF;
text-decoration: none;
}

#nav a:hover  {
display: block;
color: #000;
text-decoration: none;
}

/* SERVICES list */

.services, .services ul {
z-index: 2;
list-style: none;
padding: 0px;
margin:0;
text-align: left;
}

.services li {
z-index: 2;
margin: 10px 0 0 0;
padding: 0px;
font: bold 100% Arial, Helvetica, sans-serif;
color:#000;
}

.services a {
z-index: 2;
padding:0;
} 

.services a:link, .services a:visited, .services a:active {
color: #000;
display: block;
text-decoration: underline;
padding:0 0 0 15px;
background-image:url(images/subNavArrow.gif);
background-repeat:no-repeat;
}

.services a:hover  {
display: block;
color: #000;
padding:0 0 0 15px;
text-decoration: none;
background-image:url(images/subNavArrow.gif);
background-repeat:no-repeat;
}

/* END SERVICES list */

#copyrightWrapper {
margin:5px auto 0 auto;
padding:5px 0 0 0;
text-align:center;
width:810px;
color:#666;
font:60% Arial, Helvetica, sans-serif;
}

#copyrightWrapper a:link, #copyrightWrapper a:visited {
color:#666;
font:100% Arial, Helvetica, sans-serif;
text-decoration:underline;
}

#copyrightWrapper a:hover, #copyrightWrapper a:active {
color:#666;
font:100% Arial, Helvetica, sans-serif;
text-decoration:none;
}