html { height: 100%; margin-bottom: 1px; font-size: 100%; }
body { min-width: 950px; margin: 0; padding: 0 0 3em; background: #FFF; color: #555; font: .75em/1.3 'Open Sans', "Arial", "Helvetica", sans-serif; }
textarea, input, select, option, optgroup, button { font: 1em "Arial", "Helvetica", sans-serif; }
* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
p, ul, ol, dl { padding-bottom: 1em; }
img { border: none; vertical-align: bottom; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; font-family: 'Open Sans', "Calibri", "Trebuchet MS", "Verdana", sans-serif;}
ul, ol { margin-left: 1.5em; padding-left: 0; }
ul { list-style-type: disc; }
code { font-family: "Consolas", "Lucida Console", "Monaco", monospace; }
pre { font-size: 1.1em; }
blockquote { margin: 0; padding: 0 50px; background: transparent url("http://fourfootmedia.tfcdn.net/images/quote.png") no-repeat 10px 0; font-style: italic; }
a { color: #99cc00; text-decoration: none; outline: none; cursor: pointer; }
a:hover { color: #555; text-decoration: none; }
a:active { color: #000; }


/*
** some globally used classes
*/
.left { float: left !important; }
.right { float: right !important; }

.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }

.undo-margin { margin-top: -.8em; }
.no-margin { padding-bottom: 0 !important; }
.margin { padding-bottom: 1em !important; }

.hide { position: absolute; left: -999em; top: -999em; }

label { font-weight: 700; }
label.checkbox { font-weight: 400; }
label em { color: #888; font-weight: 400; font-style: normal; }


/*
** header
*/
.header { position: relative; overflow: hidden; background: #333 url("http://fourfootmedia.tfcdn.net/images/header_background.png") repeat-x 0 0; color: #808080; }
.header div { position: relative; width: 950px; margin: 0 auto; padding: 126px 0 0; }
.header div div { position: static; width: auto; margin: 0; padding: 0; }
.header a { background: transparent; }

/* logo */
.header h1 { position: absolute; top: 45px; left: -4px; float: left; width: 286px; height: 60px; background: transparent url("http://fourfootmedia.tfcdn.net/images/logo.gif") no-repeat 0 0; }
.header h1 a { float: left; width: 100%; height: 100%; }
.header h1 span { display: none; }

/* page title */
.header h2 { float: left; height: 71px; margin: 15px 0 0 20px !important; font: 40px "Calibri", "Trebuchet MS", "Verdana", sans-serif;}

/* tag lines */
.header p.tagline { float: right; height: 21px; margin: 33px 20px 0 0; padding: 0; font: 18px "Calibri", "Trebuchet MS", "Verdana", sans-serif;}
.header p.tagline strong { color: #99cc00; }

/* links */
.header ul.links { position: absolute; top: 7px; right: 0; overflow: hidden; float: right; list-style: none; margin: 0 -1em 0 0; padding: 0 20px 50px 0; font-size: .833em; }
.header ul.links li { float: left; margin-left: -1px; padding: 0 1em; border-left: 1px solid #2F2F2E; }
.header ul.links a { float: left; color: #636363; text-transform: uppercase; }
.header ul.links a:hover { color: #FFF; }
.header ul.links strong { color: #99cc00; font-weight: 400; }
.header ul.links a:hover strong { color: #99cc00; }

/* main menu */
.header ul.menu { position: absolute; top: 70px; right: 0; overflow: hidden; float: right; clear: right; list-style: none; margin: 0; padding: 0; }
.header ul.menu li { float: left; margin-left: -1px; border-left: 1px solid #2E2E2E; }
.header ul.menu a { overflow: hidden; float: left; height: 22px; padding: 0 20px 0 20px; color: #D0D0D0; font-weight: 700; text-transform: lowercase; white-space: nowrap; font: 18px "Calibri", "Trebuchet MS", "Verdana", sans-serif;}
.header ul.menu a:hover { color: #99cc00; }

/*
** content
*/
.content { width: 948px; margin: 0 auto; padding: 0 0 24px; border: 1px solid #EFEFEF; border-top: none; }
.content h2 { padding: 1em 19px 1.5ex; color: #000; font-size: 2em; font-weight: 400; line-height: 1; }
.content h3 { padding: 0 0 1ex; color: #000; font-size: 1.5em; font-weight: 400; line-height: 1; }
.content hr { height: 4px; margin-top: 3em; border: none; background: #EFEFEF; }
.content hr.special { height: 1px; clear: both; margin-top: 0; }


/*
** location bar/breadcrumbs
*/
p.location { padding: 1em 19px; border-bottom: 4px solid #EFEFEF; color: #888; font-size: .917em; line-height: 1.1; word-spacing: .5ex; }
p.location a { background: transparent; color: #888; word-spacing: normal; }
p.location a:hover { color: #000; text-decoration: underline; }
p.location strong { color: #99cc00; word-spacing: normal; }


/*
** footer
*/
.footer { overflow: hidden; width: 910px; margin: 0 auto; padding: 26px 20px 0; border-bottom: 1px solid #EFEFFE; color: #666; font-size: .917em; }
.footer p { padding: 14px 0 0 0; }
.footer a { background: transparent; color: #3B5E73; }
.footer a:hover { text-decoration: underline; }
.footer ul { list-style: none; margin: 0; padding: 0; }
.footer li { float: left; margin: 15px 0 0 -1px; padding: 0 1.3ex; border-left: 1px solid #AAA; }

.footer ul.left { width: 55em; max-width: 100%; }
.footer ul.left li.first { position: relative; min-height: 14px; margin: 0; padding: 15px 0px 6px 0; border: none; border-right: 5px solid #FFF; }

.footer ul.right { overflow: hidden; max-width: 100%; margin-right: -1.25ex; }


/*
** two columns
*/
ul.two-columns { overflow: hidden; list-style: none; margin: 0; padding: 0; }

.header ul.two-columns { position: relative; margin: 0 0 20px; padding: 0 20px 23px; background: transparent url("http://fourfootmedia.tfcdn.net/images/border_01.png") repeat-y 50% 0; line-height: 1.4; }
.header ul.two-columns li { width: 420px; padding: 0 0 1em; }
.header ul.two-columns h3 { color: #FFF; font-size: 1.917em; font-weight: 400; text-transform: lowercase; line-height: 1; }
.header ul.two-columns h3.sifr { font-size: 2.3em; }
.header ul.two-columns p { overflow: hidden; padding: 1.5ex 0 0; }
.header ul.two-columns p.last { position: absolute; bottom: 5px; padding: 0; }

.content ul.two-columns { clear: both; border-top: 1px solid #EFEFEF; }
.content ul.two-columns li.left { width: 320px; }
.content ul.two-columns li.right { width: 550px; padding: 25px 19px 0 0; line-height: 1.4; }
.content ul.two-columns li.right h3 { padding-top: 1ex; padding-bottom: 1ex; }
.content ul.two-columns h2 { padding-left: 0; padding-top: 0; }


/*
** three columns/what do we do box
*/
ul.three-columns { position: relative; top: 30px; overflow: hidden; list-style: none; margin: 0 0 30px; padding: 0 19px 0; background: transparent url("http://fourfootmedia.tfcdn.net/images/three_columns_background.png") repeat-y 315px 0; }
ul.three-columns li { width: 276px; padding-bottom: 38px; }
ul.three-columns li.left { padding-right: 20px; border-right: 1px solid #EDEDED; }
ul.three-columns li.left p.first { background: transparent none no-repeat 0 1em; }
ul.three-columns li.middle { float: left; margin: 0 -1px; padding: 0 20px; border-left: 1px solid #EDEDED; border-right: 1px solid #EDEDED; }
ul.three-columns li.middle p.first { background: transparent none no-repeat 0 1em; }
ul.three-columns li.right { padding-left: 20px; border-left: 1px solid #EDEDED; }
ul.three-columns li.right p.first { background: transparent none no-repeat 0 1em; }
ul.three-columns h4 { padding: 0 0 .5ex; color: #000; font-size: 1.583em; font-weight: 400; text-transform: lowercase; line-height: 1; }
ul.three-columns p { overflow: hidden; padding: 1em 5px 0 76px; }
ul.three-columns p.first { min-height: 64px; }
ul.three-columns p.last { position: absolute; bottom: 5px; padding-top: 0; }

/*
** intro
*/
.intro { position: relative; overflow: hidden; padding: 0 0 5px !important; }

.intro .content { width: auto; min-height: 20px; margin: 0; border: none; padding: 40px 50px 0px 0px; }
.intro .content p.photo { float: left; margin: -40px 0 0 -500px; padding: 0; }
.intro .content h2 { background: transparent; color: #FFF; font-size: 2.5em; font-family: "Calibri", "Trebuchet MS", "Verdana", sans-serif; font-weight: 400; line-height: 1.2; letter-spacing: -.1ex;}
.intro .content h2 em { color: #A8B934; font-style: normal; }
.intro .content p.info { color: #535353; font-size: 12px; text-transform: uppercase; word-spacing: .5ex; }
.intro .content p.info * { word-spacing: normal; }
.intro .content a { color: #A8B934; }
body .header .intro .content h2 { float: none; height: auto; margin: 0 !important; padding: 0; background: transparent; text-indent: 0; }

.intro p.ruler { position: relative; width: 812px; margin: 0 auto; padding: 0px 59px 0; background: transparent url("http://fourfootmedia.tfcdn.net/images/intro_ruler.png") no-repeat 0 100%; font-size: .75em; text-transform: uppercase; line-height: 1; }


/*
** tabs
*/
ul.tabs { position: relative; float: right; clear: both; list-style: none; margin: 0 0 -1px; padding: 12px 19px 0 0; line-height: 1; }
ul.tabs li { float: left; }
ul.tabs a { float: left; padding: 0 0 0 20px; background: transparent url("http://fourfootmedia.tfcdn.net/images/tab.png") no-repeat 0 0; color: #000; }
ul.tabs a.selected,
ul.tabs a:hover { background-color: #EFEFEF; background-position: 0 -200px; color: #000; }
ul.tabs span { float: left; padding: 1em 20px 1em 0; background: transparent url("http://fourfootmedia.tfcdn.net/images/tab.png") no-repeat 100% 0; }
ul.tabs a.selected span,
ul.tabs a:hover span { background-position: 100% -200px; }
ul.tabs a.selected { color: #99cc00; font-weight: 700; }


/*
** submenu
*/
ul.submenu { list-style: none; margin: 1em 0 0; padding: 0; border-bottom: 1px solid #EFEFEF; line-height: 1.25; }
ul.submenu li { padding: 1ex 0 1ex 22px; border-top: 1px solid #EFEFEF; background: transparent url("http://fourfootmedia.tfcdn.net/images/bullet_08.png") no-repeat 9px 1em; }
ul.submenu a { background: transparent; }
ul.submenu a em { font-size: .917em; }
ul.submenu a.selected,
ul.submenu a:hover { color: #000; }
a.submenuheader { padding: 0 0 1ex; color: #000; font-size: 16px; font-weight: 400; line-height: 1; font-family: "Calibri", "Trebuchet MS", "Verdana", sans-serif;}

/*
** contact form
*/
.contact h4 { padding: 0 0 1em; color: #000; font-size: 1.083em; line-height: 1; }

form.write { overflow: hidden; }
form.write .left { width: 225px; padding: 0 0 1em; }
form.write .right { width: 300px; padding: 0 0 1em; }
form.write h4 { margin: 0 0 2em; border-bottom: 1px solid #EFEFEF; }
form.write p { overflow: hidden; clear: both; }
form.write p.text-right { padding: 1em 0 0; }
form.write textarea,
form.write input.text { display: block; margin: .5ex 0 0; }
form.write .left input.text { width: 220px; }
form.write select { width: 220px; }
form.write .right textarea { width: 295px; height: 16em; }
form.write label.checkbox { float: right; width: 525px; color: #888; font-size: .917em; font-weight: 400; }
form.write input.checkbox { float: left; }

form.quote { overflow: hidden; }
form.quote .left { width: 300px; padding: 0 0 1em; }
form.quote .right { width: 225px; padding: 0 0 1em; }
form.quote h4 { margin: 0 0 2em; border-bottom: 1px solid #EFEFEF; }
form.quote p { overflow: hidden; clear: both; }
form.quote p.type strong { clear: both; display: block; }
form.quote select,
form.quote textarea,
form.quote input.text { display: block; margin: .5ex 0 0; }
form.quote input.checkbox { float: left; clear: left; }
form.quote p.type input { float: left; clear: left; margin-top: .5ex; cursor: pointer; }
form.quote p.type label { float: left; clear: right; margin-top: .5ex; margin-left: 5px; font-weight: 400; }
form.quote .left input.text { width: 295px; }
form.quote .left textarea { width: 295px; }
form.quote .left select { width: 300px; }
form.quote .right input.text { width: 220px; }
form.quote .right input.file { width: 225px; }
form.quote label.checkbox { float: right; width: 525px; color: #888; font-size: .917em; font-weight: 400; }


/*
** testimonials
*/
.testimonials { padding: 24px 24px 24px 29px; border: 1px solid #EFEFEF; border-width: 0 1px 1px 0; }
.testimonials ul { list-style: none; margin: 0; padding: 0; }
.testimonials li { padding: 1em 0 0; }
.testimonials blockquote { padding: 0; background: transparent; font-style: normal; }
.testimonials h4 { padding: 0 0 1ex; color: #000; font-size: 1.25em; line-height: 1.2; }
.testimonials h4 em { display: block; color: #888; font-size: .8em; font-weight: 400; font-style: normal; }
.testimonials p { padding: 0 0 1ex; }

/*
** misc. styles
*/
a.bullet-00 { padding-left: 18px; background: transparent url("http://fourfootmedia.tfcdn.net/images/bullet_00.png") no-repeat 0 50%; }
a.bullet-00:hover { background-position: -999px 50%; }

a.button-00 { float: left; padding: 0 0 0 8px; background: #000 url("http://fourfootmedia.tfcdn.net/images/button_00.png") no-repeat 0 0; color: #FFF !important; font-size: 10px !important; text-transform: uppercase; line-height: 17px; }
a.button-00 span { float: left; padding: 0 16px 0 0; background: transparent url("http://fourfootmedia.tfcdn.net/images/button_00.png") no-repeat 100% 0; }
a.button-00:hover { color: #99cc00 !important; }
a.button-00:hover span { background-position: 100% -34px; }

.header a.button-00 { background-position: 0 -17px; }
.header a.button-00 span { background-position: 100% -17px; }
.header a.button-00:hover span { background-position: 100% -51px; }

button.button-02 { height: 26px; padding: 0; border: none; background: transparent; color: #FFF; font-size: .833em; text-transform: uppercase; }
button.button-02 span { float: left; padding: 0 0 0 8px; background: #838383 url("http://fourfootmedia.tfcdn.net/images/button_02.png") no-repeat 0 0; line-height: 26px; white-space: nowrap; }
button.button-02 span span { padding: 0 8px 0 0; background-position: 100% 0; }

.icon { min-height: 64px; margin-left: -12px; padding: 1em 0 0 76px; background: transparent none no-repeat 0 1.5ex; }
.icon h3 { padding: 0 0 1ex !important; }
.icon-01 { background-image: url("http://fourfootmedia.tfcdn.net/images/icon_01.png") !important; }
.icon-02 { background-image: url("http://fourfootmedia.tfcdn.net/images/icon_02.png") !important; }
.icon-03 { background-image: url("http://fourfootmedia.tfcdn.net/images/icon_03.png") !important; }
.icon-04 { background-image: url("http://fourfootmedia.tfcdn.net/images/icon_04.png") !important; }
.icon-05 { background-image: url("http://fourfootmedia.tfcdn.net/images/icon_05.png") !important; }
.icon-06 { background-image: url("http://fourfootmedia.tfcdn.net/images/icon_06.png") !important; }
.icon-07 { background-image: url("http://fourfootmedia.tfcdn.net/images/icon_07.png") !important; }
.icon-09 { background-image: url("http://fourfootmedia.tfcdn.net/images/icon_09.png") !important; }
.icon-10 { background-image: url("http://fourfootmedia.tfcdn.net/images/icon_10.png") !important; }
.icon-11 { background-image: url("http://fourfootmedia.tfcdn.net/images/icon_11.png") !important; }
.icon-12 { background-image: url("http://fourfootmedia.tfcdn.net/images/icon_12.png") !important; }
.icon-13 { background-image: url("http://fourfootmedia.tfcdn.net/images/icon_13.png") !important; }
.icon-14 { background-image: url("http://fourfootmedia.tfcdn.net/images/icon_14.png") !important; }
.icon-15 { background-image: url("http://fourfootmedia.tfcdn.net/images/icon_15.png") !important; }
.icon-16 { background-image: url("http://fourfootmedia.tfcdn.net/images/icon_16.png") !important; }

textarea,
input.text { padding: 5px 0 5px 3px; border: 1px solid #E1E1E1; border-left-color: #D6D6D6; border-top-color: #CBCBCB; background: #FFF url("http://fourfootmedia.tfcdn.net/images/text_background.png") no-repeat 0 0; color: #000; }

a.image { background: transparent; }
a.image img { vertical-align: middle; }

.sidebar { padding: 24px 24px 34px 29px; border: 1px solid #EFEFEF; border-width: 0 1px 1px 0; }

.spread li { padding-bottom: 1.5ex; }


/*
** the end
*/


#slider1 {
    width: 950px; /* important to be same as image width */
    height: 200px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#slider1Content {
    width: 950px; /* important to be same as image width or wider */
    height: 250px;
    position: absolute;
	top: 0;
	margin-left: 0;
}
.slider1Image {
    float: left;
    position: relative;
	display: none;
}
.slider1Image span {
    position: absolute;
    padding: 10px 13px;
    width: 950px;
    background-color: #000;
    color: #fff;
    display: none;
}
.sliderclear {
	clear: both;
}
.slider1Image span strong {
}
.sliderleft {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 250px;
}
.sliderright {
	right: 0;
	bottom: 0;
	width: 280px !important;
	height: 235px;
}
ul.slider { list-style-type: none;}