@charset "utf-8";
html { margin:0; padding:0; }
body { text-align:center; margin:0; padding:0; }
p { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-weight:normal; line-height:18px; margin:0 0 10px 0; padding:0; color:#666666; }
h1, h2, h3, h4, h5 { color:#F7981D; font-family:Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal; padding:0; margin:0 0 10px 0; }
a { color:#EE3A39; text-decoration:none }
a:hover { color:#EE3A39; text-decoration:underline }
.Spacer10 {height:10px; width:900px; display:block; margin:0; padding:0; float:left;}
h4 { line-height:30px }
h1 { font-size:38px }
h2 { font-size:34px }
h3 { font-size:24px }
h4 { font-size:18px }
h5 { font-size:14px }
ul, ol { }
li { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-weight:normal; line-height:18px; margin:0 0 4px 0; padding:0; color:#666666; }
.StraplineMargin { margin:6px 10px 0 0 }
.White { color:#FFF }
.Red { color:#EE3A39 }
.Orange { color:#F7981D }
.Green { color:#86C440 }
.DarkGreen { color:#999 }
.LightGrey { color:#E6E6E6 }
.FloatLeft { float:left }
.FloatRight { float:right }
.Selected { color:#FFF; background-color:#999999 !Important }
#Container { font-family: Arial, Helvetica, sans-serif; margin:0 auto 0 auto; padding:0; width:900px; text-align:left; }
#Header { width:900px; height:116px; float:left; padding:0; margin:0; }
.Logo { background-image:url(../images/Brighton-Design-Web.jpg); width:450px; height:94px; background-repeat:no-repeat; background-position:top left; display:block; margin:10px 0 0 0; padding:0; text-indent:-4000px; }
#NavigationTop { width:900px; float:left; padding:0; margin:0; height:30px; list-style:none; }
#NavigationTop li { float:left; margin:0 2px 0 0; padding:0; }
#NavigationTop li a { width:90px; height:30px; margin:0; padding:6px 0 0 0; background-color:#E6E6E6; display:block; text-decoration:none; text-align:center; line-height:30px; color:#EE3A39; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
#NavigationTop h4 { padding:0; margin:0; height:30px; line-height:30px }
#NavigationTop li a:hover { width:90px; height:30px; margin:0; padding:6px 0 0 0; background-color:#D4D4D4; display:block; text-decoration:none; text-align:center; line-height:30px; color:#999; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
#NavigationBottom { width:900px; float:left; padding:0; margin:0 0 2px 0; height:30px; background-image:url(../images/Navigation-Bottom-Bg.jpg); background-repeat:no-repeat; background-position:bottom; background-color:#E6E6E6; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-top-right-radius: 5px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
#Content { width:900px; float:left; padding:0; margin:0; }
#Banner { width:900px; height:200px; display:block; background-color:#CCC; padding:0; margin:0; float:left; }
#ImageRotator { width:900px; height:200px; display:block; background-color:#CCC; padding:0; margin:0; float:left; }
#LeftColumn { width:250px; float:left; margin:0; padding:2px 0 0 0; }
#QuickContact { background-color:#E6E6E6; background-image:url(../images/brighton-design-web-form.jpg); background-repeat:no-repeat; background-position:top left; display:block; width:230px; height:350px; padding:10px; margin:0 0 2px 0; }
#MiddleColumn { width:380px; float:left; margin:0; min-height:350px; padding:10px; }
#RightColumn { width:250px; float:left; margin:0; padding:2px 0 0 0; }
.GreenBox, .OrangeBox, .RedBox { width:230px; height:350px; display:block; background-color:#E6E6E6; padding:10px; margin:0 0 2px 0; }
.GreenBox p, .OrangeBox p, .RedBox p, .GreenBox ul, .OrangeBox ul, .RedBox ul { width:210px; height:109px; display:block; background-color:#FCFCFC; padding:10px; margin:0 0 10px 0; list-style-position:inside; -webkit-box-shadow: 1px 1px 2px #B4B4B4; -moz-box-shadow: 1px 1px 2px #B4B4B4; box-shadow: 1px 1px 2px #B4B4B4; }
.GreenBox li, .OrangeBox li, .RedBox li { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-weight:normal; line-height:18px; margin:0 0 4px 0; padding:0; color:#666666; list-style:square inside; }
.GreenBoxHead { background-color:#86C440; height:20px; display:block; margin:0 0 10px 0; padding:5px 0 5px 10px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; -webkit-box-shadow: 1px 1px 2px #B4B4B4; -moz-box-shadow: 1px 1px 2px #B4B4B4; box-shadow: 1px 1px 2px #B4B4B4; }
.RedBoxHead { background-color:#EE3A39; height:20px; display:block; margin:0 0 10px 0; padding:5px 0 5px 10px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; -webkit-box-shadow: 1px 1px 2px #B4B4B4; -moz-box-shadow: 1px 1px 2px #B4B4B4; box-shadow: 1px 1px 2px #B4B4B4; }
.GreenBoxHead a, .RedBoxHead a { color:#FFF; text-decoration:none; }
#Footer { background-image:url(../images/Footer-Bg.jpg); background-repeat:no-repeat; background-position:top;width:880px; height:30px; clear:both; line-height:30px; padding:0 10px 0 10px; margin:10px 0 10px 0; background-color:#666; color:#FFF; font-size:11px; display:block; -webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
#Footer a { color:#FFF; text-decoration:none; }
#Footer a:hover { color:#F7981D; text-decoration:underline; }
.Copyright { float:left }
.FooterLinks { float:right }
.FormBtn { background-color:#86C440; color:#FFF; border:none; height:30px; line-height:30px; text-align:center; margin:5px 0 0 0; padding:0 5px 0 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 1px 1px 2px #B4B4B4; -moz-box-shadow: 1px 1px 2px #B4B4B4; box-shadow: 1px 1px 2px #B4B4B4; background-image: -moz-linear-gradient(top, #689831, #86C440); /* FF3.6 */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #689831), color-stop(1, #86C440)); /* Saf4+, Chrome */  filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#689831', EndColorStr='#86C440'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#689831', EndColorStr='#86C440')"; /* IE8 */ }
.FormBtn:hover { background-color:#86C440; color:#EE3A39; border:none; height:30px; line-height:30px; text-align:center; margin:5px 0 0 0; padding:0 5px 0 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 1px 1px 2px #B4B4B4; -moz-box-shadow: 1px 1px 2px #B4B4B4; box-shadow: 1px 1px 2px #B4B4B4; background-image: -moz-linear-gradient(top, #689831, #86C440); /* FF3.6 */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #689831), color-stop(1, #86C440)); /* Saf4+, Chrome */  filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#689831', EndColorStr='#86C440'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#689831', EndColorStr='#86C440')"; /* IE8 */ }
.FormInput { font-family:Arial, Helvetica, sans-serif; font-size:11px; border:#F2F2F2 solid 1px; width:217px; height:20px; color:#666; padding:2px 5px 2px 5px; margin:5px 0 5px 0; -webkit-box-shadow: 1px 1px 2px #B4B4B4; -moz-box-shadow: 1px 1px 2px #B4B4B4; box-shadow: 1px 1px 2px #B4B4B4; }
.FormInputArea { font-family:Arial, Helvetica, sans-serif; font-size:11px; border:#F2F2F2 solid 1px; width:217px; height:100px; color:#666; padding:2px 5px 2px 5px; margin:5px 0 5px 0; -webkit-box-shadow: 1px 1px 2px #B4B4B4; -moz-box-shadow: 1px 1px 2px #B4B4B4; box-shadow: 1px 1px 2px #B4B4B4; }
.Required { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#EE3A39; }
.FormLabel { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0; line-height:14px; vertical-align:middle; color:#333; }
.addthis_button { float:right; margin:7px 10px 0 0; }
/*Validation Engine*/
	.formError { position:absolute; top:300px; left:300px; padding-bottom:13px; display:block; z-index:5000; }
#debugMode { background:#000; position:fixed; width:100%; height:200px; top:0; left:0; overflow:scroll; opacity:0.8; display:block; padding:10px; color:#fff; font-size:14px; z-index:100000; }
.ajaxSubmit { padding:20px; background:#55ea55; border:1px solid #999; display:none }
.formError .formErrorContent { width:100%; background:#ee0101; color:#fff; width:150px; font-family:tahoma; font-size:11px; border:2px solid #ddd; box-shadow: 0px 0px 6px #000; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; padding:4px 10px 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.greenPopup .formErrorContent { background:#33be40; }
.blackPopup .formErrorContent { background:#393939; color:#FFF; }
.formError .formErrorArrow { position:absolute; bottom:0; left:20px; width:15px; height:15px; z-index:5001; }
.formError .formErrorArrowBottom { top:0; margin:-6px; }
.formError .formErrorArrow div { border-left:2px solid #ddd; border-right:2px solid #ddd; box-shadow: 0px 2px 3px #444; -moz-box-shadow: 0px 2px 3px #444; -webkit-box-shadow: 0px 2px 3px #444; font-size:0px; height:1px; background:#ee0101; margin:0 auto; line-height:0px; font-size:0px; display:block; }
.formError .formErrorArrowBottom div { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.greenPopup .formErrorArrow div { background:#33be40; }
.blackPopup .formErrorArrow div { background:#393939; color:#FFF; }
.formError .formErrorArrow .line10 { width:15px; border:none; }
.formError .formErrorArrow .line9 { width:13px; border:none; }
.formError .formErrorArrow .line8 { width:11px; }
.formError .formErrorArrow .line7 { width:9px; }
.formError .formErrorArrow .line6 { width:7px; }
.formError .formErrorArrow .line5 { width:5px; }
.formError .formErrorArrow .line4 { width:3px; }
.formError .formErrorArrow .line3 { width:1px; border-left:2px solid #ddd; border-right:2px solid #ddd; border-bottom:0px solid #ddd; }
.formError .formErrorArrow .line2 { width:3px; border:none; background:#ddd; }
.formError .formErrorArrow .line1 { width:1px; border:none; background:#ddd; }
/*Scroll Pane*/

.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right:4px; top:0; height: 100%; background: #ddd; }
.jScrollPaneDrag { position: absolute; background: #999; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/
	height: 9px; }
a.jScrollArrowUp:hover { /*background-color: #f60;*/
}
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/
	height: 9px; }
a.jScrollArrowDown:hover { /*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/
}
/*Twitter*/
#twitter-ticker { height:370px; background:url(images/slickbg.png) no-repeat #E6E6E6; color:#666666; display:none; text-align:left; }
#tweet-container { height:302px; width:auto; overflow:hidden; }
#twitIcon { position:absolute; top:-25px; left:-10px; width:64px; height:64px; }
#top-bar { height:34px; /*background:url(img/top_bar.png) repeat-x;*/ border-bottom:1px solid white; position:relative; margin-bottom:8px; padding:10px 10px 0 10px; }
.tweet { padding:5px; margin:0 8px 8px; border:1px solid #F0F0F0; background:url(images/transparent.png); width:auto; overflow:hidden; }
.tweet .avatar, .tweet .user, .tweet .time { float:left; }
.tweet .time { text-transform:uppercase; font-size:10px; color:#AAAAAA; white-space:nowrap; }
.tweet .avatar img { width:36px; height:36px; border:2px solid #eeeeee; margin:0 5px 5px 0; }
.tweet .txt { clear:both; }
.tweet .user { font-weight:bold; }
#loading { margin:100px 95px; }
#twitter-ticker { margin:0 0 2px 0; }
#main { margin:40px auto; text-align:center; width:420px; }