/* ======================================================================
 * File:		main.css
 * Project:		Shiny Ideas website
 * Purpose:		Main stylesheet
 * 
 * Copyright (c) 2009-2010 Shiny Ideas - www.shinyideas.co.uk
 * ====================================================================== */


/* ========== ( General ) ========== */

* {
  padding:					0;
  margin:					0;	
}

body {
	font-family: 			Verdana,Helvetica,Arial,sans-serif;
	font-size: 				16px;
	text-align: 			center;
	padding:				0;
	margin:					0;
}

a, a:link {
	text-decoration: 		underline;
	color:			 		#004d85;
}

a:visited {
	text-decoration:		underline;
	color:					#001751;
}

a:hover {
	text-decoration: 		underline;
	color:			 		#e46500;
}

a img {
	border:		 			0;	
}

.clear {
	clear:					both;
}

p {
	text-align:				justify;
}


/* ========== ( Header ) ========== */

#shinyLogo {
	background: 			#ffffff url('../images/shinyIdeas.png') left top no-repeat;
	height:					0px;
	width:					256px;
	padding:				90px 0 0 0;
	overflow:				hidden;
}

#weBuildThem {
	background: 			#ffffff url('../images/weBuildThem.png') left top no-repeat;
	height:					0px;
	width:					256px;
	padding:				22px 0 0 0;
	overflow:				hidden;
}


/* ========== ( Menu ) ========== */

#menu {
	position:				absolute;
	top:					39px;
	left:					260px;
	width:					759px;	/* TODO: menu sticking out on right of page? */
	height:					59px;
	background:				transparent url('../images/menuBackground.png') top center no-repeat;
	z-index:				100;
}

#menu ul {
	list-style:				none;
	margin:					0;
	padding:				0;
	border:					0;
}

#menuList {
	position:				relative;
	left:					62px;
}

#menuList li {
	display:				block;
	float:					left;
	margin:					0;
	padding:				0;
	border:					0;
	height: 				59px;
	overflow: 				hidden;
}

#menuList a {
	width:					100%;
	display:				block;
	height:					59px;
	text-decoration:		none;
}

.menuLink {
	text-indent:			-4321px;	/* vile hack for accessibility */
}

#menuHome {
	width:					99px;
	height:					59px;
	background:				transparent url('../images/menuHome.png') left top no-repeat;
}

#menuHome:hover {
	background:				transparent url('../images/menuHome.png') bottom left no-repeat;
}

#menuHomeCurrent {
	width:					99px;
	height:					59px;
	background:				transparent url('../images/menuHomeCurrent.png') left top no-repeat;
}

#menuServices {
	width:					122px;
	height:					59px;
	background:				transparent url('../images/menuServices.png') left top no-repeat;
}

#menuServices:hover {
	background:				transparent url('../images/menuServices.png') bottom left no-repeat;
}

#menuServicesCurrent {
	width:					122px;
	height:					59px;
	background:				transparent url('../images/menuServicesCurrent.png') left top no-repeat;
}

#menuPortfolio {
	width:					140px;
	height:					59px;
	background:				transparent url('../images/menuPortfolio.png') left top no-repeat;
}

#menuPortfolio:hover {
	background:				transparent url('../images/menuPortfolio.png') bottom left no-repeat;
}

#menuPortfolioCurrent {
	width:					140px;
	height:					59px;
	background:				transparent url('../images/menuPortfolioCurrent.png') left top no-repeat;
}

#menuAbout {
	width:					128px;
	height:					59px;
	background:				transparent url('../images/menuAbout.png') left top no-repeat;
}

#menuAbout:hover {
	background:				transparent url('../images/menuAbout.png') bottom left no-repeat;
}

#menuAboutCurrent {
	width:					128px;
	height:					59px;
	background:				transparent url('../images/menuAboutCurrent.png') left top no-repeat;
}

#menuContact {
	width:					150px;
	height:					59px;
	background:				transparent url('../images/menuContact.png') left top no-repeat;
}

#menuContact:hover {
	background:				transparent url('../images/menuContact.png') bottom left no-repeat;
}

#menuContactCurrent {
	width:					150px;
	height:					59px;
	background:				transparent url('../images/menuContactCurrent.png') left top no-repeat;
}


/* ========== ( Shinyverse ) ========== */

#shinyverse {
	float:					left;
	width:					361px;
	position:				absolute;
	top:					-45px;
	right:					0px;
}

#shinyverseTitle {
	float:					left;
	height:					29px;
	left:					26px;
	position:				relative;
	top:					30px;
	width:					165px;
}

#shinyverseRSS {
	float:					right;
	height:					42px;
	position:				relative;
	right:					22px;
	top:					22px;
	width:					43px;
}

#shinyverseWrapper {
	background:				transparent url(../images/shinyverseWrapperBackground.png) left top repeat-y;
	margin:					0;
	padding:				0 20px 0 20px;
	width:					321px;
}

#shinyverseContent {
	background:				transparent url(../images/shinyverseMiddle.png) left top no-repeat;
	width:					321px;
}

.shinyverseItem {
	font-size:				0.875em;
	padding:				10px 10px 10px 10px;
	text-align:				left;
}

.shinyverseItem .title {
	font-size:				1.1em;
}

.shinyverseItem .timestamp {
	color:					#898989;
	font-size:				0.9em;
}

.shinyverseItem .feedSource {
	font-size:				0.9em;
	line-height:			1.5em;
}

.shinyverseItem .feedComment {
	float:					right;
	font-size:				0.9em;
	text-align:				right;
	width:					100px;
}

.shinyverseItem .feedText {
	padding:				5px 0 0 0;
	line-height:			1.2em;
}

.speechBubble {
	float:					left;
	margin:					2px 3px 0 0;
}

#socialNetworking {
	left:					30px;
	position:				relative;
	top:					-25px;
}

.last {
	padding:				0 0 30px 0;
}

.socialIcon {
	float:					left;
	height:					33px;
	margin:					0 3px 0 0;
	padding:				0;
	width:					33px;
}


/* ========== ( Sidebar ) ========== */

#sidebar {
	float:					left;
	width:					361px;
	position:				absolute;
	top:					-45px;
	right:					-10px;
}

#sidebarTop {
	width:					361px;
	height:					59px;
	background:				transparent url('../images/shinyverseTop.png') left top no-repeat;
}

#sidebarWrapper {
	width:					321px;
	background:				transparent url('../images/shinyverseWrapperBackground.png') left top repeat-y;
	margin:					0;
	padding:				0 20px 0 20px;
}

#sidebarContent {
	text-align:				left;
	width:					301px;
	min-height:				336px;
	background:				transparent url('../images/sidebarMiddle.png') left bottom no-repeat;
	padding:				10px;
	line-height:			1.3em;
}

#sidebar p {
	padding:				0 0 0.5em 0;
}

#sidebarBottom {
	width:					361px;	
	height:					35px;
	background:				transparent url('../images/shinyverseBottom.png') left top no-repeat;
}


/* ========== ( Footer ) ========== */

#footer {
	text-align:				center;
	background:				#5ea3cb url('../images/footerWrapperBackground.png') left top repeat-x;
	font-size:				0.8em;
	min-height:				5em;
}

#footer p {
  margin-bottom:    		0.5em;
}

#footerBackground {
	background:				transparent url('../images/footerBackground.png') top center no-repeat;
	width:					100%;
	min-height:				110px;
}

#footerContent {
	width:					970px;
	padding:				2.5em 5px 0 5px;
	margin:					0 auto 0 auto;
}

#footerLeft {
	text-align:				left;
	float:					left;
}

#footerRight {
	text-align:				right;
	float:					right;
}

#footer a:hover {
	color:					#ffffff;
}

.bold {
	font-weight:			bold;
	color:					#001751;
}


/* ========== ( Pages ) ========== */

/* Homepage */

#homepageHeaderStripe {
	background:				transparent url('../images/bodyBackground.png') left bottom repeat-x;
	width:					100%;
}

#homepageHeaderStripeBackground {
	background:				transparent url('../images/topWrapperBackground.png') center bottom no-repeat;
	width:					100%;
	height:					488px;
}

#homepageHeaderStripeContent {
	width:					980px;
	clear:					both;
	text-align:				left;
	padding:				0;
	margin:					0 auto 0 auto;
	position:				relative;
}

#homepageQuote {
	background: 			#ffffff url('../images/attractiveAndIntelligent.png') left top no-repeat;
	height:					0px;
	width:					730px;
	padding:				70px 0 0 0;
	overflow:				hidden;
	position:				absolute;
	bottom:					-108px;
	left:					210px;
}

#homepageServices {
	width:					600px;
	height:					227px;;
	background:				transparent url('../images/whatWeOffer.png') top right no-repeat;
	position:				absolute;
	top:					235px;
	right:					0px;
}

#homepageServices ul {
	list-style:				none;
	margin:					0;
	padding:				0;
	border:					0;	
	margin:					20px 208px 0 0;
}

#homepageServicesIcons li {
	display:				block;
	padding:				12px 65px 0 0;
	margin:					0;
	border:					0;
	height:					28px;
	text-align:				right;
	font-size:				0.8em;
	color:					#001751;
	text-transform: 		uppercase;
	text-align:				right;
	text-decoration:		none;
}

#homepageServicesIcons a {
	color:					#001751;
	text-decoration:		none;
}

#homepageServicesIcons a:hover {
	text-decoration:	underline;
}

#homepageServicesIcons h1 {
	font-size:				1em;
	font-weight:			normal;
	margin:					0;
	padding:				0;
}

#homepageServicesIdentity {
	background:				transparent url('../images/iconIdentity.png') top right no-repeat;
}

#homepageServicesDesign {
	background:				transparent url('../images/iconDesign.png') top right no-repeat;
}

#homepageServicesDev {
	background:				transparent url('../images/iconDev.png') top right no-repeat;
}

#homepageServicesBsns {
	background:				transparent url('../images/iconBsns.png') top right no-repeat;
}

#homepageServicesSocial {
	background:				transparent url('../images/iconSocial.png') top right no-repeat;
}

#whoAreWeWrapper {
	width:					980px;
	clear:					both;
	text-align:				left;
	padding:				30px 0 50px 0;
	position:				relative;
	margin:					0 auto 0 auto;
}

#whoAreWe {
	background:				transparent url('../images/whoAreWe.png') top right no-repeat;
	width:					195px;
	height:					0;
	padding:				54px 0 0 0;
	overflow:				hidden;
	position:				absolute;
	top:					-25px;
	left:					-20px;
}

.intro {
	width:					590px;
	padding:				10px 0 0 10px;
	line-height:			1.3em;
}

#featuredProjects {
	background:				transparent url('../images/featuredProjects.png') top right no-repeat;
	width:					230px;
	height:					0;
	padding:				54px 0 0 0;
	overflow:				hidden;
	position:				absolute;
	top:					-26px;
	left:					-5px;
}

#featuredProjectsContent {
	width:					980px;
	height:					250px;
	position:				relative;
	margin:					0 auto 0 auto;
	padding:				50px 0 0 0;
}

.portfolioItem {	
	width:					300px;
	margin:					0 10px 10px 10px;
	float:					left;
	font-size:				0.85em;
}

.portfolioThumb {
	width:					280px;
	height:					175px;
	border:					1px #012960 solid;
	padding:				9px;
	background:				#ffffff;			
}

.portfolioTitle {
	width:					300px;
	padding:				5px 0 0 0;
}

.clear {
	clear: 					both;
}


/* Subpages */

#greenStripe {
	background:				#ffffff url('../images/greenStripe.png') left bottom repeat-x;
	width:					100%;
	font-size:				0.8em;
	position:				relative;
}

#greenStripeMedium {
	background:				#ffffff url('../images/greenStripeMedium.png') left bottom repeat-x;
	width:					100%;
	font-size:				0.8em;
}

#greenStripeLong {
	background:				#ffffff url('../images/greenStripeLong.png') left bottom repeat-x;
	width:					100%;
	font-size:				0.8em;
}

#blueStripe {
	background:				#ffffff url('../images/bottomBackground.png') left bottom repeat-x;
	width:					100%;
	font-size:				0.8em;
}

#stripeContent {
	width:					940px;
	position:				relative;
	margin:					0 auto 0 auto;
	padding:				0 20px 0 20px;
}

#stripeContent a {
	color:					#598baf;
}


/* Subpage Header */

#subpageHeaderStripe {
	background: 			#ffffff url('../images/subpagesBackground.png') left top repeat-x;
	width:					100%;
	height:					276px;
}

#subpageHeaderStripeBackground {
	background:				transparent url('../images/topSubWrapper.png') top center no-repeat;
	width:					100%;
	height:					276px;
}

#subpageHeaderStripeContent {
	width:					980px;
	clear:					both;
	text-align:				left;
	padding:				0;
	margin:					0 auto 0 auto;
	position:				relative;
}


/* Services */

#servicesQuote {
	background: 			#ffffff url('../images/servicesBlurb.png') left top no-repeat;
	height:					0px;
	width:					980px;
	padding:				70px 0 0 0;
	overflow:				hidden;
	position:				absolute;
	top:					150px;
	left:					0px;
}

#servicesServices {
	width:					600px;
	clear:					both;
	text-align:				left;
	padding:				40px 0 0 0;
	margin:					0 380px 0 0;
	position:				relative;
}

#whatWeOffer {
	background:				transparent url('../images/whatWeOfferButton.png') top right no-repeat;
	width:					195px;
	height:					0;
	padding:				54px 0 0 0;
	overflow:				hidden;
	position:				absolute;
	top:					-26px;
	left:					-20px;
}

#servicesServices h2, #aboutUs h2, #servicesServices a {
	text-decoration:		none;
	font-family:			arial;
	color:					#001751;
	font-size:				1.1em;
	font-weight:			bold;
	text-transform:			uppercase;
	line-height:			40px;
}

#servicesServices p {
	padding:				10px 0 30px 0;
}

#servicesIdentity {
	background:				transparent url('../images/servicesIconIdentity.png') left top no-repeat;
	padding:				0 0 0 40px;					
}

#servicesDesign {
	background:				transparent url('../images/servicesIconDesign.png') top right no-repeat;
	padding:				0 40px 0 0;
	text-align:				right;
}

#servicesDev {
	background:				transparent url('../images/servicesIconDev.png') left top no-repeat;
	padding:				0 0 0 48px;
	position:				relative;
	left:					-8px;
}

#servicesBsns {
	background:				transparent url('../images/servicesIconBusiness.png') top right no-repeat;
	padding:				0 50px 0 0;
	text-align:				right;
	position:				relative;
	left:					10px;
}

#servicesSocial {
	background:				transparent url('../images/servicesIconSocial.png') 0px 5px no-repeat;
	padding:				0 0 0 45px;
	position:				relative;
	left:					-5px;
}

.servicesGraphicRight {
	margin:					0 0 8px 20px;
	float:					right;
	width:					250px;
	height:					100px;
	border:					1px #012960 solid;
	padding:				9px;
	background:				#ffffff;			
}

.servicesGraphicLeft {
	margin:					0 20px 8px 0;
	float:					left;
	width:					250px;
	height:					100px;
	border:					1px #012960 solid;
	padding:				9px;
	background:				#ffffff;			
}


/* Services - Technology Sidebar */

#servicesSidebarTitle {
	background:				transparent url('../images/technologyTitle.png') left top no-repeat;
	width:					126px;
	height:					0px;
	padding:				25px 0 0 0;
	overflow:				hidden;
	float:					left;
	position:				relative;
	top:					32px;
	left:					28px;
}

.technologyList {
	list-style:				none;
	line-height:			30px;
	padding:				0 0 1em 0;
	margin:					0 0 0 20px;
}

#techLinux {
	background:				transparent url('../images/iconTux-trans.png') 0px 0px no-repeat;
	padding:				0 0 0 40px;
}

#techApache {
	background:				transparent url('../images/iconApache-trans.png') 0px 2px no-repeat;
	padding:				0 0 0 40px;
}

#techMySQL {
	background:				transparent url('../images/iconMySQL-trans.png') 0px 1px no-repeat;
	padding:				0 0 0 40px;
}

#techPerl {
	background:				transparent url('../images/iconPerl-trans.png') 0px 2px no-repeat;
	padding:				0 0 0 40px;
}

#techCatalyst {
	background:				transparent url('../images/iconCatalyst-trans.png') 0px 2px no-repeat;
	padding:				0 0 0 40px;
}

#techTitanium {
	background:				transparent url('../images/iconTitanium-trans.png') 0px 3px no-repeat;
	padding:				0 0 0 40px;
}

#techTT {
	background:				transparent url('../images/iconTT-trans.png') 0px 8px no-repeat;
	padding:				0 0 0 40px;
}

#techDBIC {
	background:				transparent url('../images/iconDBI-trans.png') 0px 2px no-repeat;
	padding:				0 0 0 40px;
}


/* Portfolio */

#portfolioQuote {
	background: 			#ffffff url('../images/portfolioBlurb.png') left top no-repeat;
	height:					0px;
	width:					980px;
	padding:				70px 0 0 0;
	overflow:				hidden;
	position:				absolute;
	top:					150px;
	left:					0px;
}

#portfolio {
	width:					980px;
	clear:					both;
	text-align:				left;
	padding:				40px 0 0 0;
	position:				relative;
}

#sitesWeveMade {
	background:				transparent url('../images/sitesWeveMadeButton.png') top right no-repeat;
	width:					230px;
	height:					0;
	padding:				54px 0 0 0;
	overflow:				hidden;
	position:				absolute;
	top:					-27px;
	left:					-20px;
}

.portfolioPageItem {	
	width:					300px;
	height:					320px;
	overflow:				hidden;
	margin:					30px 20px 10px 0;
	float:					left;
}

.portfolioPageItem p {
	font-size:				0.9em;
	padding:				5px 0 0 0;
}

.portfolioPageTitle {
	padding:				0 0 3px 0;
	font-weight:			normal;
	font-size:				1.2em;
}

.portfolioPageSubtitle {
	padding:				0 0 5px 0;
	font-weight:			normal;
	font-size:				1em;
}

.readMore {
	float:					right;
}


/* Portfolio Detail */

#portfolioDetail p {
	padding:				0 0 15px 0;
}

#portfolioDetail {
	width:					980px;
	clear:					both;
	text-align:				left;
	padding:				40px 0 40px 0;
	position:				relative;
}

.portfolioDetailThumb {
	width:					280px;
	height:					175px;
	border:					1px #012960 solid;
	padding:				9px;
	background:				#ffffff;			
	float:					right;
	margin:					0 0 10px 20px;
}

.portfolioDetailImage {
	width:					600px;
	height:					375px;
	border:					1px #012960 solid;
	padding:				9px;
	background:				#ffffff;			
	float:					right;
	margin:					0 0 10px 20px;
}

.portfolioDetailTitle {
	font-family:			arial;
	padding:				0 0 5px 0;
	font-weight:			bold;
	font-size:				1.5em;
	color:					#012960;
}

.portfolioDetailSubtitle {	
	padding:				0 0 20px 0;
	font-weight:			normal;
	font-size:				1.1em;
}

#prevButton {
	height:					45px;
	width:					163px;
	background:				transparent url('../images/prevButton.png') left top no-repeat;
	float:					left;
	position:				relative;
	top:					-20px;
	left:					-20px;
	overflow:				hidden;
}

#nextButton {
	height:					45px;
	width:					131px;
	background:				transparent url('../images/nextButton.png') left top no-repeat;
	float:					right;
	position:				relative;
	top:					-20px;
	left:					65px;
	overflow:				hidden;
}

#portfolioButton {
	height:					45px;
	width:					125px;
	background:				transparent url('../images/portfolioButton.png') left top no-repeat;
	float:					left;
	position:				relative;
	top:					-20px;
	left:					268px;
	overflow:				hidden;
}


#prevButton a, #nextButton a, #portfolioButton a {
	display:				block;
	height:					45px;
	width:					100%;
	text-decoration:		none;
}

.buttonLink {
	text-indent:			-4321px;
}

#portfolioDetailPrev {
	width:					300px;
	float:					left;
	clear:					both;
	text-align:				left;
	padding:				0 0 20px 0;
}

#portfolioDetailNext {
	width:					300px;
	float:					right;
	text-align:				right;
	padding:				0 0 20px 0;
	position:				relative;
	left:					40px;
}

/* About Us */

#aboutQuote {
	background: 			#ffffff url('../images/aboutBlurb.png') left top no-repeat;
	height:					0px;
	width:					980px;
	padding:				70px 0 0 0;
	overflow:				hidden;
	position:				absolute;
	top:					150px;
	left:					0px;
}

#aboutUs {
	width:					980px;
	clear:					both;
	text-align:				left;
	padding:				40px 0 30px 0;
	position:				relative;
}

#aboutUs p {
	margin:					0 0 10px 0;
}

#whoWeAre {
	background:				transparent url('../images/whoWeAreButton.png') top right no-repeat;
	width:					171px;
	height:					0;
	padding:				54px 0 0 0;
	overflow:				hidden;
	position:				absolute;
	top:					-27px;
	left:					-20px;
}

#aboutPhoto {
	width:					360px;
	height:					511px;
	float:					left;
	position:				relative;
	top:					-86px;
}

#dennyBio {
	width:					290px;
	margin:					0 30px 0 0;
	float:					left;
}

#helenBio {
	width:					290px;
	margin:					0 10px 0 0;
	float:					left;
}


/* Contact Us */

#contactEmail {
	background: 			transparent	url('../images/contactEmail.png') left top no-repeat;
	height:					0px;
	width:					320px;
	padding:				60px 0 0 0;
	overflow:				hidden;
	position:				absolute;
	top:					135px;
	left:					10px;
}

#contactMobile {
	background: 			transparent url('../images/contactMobile.png') left top no-repeat;
	height:					0px;
	width:					320px;
	padding:				60px 0 0 0;
	overflow:				hidden;
	position:				absolute;
	top:					135px;
	right:					0px;
}

#contactUs {
	width:					600px;
	clear:					both;
	text-align:				left;
	padding:				40px 0 0 0;
	margin:					0 380px 0 0;
	position:				relative;
}

#getInTouch {
	background:				transparent url('../images/getInTouchButton.png') top right no-repeat;
	width:					178px;
	height:					0;
	padding:				54px 0 0 0;
	overflow:				hidden;
	position:				absolute;
	top:					-27px;
	left:					-20px;
}

#contactSidebarTitle {
	background:				transparent url('../images/contactSidebarTitle.png') left top no-repeat;
	width:					154px;
	height:					0px;
	padding:				25px 0 0 0;
	overflow:				hidden;
	float:					left;
	position:				relative;
	top:					32px;
	left:					28px;
}

#contactSidebarList {
	list-style:				none;
	padding:				0;
	margin:					0 0 0 10px;
}

#contactIdentity {
	background:				transparent url('../images/servicesIconIdentity.png') left top no-repeat;
	padding:				0 0 0 50px;		
	min-height:				40px;	
}

#contactDesign {
	background:				transparent url('../images/servicesIconDesign.png') left top no-repeat;
	padding:				0 0 0 50px;	
	min-height:				40px;
}

#contactDev {
	background:				transparent url('../images/servicesIconDev.png') left top no-repeat;
	padding:				0 0 0 55px;
	position:				relative;
	min-height:				40px;
	left:					-5px;
}

#contactBusiness {
	background:				transparent url('../images/servicesIconBusiness.png') left top no-repeat;
	padding:				0 0 0 56px;
	position:				relative;
	min-height:				40px;
	left:					-6px;
}

#contactSocial {
	background:				transparent url('../images/servicesIconSocial.png') 0px 5px no-repeat;
	padding:				0 0 0 50px;
	min-height:				40px;
}

#contactSidebarList li, #contactSidebarList a {	
	color:					#001751;
	font-size:				1em;
	font-weight:			normal;
	text-transform:			uppercase;
	line-height:			40px;
	text-decoration:		none;
}

#contactSidebarList a:hover {
	text-decoration:		underline;
}

#address {
	margin:					30px 0 0 30px;
}

#addressLeft {
	width:					70px;
	float:					left;
	margin:					0 0 0 30px;
}

#addressRight {
	float:					left;
}

.formLabel {
	display:				block;
	width:					150px;
	float:					left;
}

.formRow {
	min-height:					40px;
	width:					600px;
}

.formInput {
	height:					16px;
	width:					400px;
	border:					1px solid #00285f;
	padding:				2px;
}

#reasonGeneral {
	margin:					0 10px 0 0;
	padding:				0;
	position:				relative;
	top:					2px;	
}

#reasonQuote {
	margin:					0 10px 0 30px;
	padding:				0;
	position:				relative;
	top:					2px;
}

#formMessage {
	width:					400px;
	height:					200px;
	border:					1px solid #00285f;
	padding:				2px;
}

#formSend {
	float:					right;	
	margin:					15px 38px 0 0;
}

#IEwarning {
	font-size:				12px;
	z-index:				100;
	background:				#ffffe0 url('../images/info-icon-yellow.png') left top no-repeat;
	padding:				10px 10px 20px 85px;
	border-bottom:			1px solid #959595;
}

#IEwarning  ul {
	list-style:				none;
	padding:				0 0 5px 0;
}

#IEwarning  li {
	float:					left;
	padding:				0 30px 0 0;
}