/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*===============================END CSS RESET==================================*/

.logo { width:388px; height:109px; float:left; background:url(/images/index/logo.jpg) no-repeat; }
.contact_us_callout { width:481px; height:99px; float:left; background:url(/images/index/contact-banner.jpg) no-repeat; }
.simple_implementation_toolkit_callout { width:491px; height:99px; float:left; background:url(/images/index/toolkit-banner.jpg) no-repeat; }
.find_out_more_info { width:124px; height:19px; float:left; background:url(/images/index/more-info-btn.png) no-repeat; }
.learn_about { width:160px; height:9px; float:left; background:url(/images/index/learn-benefits.jpg) no-repeat; }
.learn_more { width:80px; height:9px; float:left; background:url(/images/index/learn-more.jpg) no-repeat; }

/*===============================IMAGE REPLACEMENT==============================*/

.no { letter-spacing : -1000em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .no { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */ 

/*===================================H1/H2/H3/H4/H5=============================*/

h2.what_we_do { width:972px; height:73px; float:left; background:url(/images/sh/what-we-do-sh.jpg) no-repeat; }
h2.analytics_planning { width:972px; height:73px; float:left; background:url(/images/sh/analytics-planning-sh.jpg) no-repeat; }
h2.assessments { width:972px; height:73px; float:left; background:url(/images/sh/assessments-sh.jpg) no-repeat; }
h2.implementation_services { width:972px; height:73px; float:left; background:url(/images/sh/implementation-sh.jpg) no-repeat; }
h2.content_analysis { width:972px; height:73px; float:left; background:url(/images/sh/content-analysis-sh.jpg) no-repeat; }
h2.testing { width:972px; height:73px; float:left; background:url(/images/sh/testing-sh.jpg) no-repeat; }
h2.campaign_analysis { width:972px; height:73px; float:left; background:url(/images/sh/campaign-analysis-sh.jpg) no-repeat; }
h2.operations_analysis { width:972px; height:73px; float:left; background:url(/images/sh/operations-analysis-sh.jpg) no-repeat; }
h2.training { width:972px; height:73px; float:left; background:url(/images/sh/training-sh.jpg) no-repeat; }

h2.our_work { width:972px; height:73px; float:left; background:url(/images/sh/our-work-sh.jpg) no-repeat; }
h2.clients { width:972px; height:73px; float:left; background:url(/images/sh/clients-sh.jpg) no-repeat; }
h2.featured_work { width:972px; height:73px; float:left; background:url(/images/sh/featured-work-sh.jpg) no-repeat; }

h2.who_we_are { width:972px; height:73px; float:left; background:url(/images/sh/who-we-are-sh.jpg) no-repeat; }
h2.about_us { width:972px; height:73px; float:left; background:url(/images/sh/about-us-sh.jpg) no-repeat; }
h2.recognition { width:972px; height:73px; float:left; background:url(/images/sh/recognition-sh.jpg) no-repeat; }

h2.contact_us { width:972px; height:73px; float:left; background:url(/images/sh/contact-us-sh.jpg) no-repeat; }
h2.request_information { width:972px; height:73px; float:left; background:url(/images/sh/request-info-sh.jpg) no-repeat; }
h2.career_opportunities { width:972px; height:73px; float:left; background:url(/images/sh/career-opportunities-sh.jpg) no-repeat; }
h2.submission_confirmation { width:972px; height:73px; float:left; background:url(/images/sh/submission-confirmation-sh.jpg) no-repeat; }

h2.site_map { width:972px; height:73px; float:left; background:url(/images/sh/site-map-sh.jpg) no-repeat; }

h2.four_zero_four { width:972px; height:73px; float:left; background:url(/images/sh/404-sh.jpg) no-repeat; }

a.forrester { width:323px; height:124px; float:left; background:url(/images/index/forrester-bg.jpg) no-repeat; }
.contact_info { width:186px; height:248px; float:left; background:url(/images/contact/contact-info-bg.jpg) no-repeat; margin:0 0 0 50px; }

h3 { font-family:arial, verdana, helvetica; font-size:13px; color:#499BCA; text-decoration:none; line-height:150%; font-weight:bold; }
h4 { font-family:arial, verdana, helvetica; font-size:27px; color:#4e4f4f; text-decoration:none; line-height:150%; font-weight:bold; }
h5 { font-family:arial, verdana, helvetica; font-size:20px; color:#499BCA; text-decoration:none; line-height:125%; font-weight:bold; }

/*===================================LAYOUT=====================================*/

body { background:url(/images/index/bg.jpg) #000 top center repeat-x; text-align:center; }

#content_container { width:972px; margin:0 auto; }
#header_container { width:972px; height:139px; float:left; }
#navigation_container { width:584px; height:109px; float:left; }
	#top_navigation_spacer { width:584px; height:65px; float:left; background:url(/images/index/top-right.jpg) no-repeat; }
#subnavigation_container { width:972px; height:40px; float:left; background:url(/images/index/sub-nav-bg.jpg) no-repeat; margin:10px 0 0 0; _margin:0; }
#flash_container { width:972px; height:239px; float:left; _margin:-4px 0 0 0; }
#index_content_container { width:972px; height:520px; float:left; }
	#index_left_content { width:649px; height:520px; float:left; }
		#welcome { width:599px; height:129px; float:left; background:url(/images/index/welcome-bg.jpg) no-repeat; padding:35px 30px 0 20px; text-align:left; }
		#services_container { width:649px; height:356px; float:left; background:url(/images/index/services-bg.jpg) no-repeat; text-align:left; }
		#welcome_cont { float:left; width:599px; padding:25px 30px 0 20px; }
	#index_right_content { width:323px; height:520px; float:left; text-align:left; }
		#universal_tag_methodology { width:283px; height:179px; float:left; background:url(/images/index/methodology-bg.jpg) no-repeat; padding:60px 20px 0 20px; _height:189px; _margin:-19px 0 0 0; }
		#reporting_and_analysis { width:203px; height:157px; float:left; background:url(/images/index/reporting-analysis-bg.jpg) no-repeat; padding:0px 20px 0 100px; }
	#copyright { width:972px; height:180px; *height:50px; float:left; text-align:center; }

/* INTERIOR */

body.interior { background:url(/images/interior/int-bg.jpg) #EDEDED top center repeat-x; text-align:center; }

#subheader_container { width:972px; height:73px; float:left; }
#breadcrumb_container { width:942px; height:27px; float:left; background:url(/images/interior/breadcrumb-bg.jpg) no-repeat; text-align:left; padding:11px 0 0 30px; }
#interior_content_container { width:972px; float:left; background:url(/images/interior/stretch.png) repeat-y; text-align:left; }
	#left_nav_container { width:260px; float:left; padding:0 0 200px 0; }
	#interior_content { width:670px; float:left; padding:20px 35px 150px 7px; }
		#recognition_content { width:433px; float:left; margin:0 0 0 20px; }
		.logo_row { float:left; width:648px; margin:0 0 10px 0; }
		.featured_work_row { width:670px; float:left; margin:5px 0 20px 0; }
			.featured_work_img { float:left; width:206px; }
			.featured_work_synopsis { float:left; width:454px; padding:70px 0 0 0; margin:0 0 0 10px; }
			.featured_work_copy { float:left; width:670px; margin:10px 0 0 0; }
			.featured_work_hr { float:left; padding: 0 0 15px 0; }
#interior_content_footer { width:972px; height:15px; float:left; background:url(/images/interior/stretch-footer.png) no-repeat; }
#interior_copyright { width:100%; height:95px; float:left; padding:10px 0 0 0; margin:0 auto; background:#000; }

/* CONTACT PAGE */

	.contact_row { float:left; margin:5px 0 0 0; }
	.contact_row_full { float:left; width:500px; margin:5px 0 0 0; }
		.row_right { float:left; margin:0 0 0 20px; }

/*===================================NAV========================================*/

#top_navigation { width: 584px; height: 44px; z-index: 1; float:left; }
#top_navigation a { display: block; }
#top_navigation li { float:left; }
#top_navigation li a { height:44px; }

#top_navigation .current a  { background-position:0% -88px; }
#top_navigation .current a:hover  { background-position:0% -88px; }

#home a { background: url(/images/top_nav/home.jpg) top left no-repeat; width:101px; }
#what_we_do a { background: url(/images/top_nav/what-we-do.jpg) top left no-repeat; width:120px; }
#our_work a { background: url(/images/top_nav/our-work.jpg) top left no-repeat; width:108px; }
#who_we_are a { background: url(/images/top_nav/who-we-are.jpg) top left no-repeat; width:122px; }
#contact_us a { background: url(/images/top_nav/contact.jpg) top left no-repeat; width:133px; }

#home a:hover, #what_we_do a:hover, #our_work a:hover, #who_we_are a:hover, #contact_us a:hover { background-position:0% -44px; }

/*===================================SUB NAV====================================*/

#subnavigation li { float:left; height:30px; }
#subnavigation li a { float:left; padding:0 10px; }

#subnavigation a:link { font-family:arial, verdana, helvetica; font-size:11px; color:#2e93ca; text-decoration:none; font-weight:bold; line-height:150%; }
#subnavigation a:visited { font-family:arial, verdana, helvetica; font-size:11px; color:#2e93ca; text-decoration:none; font-weight:bold; line-height:150%; }
#subnavigation a:hover { font-family:arial, verdana, helvetica; font-size:11px; color:#fff; text-decoration:none; font-weight:bold; line-height:150%; }

#subnavigation .current a  { font-family:arial, verdana, helvetica; font-size:11px; color:#fff; text-decoration:none; font-weight:bold; line-height:150%; }
#subnavigation .current a:hover  { font-family:arial, verdana, helvetica; font-size:11px; color:#fff; text-decoration:none; font-weight:bold; line-height:150%; }

.divider { width:1px; height:13px; float:left; background:url(/images/index/dotted-nav-divider.png) no-repeat; padding:0; }

/*===================================LEFT NAV===================================*/

#left_navigation { width: 260px; z-index: 1; float:left; padding:0 0 150px 0; }
#left_navigation a { display: block; }
#left_navigation li { float:left; }
#left_navigation li a { width:260px; float:left; }

#left_navigation .current a  { background-position:bottom; }
#left_navigation .current a:hover  { background-position:bottom; }

/* WHAT WE DO LEFT NAV */

#analytics_planning a { background:url(/images/left_nav/analytics-planning.jpg) no-repeat; height:54px; }
#assessments a { background:url(/images/left_nav/assessments.jpg) no-repeat; height:41px; }
#implementation_services a { background:url(/images/left_nav/implementation.jpg) no-repeat; height:41px; }
#content_analysis a { background:url(/images/left_nav/content-analysis.jpg) no-repeat; height:41px; }
#testing a { background:url(/images/left_nav/testing.jpg) no-repeat; height:41px; }
#campaign_analysis a { background:url(/images/left_nav/campaign-analysis.jpg) no-repeat; height:41px; }
#operations_analysis a { background:url(/images/left_nav/operations-analysis.jpg) no-repeat; height:41px; }
#training a { background:url(/images/left_nav/training.jpg) no-repeat; height:41px; }

#analytics_planning a:hover { background-position:0 -54px; }
#assessments a:hover { background-position:0 -41px; }
#implementation_services a:hover { background-position:0 -41px; }
#content_analysis a:hover { background-position:0 -41px; }
#testing a:hover { background-position:0 -41px; }
#campaign_analysis a:hover { background-position:0 -41px; }
#operations_analysis a:hover { background-position:0 -41px; }
#training a:hover { background-position:0 -41px; }

/* OUR WORK LEFT NAV */

#clients a { background:url(/images/left_nav/clients.jpg) no-repeat; height:54px; }
#featured_work a { background:url(/images/left_nav/featured-work.jpg) no-repeat; height:41px; }

#clients a:hover { background-position:0 -54px; }
#featured_work a:hover { background-position:0 -41px; }

/* WHO WE ARE LEFT NAV */

#about_us a { background:url(/images/left_nav/about-us.jpg) no-repeat; height:54px; }
#recognition a { background:url(/images/left_nav/recognition.jpg) no-repeat; height:41px; }

#about_us a:hover { background-position:0 -54px; }
#recognition a:hover { background-position:0 -41px; }

/* CONTACT US LEFT NAV */

#request_information a { background:url(/images/left_nav/request-info.jpg) no-repeat; height:54px; }
#career_opportunities a { background:url(/images/left_nav/career-opp.jpg) no-repeat; height:41px; }

#request_information a:hover { background-position:0 -54px; }
#career_opportunities a:hover { background-position:0 -41px; }


#contact_us_link_ul { width: 171px; z-index: 1; float:left; }
#contact_us_link_ul a { display: block; }
#contact_us_link_ul li { float:left; }
#contact_us_link_ul li a { width:171px; float:left; }

#contact_us_link a { background:url(/images/contact/email-sliding.jpg) no-repeat; height:20px; }
#contact_us_link a:hover { background-position:bottom; }

/*===================================TEXT=======================================*/

p { font-family:arial, verdana, helvetica; font-size:12px; color:#000; text-decoration:none; line-height:150%; font-weight:normal; }

.blue_14_b { font-family:arial, verdana, helvetica; font-size:14px; color:#4098C6; text-decoration:none; line-height:150%; font-weight:bold; }
.blue_12_b { font-family:arial, verdana, helvetica; font-size:12px; color:#4098C6; text-decoration:none; line-height:150%; font-weight:bold; }
.black_14 { font-family:arial, verdana, helvetica; font-size:14px; color:#000; text-decoration:none; line-height:150%; font-weight:normal; }
.black_13 { font-family:arial, verdana, helvetica; font-size:13px; color:#000; text-decoration:none; line-height:150%; font-weight:normal; }
.black_13_b { font-family:arial, verdana, helvetica; font-size:13px; color:#000; text-decoration:none; line-height:150%; font-weight:bold; }
.black_12 { font-family:arial, verdana, helvetica; font-size:12px; color:#000; text-decoration:none; line-height:150%; font-weight:normal; }
.black_12_125 { font-family:arial, verdana, helvetica; font-size:12px; color:#000; text-decoration:none; line-height:125%; font-weight:normal; }
.black_12_125_b { font-family:arial, verdana, helvetica; font-size:12px; color:#000; text-decoration:none; line-height:125%; font-weight:bold; }
.white_12 { font-family:arial, verdana, helvetica; font-size:12px; color:#fff; text-decoration:none; line-height:150%; font-weight:normal; }
.white_12_b { font-family:arial, verdana, helvetica; font-size:12px; color:#fff; text-decoration:none; line-height:150%; font-weight:bold; }

.breadcrumb { font-family:arial, verdana, helvetica; font-size:12px; color:#2e93ca; text-decoration:none; line-height:150%; font-weight:bold; }
.breadcrumb_text { font-family:arial, verdana, helvetica; font-size:12px; color:#4e4f4f; text-decoration:none; font-weight:bold; }

#interior_content p { font-family:arial, verdana, helvetica; font-size:12px; color:#000; text-decoration:none; line-height:150%; font-weight:normal; }
#interior_content .blue_bold { font-family:arial, verdana, helvetica; font-size:13px; color:#499BCA; text-decoration:none; line-height:150%; font-weight:bold; }

/*===================================LINKS======================================*/

a:link { font-family:arial, verdana, helvetica; font-size:12px; color:#000000; text-decoration:none; font-weight:bold; }
a:visited { font-family:arial, verdana, helvetica; font-size:12px; color:#000000; text-decoration:none; font-weight:bold; }
a:hover { font-family:arial, verdana, helvetica; font-size:12px; color:#000000; text-decoration:underline; font-weight:bold; }

a.white_12_link:link { font-family:arial, verdana, helvetica; font-size:12px; color:#fff; text-decoration:none; font-weight:bold; }
a.white_12_link:visited { font-family:arial, verdana, helvetica; font-size:12px; color:#fff; text-decoration:none; font-weight:bold; }
a.white_12_link:hover { font-family:arial, verdana, helvetica; font-size:12px; color:#fff; text-decoration:underline; font-weight:bold; }

a.blue_bold_link:link { font-family:arial, verdana, helvetica; font-size:13px; color:#499BCA; text-decoration:none; font-weight:bold; }
a.blue_bold_link:visited { font-family:arial, verdana, helvetica; font-size:13px; color:#499BCA; text-decoration:none; font-weight:bold; }
a.blue_bold_link:hover { font-family:arial, verdana, helvetica; font-size:13px; color:#499BCA; text-decoration:underline; font-weight:bold; }

a.breadcrumb_link:link { font-family:arial, verdana, helvetica; font-size:12px; color:#4e4f4f; text-decoration:none; font-weight:bold; }
a.breadcrumb_link:visited { font-family:arial, verdana, helvetica; font-size:12px; color:#4e4f4f; text-decoration:none; font-weight:bold; }
a.breadcrumb_link:hover { font-family:arial, verdana, helvetica; font-size:12px; color:#4e4f4f; text-decoration:underline; font-weight:bold; }

a.jumpto:link { font-family:arial, verdana, helvetica; font-size:13px; color:#499BCA; text-decoration:none; line-height:150%; font-weight:bold; }
a.jumpto:visited { font-family:arial, verdana, helvetica; font-size:13px; color:#499BCA; text-decoration:none; line-height:150%; font-weight:bold; }
a.jumpto:hover { font-family:arial, verdana, helvetica; font-size:13px; color:#499BCA; text-decoration:none; line-height:150%; font-weight:bold; }

a.services_li:link { font-family:arial, verdana, helvetica; font-size:14px; color:#000; text-decoration:none; line-height:150%; *line-height:290%; font-weight:bold; margin:0 0 10px 30px; *margin:-12px 0 10px 30px; width:250px; float:left; }
a.services_li:visited { font-family:arial, verdana, helvetica; font-size:14px; color:#000; text-decoration:none; line-height:150%; *line-height:290%; font-weight:bold; margin:0 0 10px 30px; *margin:-12px 0 10px 30px; width:250px; float:left; }
a.services_li:hover { font-family:arial, verdana, helvetica; font-size:14px; color:#000; text-decoration:underline; line-height:150%; *line-height:290%; font-weight:bold; margin:0 0 10px 30px; *margin:-12px 0 10px 30px; width:250px; float:left; }

/*===================================MARGINS====================================*/

.five_top { margin:5px 0 0 0; }
.ten_top { margin:10px 0 0 0; }
.eighteen_top { margin:18px 0 0 0; }
.twenty_top { margin:20px 0 0 0; }
.twenty_five_top { margin:25px 0 0 0; }
.breadcrumb_margin { margin:0 4px; }
.zip_margin { margin:0 0 0 -7px; }
.submit_margin { margin:20px 0 0 75px; }
.floating_pic { padding:0 20px 0px 0; float:left; }
.hyphen_padding { padding:3px 5px 5px 5px; *padding:5px; }
.time_zone_margin { margin:0 0 0 10px; }
.forrester_logo_margin { margin:5px 0 0 0; }
.logo_padding { padding:0 10px 0 0; }

/*===================================SPECIAL====================================*/

#services_list { float:left; padding:15px 0 0 60px; height:120px; }

.services_li { font-family:arial, verdana, helvetica; font-size:14px; color:#000; text-decoration:none; line-height:150%; *line-height:290%; font-weight:bold; margin:0 0 10px 30px; *margin:-12px 0 10px 30px; width:250px; float:left; }

.checkmark { float:left; background:url(/images/index/check-mark.png) no-repeat; }

hr { width:654px; height:3px; float:left; background:url(/images/includes/hr.jpg) no-repeat; margin:5px 0 15px 0; *margin:5px 0 -20px 0; border:none; }
label { font-family:arial, verdana, helvetica; font-size:12px; color:#000; text-decoration:none; line-height:150%; font-weight:bold; }
textarea { float:left; width:600px; height:102px; *height:104px; padding:8px 10px 20px 10px; *padding:6px 10px 20px 10px; font-family:arial, verdana, helvetica; font-size:12px; color:#000; text-decoration:none; line-height:150%; font-weight:normal; border:1px solid #D8D8D8; }
select { border:1px solid #D8D8D8; }
.blue_bold { font-family:arial, verdana, helvetica; font-size:13px; color:#499BCA; text-decoration:none; line-height:150%; font-weight:bold; }

input.medium { float:left; width:282px; height:15px; *height:20px; padding:4px 10px 4px 5px; *padding:2px 10px 2px 5px; font-family:arial, verdana, helvetica; font-size:12px; color:#000; text-decoration:none; line-height:150%; font-weight:normal; border:1px solid #D8D8D8; }
input.long { float:left; width:600px; height:15px; *height:20px; border:none; padding:4px 5px 4px 10px; *padding:2px 10px 2px 5px; font-family:arial, verdana, helvetica; font-size:12px; color:#000; text-decoration:none; line-height:150%; font-weight:normal; border:1px solid #D8D8D8; }
input.area_code { float:left; width:40px; height:15px; *height:20px; padding:4px 10px 4px 5px; *padding:2px 10px 2px 5px; font-family:arial, verdana, helvetica; font-size:12px; color:#000; text-decoration:none; line-height:150%; font-weight:normal; border:1px solid #D8D8D8; }
input.first_three { float:left; width:40px; height:15px; *height:20px; padding:4px 10px 4px 5px; *padding:2px 10px 2px 5px; font-family:arial, verdana, helvetica; font-size:12px; color:#000; text-decoration:none; line-height:150%; font-weight:normal; border:1px solid #D8D8D8; }
input.last_four { float:left; width:70px; height:15px; *height:20px; padding:4px 10px 4px 5px; *padding:2px 10px 2px 5px; font-family:arial, verdana, helvetica; font-size:12px; color:#000; text-decoration:none; line-height:150%; font-weight:normal; border:1px solid #D8D8D8; }

ul.interior { margin:-10px 0 0 0; }
ul.interior li { list-style-type:disc; font-family:arial, verdana, helvetica; font-size:12px; color:#000; text-decoration:none; line-height:150%; font-weight:normal; }
ul.interior li { margin:0 0 0 16px; }

ol.interior li { list-style-type:decimal; font-family:arial, verdana, helvetica; font-size:12px; color:#000; text-decoration:none; line-height:150%; font-weight:normal; }
ol.interior li { margin:0 0 0 40px; }

ul.recognition span { font-family:arial, verdana, helvetica; font-size:12px; color:#4E4F4F; text-decoration:none; line-height:150%; font-weight:normal; margin:0 0 10px 30px; *margin:0 0 10px 30px; float:left; width: 400px; }
ul.recognition li { float:left; background:url(/images/index/check-mark.png) no-repeat; padding:0 20px 0 0; }
ul.recognition { margin:10px 0 20px 0; *margin:10px 0 0 0; }
 
/*===================================FLOATS=====================================*/

.left { float:left; }
.right { float:right; }

/*=====================STICKY FOOTER============================================*/

html, body.interior, #wrap {height: 100%;}

body.interior > #wrap {height: auto; min-height: 100%;}

#content_container {padding-bottom: 105px;}  /* must be same height as the footer */

#interior_copyright {position: relative;
        margin-top: -105px; /* negative value of footer height */
        clear:both;}

/*===================================CLEAR FIX=====================================*/

.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 */


/*==================================INFINITE CAROUSEL==============================*/

#viewport{
	width: 870px; /* Defines the size of the visible part of the carousel
		Attention : if you only want to see plain items in the viewport,
		the width of the viewport should take into account of :
		- the items width
		- the right and left padding of items
		- the number of items you want to see in the viewport
	 */
	overflow:hidden; /* Hides extra elements, those outside the viewport area */
	/* Fix for IE */
	position:relative;
	margin:15px 0 0 20px; *margin:15px 0 0 -20px;
	float:left;
}
#viewport ul{
	position: relative; /* Enables positionning of elements inside viewport */
	padding: 0; /* Resets default - User Agent - style */
	margin: 0;
}
#viewport li{
	width: 164px; /* Defines the size of inner element */
	height: 63px;
	float: left; /* Places list items side by side*/
	list-style: none; /* Resets default - User Agent - style */
	
	/* Cosmetic */
	background-color: red;
	margin: 0 5px;
	padding: 0;
	text-align:center;
}

/* Cosmetic */
#simplePrevious, #simpleNext{
	cursor: pointer;
	font-size: 0.8em;
	text-decoration: underline;	
}

#simplePrevious_container { float:left; width:25px; height:25px; margin:34px -10px 0 20px; *margin:34px 30px 0 20px; }
#simpleNext_container { float:left; width:25px; height:25px; margin:-44px 0 0 935px; *margin:-43px 0 0 935px; }

#simplePrevious { width:25px; height:25px; float:left; background:url(/images/index/previous-btn.jpg) no-repeat; }
#simpleNext { width:25px; height:25px; float:left; background:url(/images/index/next-btn.jpg) no-repeat; }