@charset "UTF-8";
/* CSS Document */

body {
font-family:lucida grande, arial, helvetica, verdana, sans serif;
font-size:12px;
font-weight:normal;
line-height:21px;
color:#575757;
background-image:url(../images/background-2.jpg);
background-repeat:repeat-x;
background-color:#ffffff;
}

.pageHead {
font-size:21px;	
}

h1 {
font-size:16px;
color:#f0431a;
line-height:16px;
margin:0px;
padding:0px;
}

h1.holidays {
font-size:16px;
color:#f71751;
line-height:16px;
margin:0px;
padding:0px;
}

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

.floatLeft {
float:left;
margin-right:20px;
}

.floatRight {
float:right;
margin-left: 45px;
margin-bottom: 20px;
}

.topMargin {
margin-top: 20px;
}

a {
color:#52a3d2;
text-decoration:none;
}

a.holidays {
color:#2c9442;
font-weight:bold;
}

ul, li {
list-style:none;
margin:0px;
padding:0px;
}

input.text {
line-height:21px;
background:#f0f0f0;
border:1px solid #cecece;
width:400px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding-left: 6px;
padding-right: 6px;
padding-top: 2px;
padding-bottom: 2px;
margin:0px;
font-size: 12px;
}

input.text:active {
outline:none;
}

input.button {
background-color: #54920c;
border: 1px solid #31820e;
color:#ffffff;
padding-top:8px;
padding-bottom:8px;
padding-left:12px;
padding-right:12px;
font-size:12px;
line-height:12px;
width: auto;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin:0px;
background-image: url(../images/button_gradient_background.png) repeat-x;
}

input.button:hover {
background:#66a31e;
border-color:#106885;
color:#ffffff;
}

input.button:active {
color:#cccccc;
}

textarea {
line-height:21px;
background:#f0f0f0;
border:1px solid #cecece;
width:400px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
font-size: 12px;
font-family:lucida grande, arial, helvetica, verdana, sans serif;
padding-left: 6px;
padding-right: 6px;
padding-top: 2px;
padding-bottom: 2px;
}

.container {
width:960px;
margin-left:auto;
margin-right:auto;
clear:both;	
}

#header {
height:92px;
border-bottom:1px solid #ededed;
}

#header #logo {
background-image:url(../images/logo.png);
background-repeat:no-repeat;
margin-top:40px;
float:left;
width:148px;
height:31px;
}

#header #logo.tangy {
background-image:url(../images/logo-tangy.png);
background-repeat:no-repeat;
margin-top:40px;
float:left;
width:239px;
height:31px;
}

#header #logo.holidays {
background-image:url(../images/happy-holidays-logo.png);
background-repeat:no-repeat;
margin-top:40px;
float:left;
width:239px;
height:31px;
}

#header #logo.holidays-normal {
background-image:url(../images/happy-holidays-logo-normal.png);
background-repeat:no-repeat;
margin-top:40px;
float:left;
width:239px;
height:31px;
}

#content {
clear:both;	
}
 
#nav {
float:left;
margin-top:30px;
width:150px;
font-size:11px;
}

#nav li {
display:block;
line-height:30px;
height:30px;
border-bottom:1px solid #ededed;
background-image:url(../images/nav-arrow_background.png);
background-repeat:no-repeat;
padding-left:15px;
}

#nav li:hover {
background-image:url(../images/nav-arrow_background-hover.png);
background-repeat:no-repeat;
padding-left:15px;
}

#nav li a {
color:#575757;
}

#nav li a:hover {
color:#66a31e;
}

#nav li a:active {
color:#f0431a;	
}

#nav li .current {
color:#1f898d;
font-weight:bold;	
}

#nav li .current:hover {
color:#1f898d;	
}

.pageTopBreadcrumb {
padding-bottom:15px;
border-bottom:1px solid #ededed;
line-height:18px;
margin:0px;
}

#stuff {
float:right;
margin-top:30px;
width:710px;
padding-left:39px;
border-left:1px solid #dbdbdb;
}

#stuff p {
margin-bottom:36px;	
}

#stuff.homepage {
border:none;
}

#stuff ul {
margin-top:-30px;	
}

#stuff #homepageIntro {
width:610px;
height:180px;
background-image:url(../images/homepageIntro_background.png);	
}

#stuff #slider {
width:700px;
height:300px;
float:left;
margin-top:10px;
}

/**Services Page Styles - These styles are used for customizing the Services page**/

.service {
clear:both;
position:relative;
width:650px;
padding:29px;
margin-top:50px;
border:1px solid #dbdbdb;
padding-bottom:0px;
}

.service img {
width:650px;	
}

.service h1 {
font-size:16px;
padding-top:21px;
margin-top:27px;
border-top:1px solid #dbdbdb;
}

.service h1.holidays {
font-size:16px;
padding-top:21px;
margin-top:27px;
border-top:1px solid #dbdbdb;
color:#f71751;
}

.service .imgContainer {
float:left;
width:280px;
}

.service imgContainer img {
width:280px;	
}

.service .description {
width:280px;
margin-left:100px;
float:right;
}

#contact-wrapper {

}

#contact-wrapper div {
clear:both;
margin-bottom:15px;
position:relative;
}

#contact-wrapper label {
display:block;
/**float:left;**/
position:relative;
font-weight:normal;
width:150px;
}

#div .required, .required email {
position:absolute;
left:500px;
color:red;
font-size:12px;
font-weight:bold;	
}

#footer {
border-top:1px solid #ededed;
margin-top:30px;
}

#footer p {
color:#CCC;
font-size:11px;
}