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

HTML {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DIV {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DT {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-TOP: 0px
}
OL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 8px; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-TOP: 0px
}
H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H4 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H5 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H6 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
PRE {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
INPUT {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
BLOCKQUOTE {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
TH {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
TD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
IMG {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
HTML {
	HEIGHT: 100%
}
BODY {
	HEIGHT: 100%
}
H1 {
	FONT-WEIGHT: normal; FONT-SIZE: 100%
}
H2 {
	FONT-WEIGHT: normal; FONT-SIZE: 100%
}
H3 {
	FONT-WEIGHT: normal; FONT-SIZE: 100%
}
H4 {
	FONT-WEIGHT: normal; FONT-SIZE: 100%
}
H5 {
	FONT-WEIGHT: normal; FONT-SIZE: 100%
}
H6 {
	FONT-WEIGHT: normal; FONT-SIZE: 100%
}
OL {
	LIST-STYLE-TYPE: none
}
UL {
	LIST-STYLE-TYPE: none
}
ADDRESS {
	FONT-WEIGHT: normal; FONT-STYLE: normal
}
CAPTION {
	FONT-WEIGHT: normal; FONT-STYLE: normal
}
CITE {
	FONT-WEIGHT: normal; FONT-STYLE: normal
}
CODE {
	FONT-WEIGHT: normal; FONT-STYLE: normal
}
DFN {
	FONT-WEIGHT: normal; FONT-STYLE: normal
}
TH {
	FONT-WEIGHT: normal; FONT-STYLE: normal
}
VAR {
	FONT-WEIGHT: normal; FONT-STYLE: normal
}
TABLE {
	BORDER-COLLAPSE: collapse; border-spacing: 0
}
FIELDSET {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
CAPTION {
	TEXT-ALIGN: left
}
TH {
	TEXT-ALIGN: left
}
A:active {
	outline: none
}
A:focus {
	outline: none
}
.clearfix:unknown {
	CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "."
}
* HTML .clearfix {
	HEIGHT: 1%
}
BODY {
	FONT-SIZE: 13px; COLOR: #616161; LINE-HEIGHT: 1.5em; BACKGROUND-COLOR: #f2f2f2; font-family:Arial, Helvetica, sans-serif;
}
A:link {
	COLOR: #1d96b8; TEXT-DECORATION: none
}
A:visited {
	COLOR: #1d96b8; TEXT-DECORATION: none
}
A:hover {
	COLOR: #f87100
}
H1 {
	FONT-SIZE: 30px; MARGIN-BOTTOM: 0.5em; PADDING-BOTTOM: 6px; COLOR: #6b6b6d; LINE-HEIGHT: 1em; BORDER-BOTTOM: #e9e9e9 1px solid
}
H2 {
	FONT-SIZE: 20px; MARGIN-BOTTOM: 0.5em; PADDING-BOTTOM: 6px; COLOR: #6b6b6d; LINE-HEIGHT: 1em; BORDER-BOTTOM: #e9e9e9 1px solid
}
H3 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN-BOTTOM: 3px; COLOR: #6b6b6d
}
H4 {
	
}
H5 {
	FONT-WEIGHT: bold; MARGIN-BOTTOM: 0.6em; COLOR: #292a29
}
TEXTAREA {
	FONT-SIZE: 12px; FONT-FAMILY: helvetica, arial, sans-serif
}
#top {
	FONT-SIZE: 11px; COLOR: #818181; LINE-HEIGHT: 1em; HEIGHT: 25px; BACKGROUND-COLOR: #6b6b6d
}
#top .inner {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 900px; PADDING-TOP: 0px
}
#header .gutter {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 900px; PADDING-TOP: 0px;
}
#wrapper .inner {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 900px; PADDING-TOP: 0px
}
#footer .inner {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 900px; PADDING-TOP: 0px
}
#header .inner {
	WIDTH: 900px
}
#top .inner P {
	MARGIN-LEFT: 375px; PADDING-TOP: 5px
}
#top A:link {
	COLOR: #cccccc
}
#top A:visited {
	COLOR: #cccccc
}
#top A:hover {
	COLOR: #fff
}
#header {
	BACKGROUND-COLOR: #fff
}
#header .inner {
	PADDING-BOTTOM: 20px; PADDING-TOP: 35px;  POSITION: relative; HEIGHT: 75p;
}
IMG#logo {
	MARGIN-LEFT: 16px
}
#wrapper {
	MIN-HEIGHT: 415px; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-COLOR: #fff
}
#wrapper .inner {
	MIN-HEIGHT: 585px; PADDING-BOTTOM: 50px; PADDING-TOP: 30px; POSITION: relative
}
#wrapper .inner P {
	MARGIN-BOTTOM: 1.2em
}
#wrapper #main {
	FLOAT: right; WIDTH: 525px; POSITION: relative
}
#footer .inner {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 9px; PADDING-BOTTOM: 40px; COLOR: #bbbbb4; PADDING-TOP: 20px
}
#footer A:link {
	COLOR: #bbbbb4
}
#footer A:visited {
	COLOR: #bbbbb4
}
#footer A:hover {
	COLOR: #616161
}
#footer P#contact {
	FLOAT: left
}
#footer P#copyright {
	FLOAT: right
}
#footer P#copyright IMG {
	POSITION: relative; TOP: -1px
}



/* Navigation Elements */

UL#nav {
	FONT-SIZE: 13px; LEFT: 375px; BOTTOM: 20px; POSITION: absolute
}
UL#nav LI {
	FLOAT: left; HEIGHT: 25px
}
UL#nav LI A {
	WIDTH: 100%; POSITION: relative; TOP: -1px; HEIGHT: 100%; TEXT-DECORATION: none
}
UL#nav LI SPAN {
	VISIBILITY: hidden
}
ul#nav li#mysteryshopper { PADDING-LEFT: 8px; BACKGROUND: url(assets/nav-mysteryshopper.gif) #fff no-repeat left top; WIDTH: 135px }
ul#nav li#mysteryshopper:hover { BACKGROUND: url(assets/nav-mysteryshopper-over.gif) #fff no-repeat left top }

ul#nav li#otherservices { PADDING-LEFT: 8px; BACKGROUND: url(assets/nav-otherservices.gif) #fff no-repeat left top; WIDTH: 135px }
ul#nav li#otherservices:hover { BACKGROUND: url(assets/nav-otherservices-over.gif) #fff no-repeat left top }

ul#nav li#about { PADDING-LEFT: 8px; BACKGROUND: url(assets/about_us.gif) #fff no-repeat left top; WIDTH: 105px }
ul#nav li#about:hover { BACKGROUND: url(assets/about_us_on.gif) #fff no-repeat left top }

ul#nav li#contactus { PADDING-LEFT: 8px; BACKGROUND: url(assets/nav-contactus.gif) #fff no-repeat left top; WIDTH: 105px }
ul#nav li#contactus:hover { BACKGROUND: url(assets/nav-contactus-over.gif) #fff no-repeat left top }

#big_graphic {
	MARGIN-BOTTOM: 13px; WIDTH: 900px; POSITION: relative; TOP: -7px; HEIGHT: 250px
}
#front_work {
	PADDING-LEFT: 16px; FLOAT: left; MARGIN-BOTTOM: -35px; WIDTH: 330px
}
#front_work IMG#work_arrow {
	LEFT: 108px; FLOAT: left; MARGIN-BOTTOM: -35px; POSITION: relative; TOP: -37px
}
#front_news IMG#news_arrow {
	LEFT: 128px; FLOAT: left; MARGIN-BOTTOM: -35px; POSITION: relative; TOP: -37px
}
#front_work UL#projects {
	PADDING-TOP: 5px
}
#front_work UL#projects LI IMG {
	LEFT: 31px! important
}
#front_news {
	PADDING-LEFT: 15px; FLOAT: right; WIDTH: 530px
}
#front_news UL#news_items LI {
	MARGIN-BOTTOM: 15px
}
#front_news UL#news_items LI .date {
	DISPLAY: block; FONT-SIZE: 12px; COLOR: #a6acad
}
#front_news UL#news_items LI A:link {
	FONT-SIZE: 25px; COLOR: #000; LINE-HEIGHT: 1.2em; LETTER-SPACING: -0.05em
}
#front_news UL#news_items LI A:visited {
	FONT-SIZE: 25px; COLOR: #000; LINE-HEIGHT: 1.2em; LETTER-SPACING: -0.05em
}
#front_news UL#news_items LI A:hover {
	COLOR: #515151
}
DIV.callout {
	FONT-SIZE: 11px; LEFT: -225px; FLOAT: left; WIDTH: 200px; COLOR: #616161; LINE-HEIGHT: 1.5em; MARGIN-RIGHT: -225px; PADDING-TOP: 0.4em; POSITION: relative
}
.big_callout {
	FONT-SIZE: 11px; LEFT: -376px; FLOAT: left; WIDTH: 300px; COLOR: #616161; LINE-HEIGHT: 1.5em; MARGIN-RIGHT: -376px; PADDING-TOP: 0.4em; POSITION: relative
}
.big_callout LI {
	MARGIN-BOTTOM: 35px
}
.callout STRONG {
	DISPLAY: block; PADDING-BOTTOM: 6px; COLOR: #1d1d1d
}
.big_callout STRONG {
	COLOR: #1d1d1d
}
.big_callout .light {
	COLOR: #52514d
}
.big_callout P {
	MARGIN-TOP: 1em
}
TABLE#clientlist {
	MARGIN-TOP: -16px
}
TABLE#clientlist TD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 11px; WIDTH: 185px; LINE-HEIGHT: 1.4em; PADDING-TOP: 11px; BORDER-BOTTOM: #e9e9e9 1px solid
}
TABLE#clientlist TD SPAN.name {
	DISPLAY: block; FONT-WEIGHT: bold; COLOR: #1e1918
}
DIV#work_sidebar {
	FLOAT: left; WIDTH: 301px
}
DIV#portfolio_nav {
	MARGIN-BOTTOM: 18px; WIDTH: 299px; HEIGHT: 30px
}
DIV#portfolio_nav A#portfolio_nav_up {
	DISPLAY: block; BACKGROUND: url(/images/portfolio_nav_up.gif) #fff no-repeat 0px 0px; FLOAT: left; WIDTH: 150px; HEIGHT: 30px
}
DIV#portfolio_nav A#portfolio_nav_down {
	DISPLAY: block; BACKGROUND: url(/images/portfolio_nav_down.gif) #fff no-repeat 0px 0px; FLOAT: left; WIDTH: 149px; HEIGHT: 30px
}
#work_sidebar #projects {
	OVERFLOW: hidden; HEIGHT: 550px
}
#projects {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; POSITION: relative
}
TABLE#portfolio_table {
	POSITION: relative
}
TR.gap TD {
	HEIGHT: 7px! important
}
#projects TD.thumb {
	BORDER-TOP: #fff 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 7px 0px; BORDER-LEFT: #fff 1px solid; WIDTH: 150px; PADDING-TOP: 10px; BORDER-BOTTOM: #fff 1px solid
}
#projects TD.blurb {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #fff 1px solid; FONT-SIZE: 11px; MARGIN: 7px 0px; COLOR: #808080; LINE-HEIGHT: 1.4em; PADDING-TOP: 10px; BORDER-BOTTOM: #fff 1px solid
}
#projects TR.active TD.thumb {
	BORDER-TOP: #e9e9e9 1px solid; BORDER-LEFT: #e9e9e9 1px solid; BORDER-BOTTOM: #e9e9e9 1px solid
}
#projects TR.active TD.blurb {
	BORDER-RIGHT: #e9e9e9 1px solid; BORDER-TOP: #e9e9e9 1px solid; BORDER-BOTTOM: #e9e9e9 1px solid
}
#projects TD.blurb STRONG {
	COLOR: #1e1918
}
#projects TD.blurb A.view:link {
	DISPLAY: block
}
#projects TD.blurb A.view:visited {
	DISPLAY: block
}
.front#projects {
	PADDING-TOP: 5px
}
.front#projects TD.thumb {
	PADDING-RIGHT: 0px! important; PADDING-LEFT: 0px! important; PADDING-BOTTOM: 35px! important; MARGIN: 0px; BORDER-TOP-STYLE: none! important; PADDING-TOP: 0px! important; BORDER-RIGHT-STYLE: none! important; BORDER-LEFT-STYLE: none! important; BORDER-BOTTOM-STYLE: none! important
}
.front#projects TD.blurb {
	PADDING-RIGHT: 0px! important; PADDING-LEFT: 0px! important; PADDING-BOTTOM: 0px! important; MARGIN: 0px; BORDER-TOP-STYLE: none! important; PADDING-TOP: 0px! important; BORDER-RIGHT-STYLE: none! important; BORDER-LEFT-STYLE: none! important; BORDER-BOTTOM-STYLE: none! important
}
UL.project_nav {
	Z-INDEX: 500; FLOAT: right; MARGIN-BOTTOM: -43px; COLOR: #292929; LINE-HEIGHT: 1em; POSITION: relative; TOP: -43px; HEIGHT: 27px
}
UL.project_nav A:link {
	PADDING-RIGHT: 9px; DISPLAY: block; PADDING-LEFT: 9px; PADDING-BOTTOM: 6px; PADDING-TOP: 9px
}
UL.project_nav A:visited {
	PADDING-RIGHT: 9px; DISPLAY: block; PADDING-LEFT: 9px; PADDING-BOTTOM: 6px; PADDING-TOP: 9px
}
UL.project_nav A:hover {
	COLOR: #1d96b8; BACKGROUND-COLOR: #f6f6f6
}
UL.project_nav A#project_nav_previous:hover {
	BACKGROUND-COLOR: #fff! important
}
UL.project_nav A#project_nav_next:hover {
	BACKGROUND-COLOR: #fff! important
}
UL.project_nav A.current {
	BACKGROUND: url(/images/bg/project_nav_index.gif) #fff repeat-x left top; PADDING-BOTTOM: 7px! important; COLOR: #292929
}
UL.project_nav LI {
	BORDER-RIGHT: #e9e9e9 1px solid; FLOAT: left
}
UL.project_nav LI IMG {
	DISPLAY: block; FLOAT: left; PADDING-BOTTOM: 8px
}
UL.project_nav LI.last {
	BORDER-RIGHT-STYLE: none! important
}
#blog_controls {
	FONT-SIZE: 11px; LEFT: -376px; FLOAT: left; WIDTH: 300px; COLOR: #616161; LINE-HEIGHT: 1.5em; MARGIN-RIGHT: -376px; PADDING-TOP: 0.4em; POSITION: relative; TOP: 20px
}
#blog_controls P {
	MARGIN-BOTTOM: 1.6em! important
}
#blog_controls UL {
	MARGIN-BOTTOM: 20px
}
#blog_search {
	MARGIN-BOTTOM: 29px
}
#blog_search INPUT.text {
	BORDER-RIGHT: #b1b1b1 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #b1b1b1 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; BORDER-LEFT: #b1b1b1 1px solid; WIDTH: 165px; COLOR: #343434; MARGIN-RIGHT: 5px; PADDING-TOP: 5px; BORDER-BOTTOM: #b1b1b1 1px solid; HEIGHT: 14px
}
#blog_nav {
	FLOAT: left; WIDTH: 75px
}
#blog_previous {
	FLOAT: right; WIDTH: 192px
}
#blog_previous LI {
	PADDING-BOTTOM: 0.6em; LINE-HEIGHT: 1.3em
}
#blog_previous IMG.rss {
	LEFT: 2px; POSITION: relative; TOP: 4px
}
UL.blog_entries LI {
	MARGIN-BOTTOM: 50px
}
UL.blog_entries LI .date {
	DISPLAY: block; FONT-SIZE: 12px; MARGIN-BOTTOM: 0px; COLOR: #a6acad
}
UL.blog_entries LI A.title:link {
	DISPLAY: block; FONT-SIZE: 25px; MARGIN-BOTTOM: 18px; COLOR: #000; LINE-HEIGHT: 1.2em; LETTER-SPACING: -0.05em
}
UL.blog_entries LI A.title:visited {
	DISPLAY: block; FONT-SIZE: 25px; MARGIN-BOTTOM: 18px; COLOR: #000; LINE-HEIGHT: 1.2em; LETTER-SPACING: -0.05em
}
UL.blog_entries LI A.title:hover {
	COLOR: #515151
}
UL.blog_entries LI A.nohover:hover {
	COLOR: #000! important
}
UL.blog_entries .entry_body {
	BORDER-BOTTOM: #e9e9e9 1px solid
}
UL.blog_entries .entry_body_detailed {
	MARGIN-BOTTOM: -3px
}
UL.blog_entries A.continue_reading:link {
	DISPLAY: block; MARGIN: -10px 0px 14px
}
UL.blog_entries A.continue_reading:visited {
	DISPLAY: block; MARGIN: -10px 0px 14px
}
UL.blog_entries .entry_footer {
	COLOR: #a6acad; PADDING-TOP: 6px
}
UL.comments {
	PADDING-BOTTOM: 2em
}
UL.comments LI {
	MARGIN-BOTTOM: -1em
}
UL.comments LI + LI {
	BORDER-TOP: #c2c6c6 1px dashed; PADDING-TOP: 1em
}
UL.comments LI .author {
	COLOR: #a6acad
}
#remember_info {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; MARGIN-BOTTOM: 12px; PADDING-BOTTOM: 6px; WIDTH: 497px; COLOR: #343434; PADDING-TOP: 6px; BACKGROUND-COLOR: #efefef
}
TEXTAREA#blog_comment {
	BORDER-RIGHT: #b1b1b1 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #b1b1b1 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; BORDER-LEFT: #b1b1b1 1px solid; WIDTH: 499px; COLOR: #343434; PADDING-TOP: 4px; BORDER-BOTTOM: #b1b1b1 1px solid; HEIGHT: 190px
}
DIV.blog_previous {
	BACKGROUND: url(/images/blog_previous_off.gif) #fff no-repeat left top; FLOAT: left; WIDTH: 263px; HEIGHT: 28px
}
DIV.blog_next {
	BACKGROUND: url(/images/blog_next_off.gif) #fff no-repeat left top; FLOAT: left; WIDTH: 262px; HEIGHT: 28px
}
TABLE#contact TD {
	PADDING-BOTTOM: 13px
}
TABLE#contact INPUT.text {
	BORDER-RIGHT: #b1b1b1 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #b1b1b1 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; BORDER-LEFT: #b1b1b1 1px solid; WIDTH: 223px; COLOR: #343434; PADDING-TOP: 4px; BORDER-BOTTOM: #b1b1b1 1px solid; HEIGHT: 14px
}
TABLE#contact SELECT {
	FONT-SIZE: 12px; WIDTH: 233px
}
TABLE#contact SELECT OPTION {
	FONT-SIZE: 12px
}
DIV#contact_attachment {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; MARGIN-BOTTOM: 12px; PADDING-BOTTOM: 10px; WIDTH: 489px; COLOR: #343434; PADDING-TOP: 10px; BACKGROUND-COLOR: #efefef
}
TEXTAREA#contact_comments {
	BORDER-RIGHT: #b1b1b1 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #b1b1b1 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; BORDER-LEFT: #b1b1b1 1px solid; WIDTH: 499px; COLOR: #343434; PADDING-TOP: 4px; BORDER-BOTTOM: #b1b1b1 1px solid; HEIGHT: 190px
}
DIV#team_nav {
	Z-INDEX: 999; FLOAT: right; MARGIN-BOTTOM: -53px; POSITION: relative; TOP: -53px; BACKGROUND-COLOR: #fff
}
DIV#team_nav SELECT {
	WIDTH: 150px
}
BODY#user_message {
	BACKGROUND-COLOR: #fff! important
}
BODY#user_message #message_container {
	MARGIN-TOP: 152px; MARGIN-LEFT: 100px; POSITION: relative
}
BODY#user_message #message_container .content {
	PADDING-LEFT: 35px; LEFT: 127px; BORDER-LEFT: #e9e9e9 1px solid; WIDTH: 550px; POSITION: absolute; TOP: -20px
}
BODY#user_message #message_container H1 {
	MARGIN-TOP: -20px
}
BODY#user_message #message_container UL {
	MARGIN-BOTTOM: 16px
}
BODY#user_message #message_container P.link {
	MARGIN-TOP: 20px
}
BLOCKQUOTE {
	PADDING-RIGHT: 0px! important; PADDING-LEFT: 0px! important; PADDING-BOTTOM: 0px! important; MARGIN: -1.5em 0px -1.5em 20px; COLOR: #aeb387; PADDING-TOP: 0px! important; FONT-STYLE: italic
}
bq {
	PADDING-RIGHT: 0px! important; PADDING-LEFT: 0px! important; PADDING-BOTTOM: 0px! important; MARGIN: -1.5em 0px -1.5em 20px; COLOR: #aeb387; PADDING-TOP: 0px! important; FONT-STYLE: italic
}
.light {
	COLOR: #a6acad
}
UL.tightbottom LI {
	MARGIN-BOTTOM: 0px! important
}
H2.topgap {
	MARGIN-TOP: 50px
}
P.buttons {
	MARGIN-TOP: 12px
}



/***********************/
/* Page Content Frames */
/***********************/

DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 { height: 1%;  background-color:#eee; color:#eb3d12; padding:2px 6px;}
DIV.csc-frame-frame1 { background-color: #fff; border: 0px solid #ccc; padding:2px; margin: 0px 0px 12px 0px; }
DIV.csc-frame-frame1 p { color:#000; padding:0px 6px; }

DIV.contentframe3 H1, DIV.contentframe3 H2, DIV.contentframe3 H3, DIV.contentframe3 H4, DIV.contentframe3 H5 { height: 1%;  background-color:#fff; color:#333; padding:2px 6px;}
DIV.csc-frame-frame2 {  padding:0px 0px 10px 0px; background: url(images/menu_dot.gif) repeat-x bottom; margin-bottom:10px; font-size:12px; }
DIV.contentframe3 p { color:#000; padding:0px 6px; }

/* Added Page Content Frames. See root (pid=1) Typoscript template and page TS to add new styles */
DIV.contentframe3 H1, DIV.contentframe3 H2, DIV.contentframe3 H3, DIV.contentframe3 H4, DIV.contentframe3 H5 { height: 1%;  background-color:#eb3d12; color:#fff; padding:2px 6px;}
DIV.contentframe3 { background-color: #fff; border: 0px solid #ccc; padding:0px; margin: 0px 0px 18px 0px; }
DIV.contentframe3 p { color:#000; padding:0px 6px; }



/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { font-size:9px; color:#000; letter-spacing:1px; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { font-size:9px; color:#000; letter-spacing:1px; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { font-size:9px; color:#000; letter-spacing:1px; }

/* Header date */ 
P.csc-header-date { font-size:10px; color:#555; }


/********************/
/* Extension Styles */
/********************/

.newloginbox {
background-color:#fff;
border:1px solid #ccc;
padding:4px;
width:160px;
margin: 0 auto;
}

.newloginbox2 {
background-color:#fff;
border:0px solid #ccc;
padding:4px;
width:160px;
}

.tx-srfeuserregister-pi1-submit { 
margin-top: 4px; 
}

/*************************/
/* KB Content Containers */
/*************************/

.kb-row {
display: table;
height: 1%;
}

.kb2column-766 {
width:373px; float:left; background:#fff; margin-bottom:4px; padding:5px; border-width: 0 0 0 0; border-color: #ccc; border-style: solid;
}

.kb2column-430 { /* minimum height has been set here for displaying even column height when borders are used */
min-height:165px; height:auto !important; height:165px; width:240px; float:left; background:#fff; margin:2px; padding:5px; border-width: 1px 1px 1px 1px; border-color: #ccc; border-style: solid;
}

.kb3column-766 {
width:243px; float:left; background:#fff; margin-bottom:4px; padding:6px; border-width: 0 0 0 0; border-color: #ccc; border-style: solid;
}

.kb3column-564 {
width:176px; float:left; background:#fff; margin-bottom:4px; padding:6px; border-width: 0 0 0 0; border-color: #ccc; border-style: solid;
}


/****************************/
/* Vertical navigation menu */
/****************************/

.vertnav-header,
.vertnav-header a {
padding:2px 6px;
font-size:16px;
font-weight: bold;
color:#444; /*dark grey*/
/*background: url(images/frame1.jpg) 0 0 no-repeat;*/   /* uncomment this if you want to use a background color*/
background-color:#ddd;
border-top: 2px solid #eee;  /*silver*/
border-bottom: 2px solid #fff;  /*white*/
}

.vertnav1 a {
margin: 0px;
width:307px;
display:block;
padding:5px;
font-size:12px;
text-decoration:none;
background: url(images/menu_dot.gif) repeat-x bottom;
color:#777; /*grey*/
}
.vertnav1 a:hover {
background: url(images/menu_dot.gif) repeat-x bottom;
color:#444; /*dark grey*/
text-decoration:none;
}

.vertnav1-act a,
.vertnav1-act a:hover  {
margin: 0px;
width:307px;
display:block;
padding:5px;
font-size:12px;
font-weight: bold;
text-decoration:none;
background: url(images/menu_dot.gif) repeat-x bottom;
color:#444; /*dark grey*/
}

.vertnav2 a {
margin: 0px;
width:152px;
display:block;
padding: 5px 5px 5px 18px;
font-size:12px;
text-decoration:none;
background: url(images/nav-arrow.gif) 10px 8px no-repeat;
color:#777; /*grey*/
}
.vertnav2 a:hover {
background: url(images/nav-arrow.gif) 10px 8px no-repeat;
color:#444; /*dark grey*/
text-decoration:none;
}

.vertnav2-act a,
.vertnav2-act a:hover  {
margin: 0px;
width:152px;
display:block;
padding: 5px 5px 5px 18px;
font-size:12px;
font-weight: bold;
text-decoration:none;
background: url(images/nav-arrow-act.gif) 10px 8px no-repeat;
color:#444; /*dark grey*/
}

.vertnav3 a {
margin: 0px;
width:137px;
display:block;
padding: 5px 5px 5px 30px;
font-size:12px;
text-decoration:none;
background: url(images/vbullet.gif) 20px 9px no-repeat;
color:#777; /*grey*/
}
.vertnav3 a:hover {
background: url(images/vbullet-act.gif) 20px 9px no-repeat;
color:#333; /*dark grey*/
text-decoration:none;
}

.vertnav3-act a,
.vertnav3-act a:hover  {
margin: 0px;
width:137px;
display:block;
padding: 5px 5px 5px 30px;
font-size:12px;
font-weight: bold;
text-decoration:none;
background: url(images/vbullet-act.gif) 20px 9px no-repeat;
color:#333; /*dark grey*/
}

.vertnav4 a {
margin: 0px;
display:block;
padding: 5px 5px 5px 45px;
font-size:12px;
text-decoration:none;
width:125px;
color:#777; /*grey*/
}
.vertnav4 a:hover {
background-color:#eee;  /*silver*/
color:#333; /*dark grey*/
text-decoration:none;
}

.vertnav4-act a,
.vertnav4-act a:hover {
margin: 0px;
display:block;
padding: 5px 5px 5px 45px;
font-size:12px;
text-decoration:none;
width:125px;
background-color:#eee;  /*silver*/
color:#333; /*dark grey*/
}


/* form styles */

form {
	width: 450px;
	text-align: left;
}

fieldset {
	margin: 0;
	border: 0;
	padding: 0;
}

legend {
	display: none;
}

form h3 {
	clear: both;
	padding: 5px 0px 10px 0px;
	font-size: 14px;
}

form label {
	display: block;
	width: 310px;
	font-size: 12px;
	line-height: 14px;
	padding: 0px 0px 12px 0px;
}

form input {
	display: block;
	margin-top: 3px;
}

form select {
	float: left;
	display: block;
}

form label.field-first,
form label.field-address,
form label.field-city,
form label.field-email,
form label.field-exp {
	clear: left;
}


form label.field-first,
form label.field-last,
form label.field-city,
form label.field-email,
form label.field-phone,
form label.field-gender  {
	float: left;
	margin: 0px 10px 0px 0px;
	width: 150px;
}

form label.field-first input,
form label.field-last input,
form label.field-email input,
form label.field-city input,
form label.field-phone input {
	float: left;
	width: 150px;
	padding: 0px;
}

form label.field-state {
	float: left;
	margin-right: 10px;
	width: 60px;
}

form label.field-state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

form label.field-zip {
	float: left;
	width: 80px;
}

form label.field-zip input {
	float: left;
	width: 80px;
}

form label.field-address {
	float: left;
	width: 310px;
	margin: 0px 0px 0px 0px;
}

form label.field-address input {
	float: left;
	width: 310px;
	padding: 0px;
}

form input#radiobutton_1,
form input#radiobutton_2,
form input#radiobutton_3,
form input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

form label.radioitem {
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 15px 0px;
}

textarea {
	display: block;
}

form input#checkbox_1,
form input#checkbox_2,
form input#checkbox_3 {
	clear: both;
	float: left;
	padding: 0px;
	margin: 0px;
}

form label.field-checkbox {
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 15px 0px;
}

form textarea {
	margin-top: 3px;
}



input, select{	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; }
	
	div.box{
	border:solid 1px #c6cfe1;
	background:#dfe4ee;
	padding:10px;
	margin:0px auto;
	color:#333333;
	width:450px;
	margin-bottom:20px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
}