* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* Forever On Film CSS by Ridgeway Studios - www.ridgewaystudios.com*/

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body 
{ background: url(../images/main-bg.jpg) center top no-repeat; padding: 0px; margin: 0px; background-color: #000000; color: #616161; font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; font-size: 75%; text-align: center; }

a:link { color:#5d3881; text-decoration: none; }
a:visited { color:#5d3881; text-decoration: none; }
a:hover { color:#5d3881; text-decoration: underline; }
a:active { color:#5d3881; text-decoration: underline; }

a.screenshotlink:link { text-decoration: none; border: 1px solid #b5b5b5; display: block; width: 176px; height: 120px; }
a.screenshotlink:visited { text-decoration: none; border: 1px solid #b5b5b5; display: block; width: 176px; height: 120px; }
a.screenshotlink:hover { text-decoration: none; border: 1px solid #5d3881; display: block; width: 176px; height: 120px; }
a.screenshotlink:active { text-decoration: none; border: 1px solid #5d3881; display: block; width: 176px; height: 120px; }

a.screenshotmediumlink:link { text-decoration: none; border: 1px solid #b5b5b5; display: block; width: 276px; height: 174px; }
a.screenshotmediumlink:visited { text-decoration: none; border: 1px solid #b5b5b5; display: block; width: 276px; height: 174px; }
a.screenshotmediumlink:hover { text-decoration: none; border: 1px solid #5d3881; display: block; width: 276px; height: 174px; }
a.screenshotmediumlink:active { text-decoration: none; border: 1px solid #5d3881; display: block; width: 276px; height: 174px; }

a.boxheaderlink:link { color:#FFFFFF; text-decoration: none; display: block; width: 266px; height: 36px; }
a.boxheaderlink:visited { color:#FFFFFF; text-decoration: none; display: block; width: 266px; height: 36px; }
a.boxheaderlink:hover { color:#FFFFFF; text-decoration: underline; display: block; width: 266px; height: 36px; }
a.boxheaderlink:active { color:#FFFFFF; text-decoration: underline; display: block; width: 266px; height: 36px; }

a.greyboxheaderlink:link { color:#212121; text-decoration: none; display: block; width: 266px; height: 36px; }
a.greyboxheaderlink:visited { color:#212121; text-decoration: none; display: block; width: 266px; height: 36px; }
a.greyboxheaderlink:hover { color:#212121; text-decoration: underline; display: block; width: 266px; height: 36px; }
a.greyboxheaderlink:active { color:#212121; text-decoration: underline; display: block; width: 266px; height: 36px; }

a.purpleboxlink:link { color:#5d3881; text-decoration: none; display: block; width: 266px; }
a.purpleboxlink:visited { color:#5d3881; text-decoration: none; display: block; width: 266px; }
a.purpleboxlink:hover { color:#5d3881; text-decoration: underline; display: block; width: 266px; }
a.purpleboxlink:active { color:#5d3881; text-decoration: underline; display: block; width: 266px; }

a.lilaclink:link { color:#ac82d4; text-decoration: none; }
a.lilaclink:visited { color:#ac82d4; text-decoration: none; }
a.lilaclink:hover { color:#ac82d4; text-decoration: underline; }
a.lilaclink:active { color:#ac82d4; text-decoration: underline; }

a.greyboxlink:link { color:#212121; text-decoration: none; display: block; width: 266px; }
a.greyboxlink:visited { color:#212121; text-decoration: none; display: block; width: 266px; }
a.greyboxlink:hover { color:#212121; text-decoration: underline; display: block; width: 266px; }
a.greyboxlink:active { color:#212121; text-decoration: underline; display: block; width: 266px; }

a.greyboxlinknarrow:link { color:#212121; text-decoration: none; }
a.greyboxlinknarrow:visited { color:#212121; text-decoration: none; }
a.greyboxlinknarrow:hover { color:#212121; text-decoration: underline; }
a.greyboxlinknarrow:active { color:#212121; text-decoration: underline; }

a.whiteunderlink:link { color:#FFFFFF; text-decoration: underline; }
a.whiteunderlink:visited { color:#FFFFFF; text-decoration: underline; }
a.whiteunderlink:hover { color:#e1e1e1; text-decoration: underline; }
a.whiteunderlink:active { color:#e1e1e1; text-decoration: underline; }

a.whitelink:link { color:#FFFFFF; text-decoration: none; }
a.whitelink:visited { color:#FFFFFF; text-decoration: none; }
a.whitelink:hover { color:#FFFFFF; text-decoration: underline; }
a.whitelink:active { color:#FFFFFF; text-decoration: underline; }

a.breadcrumbs:link { color:#555555; text-decoration: none; }
a.breadcrumbs:visited { color:#555555; text-decoration: none; }
a.breadcrumbs:hover { color:#000000; text-decoration: underline; }
a.breadcrumbs:active { color:#000000; text-decoration: underline; }

a.footerlink:link { color:#929292; text-decoration: none; }
a.footerlink:visited { color:#929292; text-decoration: none; }
a.footerlink:hover { color:#929292; text-decoration: underline; }
a.footerlink:active { color:#929292; text-decoration: underline; }

a.imagelink:link { border-bottom: 0px; text-decoration: none; }
a.imagelink:visited { border-bottom: 0px; text-decoration: none; }
a.imagelink:hover { border-bottom: 0px; text-decoration: none; }
a.imagelink:active { border-bottom: 0px; text-decoration: none; }

h1 { color: #212121; font-size: 1.9em; font-weight: normal; }

h2 { color: #414141; font-size: 1.4em; font-weight: normal; padding-top: 2px; }

h3 { color: #212121; font-size: 1.4em; font-weight: normal; padding-top: 15px; }

h4 { color: #414141; font-size: 1.3em; font-weight: normal; padding-top: 10px; }

p { color: #616161; font-size: 1.2em; line-height: 1.6em; padding-bottom: 10px; }

.small { font-size: 0.9em; }

.whiteh1 { color: #FFFFFF; padding-top: 30px; }

.whiteh2 { color: #e1e1e1; }

.whitep { color: #FFFFFF; margin-top: 10px; }
.whiteptop { color: #FFFFFF; margin-top: 10px; padding-bottom: 2px; }
.whitepnomargin { color: #FFFFFF; padding-bottom: 2px; }

.nomargin { margin: 0px; padding: 0px; }

.first { margin-top: 10px; }

.firstunderline { margin-top: 10px; padding-bottom: 18px; border-bottom: 1px solid #b5b5b5; }

.lineabove { padding-top: 15px; border-top: 1px solid #b5b5b5; }

.underline { padding-bottom: 18px; border-bottom: 1px solid #b5b5b5; }

.underlineonly { padding-bottom: 0px; border-bottom: 1px solid #b5b5b5; }

.quote { padding-bottom: 0px; }

.quotefirst { padding-top: 10px; padding-bottom: 0px; }

.quoted { color: #212121; }

.quotedunderline { color: #212121; padding-bottom: 18px; border-bottom: 1px solid #b5b5b5; }

.captionheadline { font-size: 1.2em; line-height: 1.5em; padding: 4px 0px 0px 0px; }

.caption { font-size: 0.9em; line-height: 1.1em; padding-bottom: 10px; }

.captionright { font-size: 0.9em; line-height: 1.1em; padding-top: 17px; text-align: right; }

.linkcaptionright { font-size: 0.9em; line-height: 1.1em; padding: 4px 0px 15px 0px; text-align: left; }

.linkcaptiondemo { font-size: 0.9em; line-height: 1.1em; padding: 10px 0px 15px 218px; text-align: left; }

.linkcaptioncenter { font-size: 0.9em; line-height: 1.1em; padding: 4px 0px 15px 0px; }

.boxheader { color: #FFFFFF; font-size: 1.4em; font-weight: normal; padding: 0px; }

.greyboxheader { color: #212121; font-size: 1.4em; font-weight: normal; padding: 0px; }

.box { color: #414141; font-size: 1.1em; line-height: 1.4em; }
.boxnomargin { color: #414141; font-size: 1.1em; line-height: 1.4em; padding-bottom: 0px; }

.boxlink { font-size: 1.2em; line-height: 1.4em; padding: 0px; }

.arrows { padding: 0px 0px 0px 0px; }
.arrows li { color: #616161; line-height: 1.4em; font-weight: normal; margin: 0px; list-style: none; padding-left: 20px; background: url(../images/arrow-purple-bullet.gif) left bottom no-repeat; }

.bulletlist { padding: 5px 0px 10px 0px; }
.bulletlist li { color: #616161; font-size: 1.2em; line-height: 1.4em; font-weight: normal; margin: 0px; list-style: none; padding-left: 20px; background: url(../images/arrow-purple-bullet-long.gif) left top no-repeat; }

.bulletlistunderline { padding: 5px 0px 10px 0px; padding-bottom: 15px; border-bottom: 1px solid #b5b5b5; }
.bulletlistunderline li { color: #616161; font-size: 1.2em; line-height: 1.4em; font-weight: normal; margin: 0px; list-style: none; padding-left: 20px; background: url(../images/arrow-purple-bullet-long.gif) left top no-repeat; }

.horizontalunderline { padding: 5px 0px 15px 0px; padding-bottom: 15px; margin-bottom: 15px; width: 915px; }
.horizontalunderline li { float: left; position: relative: color: #616161; font-size: 1.2em; line-height: 1.4em; font-weight: normal; margin: 0px; list-style: none; padding: 0px 20px 15px 20px; background: url(../images/arrow-purple-bullet-long.gif) left top no-repeat; }

.sitemaplist { padding: 0px 0px 0px 0px; }
.sitemaplist li { color: #616161; font-size: 1.2em; line-height: 1.4em; font-weight: normal; margin: 0px; list-style: none; padding-left: 20px; background: url(../images/arrow-red-bullet.gif) left top no-repeat; }

.sitemaplistindent { padding: 5px 0px 5px 20px; }
.sitemaplistindent li { color: #616161; font-size: 1.0em; line-height: 1.4em; font-weight: normal; margin: 0px; list-style: none; padding-left: 20px; background: url(../images/arrow-red-bullet.gif) left top no-repeat; }

.footerwhite { font-size: 1.2em; padding: 25px 0px 0px 0px; color: #7a7a7a; }
.footerbullets { padding: 0px 0px 10px 0px; }
.footerbullets li { float: left; position: relative; color: #7a7a7a; font-size: 1.0em; line-height: 1.4em; font-weight: normal; margin: 0px; list-style: none; padding: 0px 20px; background: url(../images/arrow-white-bullet.gif) left top no-repeat; }

div#page_size { width: 975px; margin: 0 auto 0 auto; padding: 0 10px 0 10px; background-color: #1a1a1a; text-align: left; }

div#page_header { background-color: #1a1a1a; float: left; position: relative; top: 0px; left: 0px; width: 975px; height: 86px; text-align: left; }

				#logo_links { float: left; position: relative; top: 0px; left: 0px; padding-left: 20px; width: 180px; list-style: none; }
				#logo_links li { float: left; top: 0px; left: 0px; padding: 0px; margin: 0px; }
				#logo_links li a { text-align: center; width: 20px; display: block; padding: 0px; margin: 0px; font-size: 0em; line-height: 0px; }
				#logo_links li a.logo { text-align: center; width: 180px; display: block; padding: 0px; margin: 0px; }
				#logo_links li a:visited { float: left; position: relative; display: block; }
				#logo_links li a:hover { float: left; position: relative; display: block; }
				#logo_links li a:active { float: left; position: relative; display: block; }
				
				#slogan { float: right; list-style: none; margin: 0; width: 460px; padding: 20px 30px 0px 0px; text-align: right; }
				#slogan li { float: left; font-size: 1.0em; }
				#slogan li a { display: block; font-weight: normal; color: #ac82d4; text-decoration: none; padding: 2px 4px 0px 0px; }
				#slogan li a:visited { display: block; color: #ac82d4; text-decoration: none; }
				#slogan li .end { display: block; padding-right: 0px; }
				#slogan li a:hover { display: block; text-decoration: underline; color: #ac82d4; }
				#slogan li a:active { display: block; text-decoration: underline; color: #ac82d4; }
			

div#page_breadcrumbs { float: left; position: relative; top: 0px; left: 0px; width: 935px; padding: 0px 20px 0px 20px; text-align: left; background-color: #313131; border-top: 1px solid #454545; border-bottom: 1px solid #454545; }				
				
				#breadcrumbs { float: left; list-style: none; margin: 0; text-align: left; }
				#breadcrumbs li { float: left; font-size: 1.0em; }
				#breadcrumbs li a { display: block; font-weight: normal; color: #FFFFFF; text-decoration: none; padding: 9px 14px; border-left: 1px solid #454545; }
				#breadcrumbs li a:visited { display: block; color: #FFFFFF; text-decoration: none; }
				#breadcrumbs li a:hover { display: block; color: #FFFFFF; background-color: #212121; }
				#breadcrumbs li a:active { display: block; background-color: #454545; }
				#breadcrumbs li a.current { color: #FFFFFF; border-left: 1px solid #454545; }
				#breadcrumbs li .current { background-color: #454545; }
				#breadcrumbs li a.end { border-right: 1px solid #454545; }
				
div#page_hero { float: left; position: relative; top: 0px; left: 0px; width: 975px; text-align: left; }

div#page_hero_black { float: left; height: 240px; overflow: hidden: display: block; position: relative; top: 0px; left: 0px; padding: 0px 30px 0px 30px; width: 915px; text-align: left; margin-top: 10px; }

div#page_hero_demo { float: left; height: 370px; overflow: hidden: display: block; position: relative; top: 0px; left: 0px; padding: 30px 30px 30px 30px; width: 915px; text-align: left; }

div#page_hero_casestudy { float: left; height: 300px; overflow: hidden: display: block; position: relative; top: 0px; left: 0px; padding: 0px 30px 0px 30px; width: 915px; text-align: left; }

div#page_content_homepage { background: url(../images/corners-top.jpg) left top no-repeat; background-color: #FFFFFF; float: left; position: relative; top: 0px; left: 0px; padding: 30px 30px 0px 30px; width: 915px; text-align: left; margin-top: 7px; }

div#page_content_top { background: url(../images/corners-top.jpg) left top no-repeat; background-color: #FFFFFF; float: left; position: relative; top: 0px; left: 0px; padding: 30px 30px 0px 30px; width: 915px; text-align: left; }

div#page_content_blank { background: url(../images/corners-top.jpg) left top no-repeat; background-color: #FFFFFF; float: left; position: relative; top: 0px; left: 0px; padding: 15px 30px 0px 30px; width: 915px; text-align: left; }

div#page_content_top_about { background: url(../images/corners-top.jpg) left top no-repeat; background-color: #FFFFFF; float: left; position: relative; top: 0px; left: 0px; padding: 30px 0px 0px 30px; width: 945px; text-align: left; margin-top: 10px; }

div#page_content_bottom { background: url(../images/corners-bottom.jpg) left bottom no-repeat; background-color: #FFFFFF; float: left; position: relative; top: 0px; left: 0px; padding: 0px 30px 30px 30px; width: 915px; text-align: left; }

div#page_content_bottom_homepage { background: url(../images/corners-bottom.jpg) left bottom no-repeat; background-color: #FFFFFF; float: left; position: relative; top: 0px; left: 0px; padding: 0px 30px 0px 30px; width: 915px; text-align: left; }

.form_wrapper { width: 561px; padding: 5px 15px 15px 15px; background-color: #f1f1f1; border: 1px solid #b5b5b5; }
.form_parent { float: left; position: relative; width: 561px; }
.form_parent_bottom { float: left; position: relative; width: 561px; border-bottom: 1px solid #b5b5b5; padding-bottom: 15px; margin-bottom: 15px;}
.form_line { float: left; position: relative; width: 511px; padding: 0px 10px; }
.form_line_top { float: left; position: relative; width: 511px; padding: 15px 10px 0px 10px; }
.form_line_bottom { float: left; position: relative; width: 511px; padding: 0px 10px; border-bottom: 1px solid #b5b5b5; padding-bottom: 15px; margin-bottom: 15px; }
.form_line_bottom_pad { float: left; position: relative; width: 511px; padding: 10px 10px 15px 10px; border-bottom: 1px solid #b5b5b5; margin-bottom: 15px; }
.form_content { float: left; position: relative; width: 260px; }
.form_content_pad { float: left; position: relative; width: 260px; padding-top: 13px; }
.form_content p { margin: 3px; }
.form_date { float: left; position: relative; width: 60px; }
.form_month { float: left; position: relative; width: 105px; }
.form_year { float: left; position: relative; width: 100px; }
.form_title { float: left; position: relative; width: 220px; padding-right: 20px; } 
.form { float: left; position: relative; }
.form_checkbox { float: left; position: relative; padding: 3px 4px 0px 20px; }
.form_option { float: left; position: relative; width: 200px; }
.form_option p { padding-bottom: 5px; }
.form_secret { visibility: hidden; display: none; }

.table_wrapper { float: left; position: relative; width: 591px; border: 1px solid #b5b5b5; margin: 15px 0px; }
.table_header_row { float: left; position: relative; width: 571px; padding: 0px 10px; border-bottom: 1px solid #b5b5b5; background-color: #212121; }
.table_header_row p { font-size: 1.1em; padding: 3px 0px; }
.table_row { float: left; position: relative; width: 571px; padding: 0px 10px; border-bottom: 1px solid #b5b5b5; }
.table_row_bottom { float: left; position: relative; width: 571px; padding: 0px 10px; }
.table_left_column { float: left; position: relative; width: 160px; padding: 0px 10px 0px 0px; text-align: right; }
.table_left_column p { font-size: 1.1em; padding: 5px 0px; }
.table_content { float: left; position: relative; width: 132px; padding: 3px 0px; text-align: center; border-left: 1px solid #b5b5b5; }
.table_content p { font-size: 1.1em; padding: 3px 0px; }
.tick { color: #5d3881; font-family: Code2000, TITUS Cyberbit Basic, Doulos SIL, Chrysanthi Unicode, Bitstream Cyberbit, Bitstream CyberBase, Thryomanes, Gentium, GentiumAlt, Visual Geez Unicode, Lucida Grande, Arial Unicode MS, Microsoft Sans Serif, Lucida Sans Unicode;}

input.btn { color: #FFFFFF; font-size: 1.2em; font-weight: normal; font-family: Trebuchet MS; background-color: #5d3881; border: 1px solid #e1e1e1; padding: 5px; }
input.btnhov { color: #FFFFFF; font-size: 1.2em; font-weight: normal; font-family: Trebuchet MS; background-color: #1a1a1a; border: 1px solid #212121; padding: 5px; }
input.field { color: #414141; font-size: 1.1em; font-weight: normal; font-family: Trebuchet MS; border: 1px solid #b5b5b5; padding: 2px; }
select.field { color: #414141; font-size: 1.1em; font-weight: normal; font-family: Trebuchet MS; border: 1px solid #b5b5b5; padding: 2px; }
textarea.field { color: #414141; font-size: 1.1em; font-weight: normal; font-family: Trebuchet MS; border: 1px solid #b5b5b5; padding: 2px; } 

.full_column { float: left; position: relative; width: 915px; }

.two_column_wrapper { float: left; position: relative; width: 591px; padding-bottom: 10px; }
.two_column { float: left; position: relative; width: 275px; margin-right: 28px; }
.two_column_right { float: left; position: relative; width: 275px; }

.left_column { float: left; position: relative; width: 591px; }
			    
				.client_list { float: center; position: relative; text-align: center; }
				.client_logo { float: left; position: relative; width: 206px; padding-top: 20px; margin-right: 30px; text-align: center; }
				.client_logo_nomargin { float: left; position: relative; width: 206px; padding-top: 20px; text-align: center; }
				.screenshot_container { float: left; position: relative; width: 591px; padding-bottom: 15px; border-bottom: 1px solid #b5b5b5; margin-bottom: 15px; }
				.small_screenshot { float: left; position: relative; width: 178px; padding-top: 10px; margin-right: 28px; }
				.small_screenshot_nomargin { float: left; position: relative; width: 178px; padding-top: 10px; }
				.medium_screenshot { float: right; position: relative; width: 278px; padding: 5px 0px 15px 15px; }
				.right_screenshot { float: right; position: relative; width: 178px; padding: 5px 0px 10px 15px; }
				.right_screenshot_first { float: right; position: relative; width: 178px; padding: 10px 0px 10px 15px; }
				.casestudy_screenshot { float: left; position: relative; width: 278px; padding: 15px 15px 30px 0px; }
				.screenshotborder { border: 1px solid #b5b5b5; }		
				.videoborder { float: center; position: relative; padding: 3px; margin-left: 215px; width: 480px; height: 360px; border: 1px solid #b5b5b5; }
				.screenshot_wrapper { width: 591px; padding: 15px 0px 15px 0px; border-bottom: 1px solid #b5b5b5; }

.right_column { float: left; position: relative; width: 296px; margin-left: 28px; }

.right_column_black { float: left; height: 218px; overflow: hidden: display: block; position: relative; width: 296px; padding-top: 22px; margin-left: 28px; }

.right_column_monitor { float: left; position: relative; width: 296px; margin-left: 28px; padding-top: 45px; }

.right_column_about { float: left; position: relative; width: 326px; margin-left: 28px; text-align }

.right_column_image { float: left; height: 343px; overflow: hidden: display: block; position: relative; text-align: right; padding: 0px; margin: 0px; }

.box_wrapper { float: left; position: relative; width: 296px; padding-top: 15px; }
.box_wrapper_dropped { float: left; position: relative; width: 296px; padding-top: 920px; }
.box_wrapper_full { float: left; position: relative; width: 296px; padding-top: 15px; margin-right: 13px; }
.box_wrapper_top { float: left; position: relative; width: 296px; padding-top: 0px; margin-top: 0px; }
.box_header_grey { float: left; position: relative; width: 266px; height: 28px; overflow: hidden; display: block; background: url(../images/header-grey.jpg) left top no-repeat; background-color: #e1e1e1; padding: 8px 15px 0px 15px; text-align: left; }
.box_header_purple_arrow { float: left; position: relative; width: 266px; height: 28px; overflow: hidden; display: block; background: url(../images/header-purple-arrow.jpg) left top no-repeat; background-color: #4a2b66; padding: 8px 15px 0px 15px; }
.box_header_purple { float: left; position: relative; width: 266px; height: 28px; overflow: hidden; display: block; background: url(../images/header-purple.jpg) left top no-repeat; background-color: #4a2b66; padding: 8px 15px 0px 15px; }
.box_content { float: left; position: relative; width: 266px; background: url(../images/box-border.gif) left top repeat-y; background-color: #FFFFFF; padding: 8px 15px 0px 15px; text-align: left; }
.box_screenshot { float: left; position: relative; width: 278px; background: url(../images/box-border.gif) left top repeat-y; background-color: #FFFFFF; padding: 8px 9px 0px 9px; text-align: left; }
.box_text { float: left; position: relative; width: 193px; text-align: left; padding-right: 5px; }
.box_image { float: left; position: relative; width: 68px; text-align: left; }
.box_link_purple { float: left; position: relative; width: 266px; display: block; background: url(../images/arrow-purple-off.gif) right top no-repeat; }
.box_link_grey { float: left; position: relative; width: 266px; display: block; background: url(../images/arrow-grey-off.gif) right top no-repeat; }
.box_footer { float: left; position: relative; width: 296px; height: 13px; overflow: hidden; display: block; background: url(../images/box-footer.gif) left top no-repeat; background-color: #FFFFFF; }
			
div#page_footer { background: url(../images/footer-bg.jpg) left top no-repeat; float: left; position: relative;  background-color: #1a1a1a; margin-top: 20px; padding: 15px 30px 50px 30px; width: 915px; }
				
div#copyright { float: left; width: 591px; }
											
.footer { color: #7a7a7a; font-size: 1.0em; line-height: 1.4em; margin: 0px; padding: 0px; }
				
div#icons { float: right; position: relative; text-align: right; }
													
div#footerlinks { float: left; width: 800px; margin-top: 30px; }