/*
Title:      Spiral Static
Author:     hello [at] spiralstatic.com
Copyright:  2009 Spiral Static Limited.  All rights resevered (please don't re-use without permission).
*/


/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/*  							   MAIN                                 */

html, body 
{
   height: 100%;
}

p 
{
	margin: 0;
	padding: 0;
	line-height: 1.3em;
}

body 
{
	margin: 0;
    padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #666666;
	text-align: center;
	background: url(../images/gui/bg.gif) repeat;
	background-color: #333333;
}


#container
{
	
}

#content
{
	position: relative;
	margin: 0 auto;
	text-align: left;
	width: 843px;
	font-size: 95%;
}



/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/*  							   LINKS                                */

a 
{
	color: #ff0573;
	font-weight: bold;
	text-decoration: none;
}
	
a:hover
{
	color: #ff0573;
	font-weight: bold;
	text-decoration: underline;
}


a.readMore
{
	background: url(../images/gui/arrow.gif) no-repeat 0 50%; 
	padding: 3px 0 3px 10px;	
}

a.readMore:hover
{
	background: url(../images/gui/arrow.gif) no-repeat 1px 50%; 
}





/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/*  				   GENERIC PAGE ELEMENTS                            */

h1
{
	padding: 5px 10px;
	margin: 0;
	font-size: 145%;
	font-weight: normal;
	color: #333333;
}

h2
{
	position: relative;
	padding: 3px 5px;
	margin: 0 0 8px 0;
	font-size: 110%;
	font-weight: bold;
	color: #333333;
	background-color: #cccccc;
}

.hrThin
{
	height: 1px;
	background-color: #ff0573;
	margin: 11px 0;
	overflow: hidden;
}

.hr
{
	height: 22px;
	margin: 0 0 20px 0;
	background: url(../images/gui/hr.gif);
	border: 0;
	clear: both;
}




/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/*  					TOP HEADER / NAV                                */

#topHeader 
{
	height: 217px;
	background: url(../images/gui/topHeader.gif) repeat-x;
}

#header-flash-holder 
{
	display:block;
	margin: 0;
	padding: 0;
	height: 184px;
}

#header-flash 
{
	height: 184px;
}

#topHeader ul
{
	position: relative;
	display: block;
	padding: 0;
	margin: 2px 0 0 -407px;
	font-size: 70%;
}


#topHeader li
{
	display: inline;
	padding: 0;
	margin: 0;
}

#topHeader li a
{
	padding: 2px 9px 3px 9px;
	margin: 0 1px;
	font-size: 130%;
	font-weight: bold;
	color: #000;
	background-color: #b5125b;
	text-decoration: none;	
}

#topHeader li a:hover, #topHeader li a.active
{
	text-decoration: none;
	background-color: #ff0573;
}

#logo
{
	
}



/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/*  				MAIN SECTION PANELS                                 */

#latestNews, #portfolioDetail, .portfolio
{
	margin-top: 18px;
	padding: 27px 27px 7px 27px;
	background-color: #3f3d42;
}


/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/*  							   INTRO BOX                            */

#introBoxBorder
{
	background-color: #3f3d42;
	padding: 21px;
	margin-top: 15px;
}

#introBox
{
	background-color: #ebeff2;
	border: 6px solid #fff;
}

#introBox h1
{
	position: relative;
	background: url(../images/gui/headerBlue.jpg) no-repeat;
}

#introCopy
{
	float: left;
	padding: 14px;
	width: 404px;
	background-color: #ebeff2;
}

#introButtonsContainer
{
	float: right;
	position: relative;
	background-color: #ebeff2;
	width: 351px;
}

#introButtons
{
	width: 351px;
	height: 156px;
	display: block;
}

#introButtons ul
{
	margin: 0;
	padding: 3px 0;
	background-color: #333236;
}

#introButtons ul li
{
	list-style: none;
	padding: 3px 5px;
	margin: 0;
}

#introButtons ul a
{
	padding: 9px;
	margin: 0;
	font-size: 130%;
	font-weight: bold;
	color: #CCC;
	background: url(../images/gui/buttonBgUp.gif) repeat-x;
	background-color: #4c4a50;
	border: 3px solid black;
	text-decoration: none;
	display: block;
}

#introButtons ul a:hover
{
	background: url(../images/gui/buttonBgOver.gif) repeat-x;
	background-color: #971750;
	border: 3px solid #fe0573;
	text-decoration: none;
	color: #000;
}

#introButtons ul li .arrow
{
	font-size: 105%;
	color: #57ddfe
}

.clear
{
	clear: both;
}



/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/*  							   NEWS                                 */


#latestNews h1
{
	background: url(../images/gui/headerGreen.jpg) no-repeat;
	margin-bottom: 20px;
}



.newsItemRight .newsItemImageCol
{
	float: left;
	width: 429px;
}

.newsItemRight .newsItemBox
{
	position: relative;
	background-color: #ebeff2;
	border: 6px solid #ffffff;
	padding: 14px;
	margin-left: 450px;
}



.newsItemLeft .newsItemImageCol
{
	float: right;
	width: 429px;
}

.newsItemLeft .newsItemBox
{
	background-color: #ebeff2;
	border: 6px solid #ffffff;
	padding: 14px;
	width: 299px;
}




.newsItemFullWidth .newsItemBox
{
	position: relative;
	background-color: #ebeff2;
	border: 6px solid #ffffff;
	padding: 14px;
}

.newsItemFullWidth .newsItemBox .copyLeft
{
	position: relative;
	float: left;
	width: 362px;
}

.copyRight
{
	margin-left: 392px;
}



.newsItemImageCol img
{
	border: 6px solid #ffffff;
	margin-bottom: 17px;
}

.newsItemLeft p.date, .newsItemRight p.date, .newsItemFullWidth p.date
{
	font-size: 80%;
	color: #999;
	background: url(../images/gui/clock.gif) no-repeat 0 50%; 
	padding: 0 0 0 13px;
}

.speechRight
{
	position: relative;
	background: url(../images/gui/newsSpeechRight.gif) no-repeat;
	width: 22px;
	height: 22px;
	margin-left: 550px;
	padding-bottom: 17px;
}

.speechLeft
{
	position: relative;
	background: url(../images/gui/newsSpeechLeft.gif) no-repeat;
	width: 22px;
	height: 22px;
	margin-left: 200px;
	padding-bottom: 17px;
}



/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/*  				PORTFOLIO - NAV                                     */

#portfolioNavBorder
{
	margin: 10px 21px;
	background-color: #fff;
	padding: 6px;
}

#portfolioNav
{
	background-color: #57ddfe;
	height: 31px; /* remove this to make the nav grow when text size changes, but this fixes Firefox spacing and IE6 issue */
	overflow: hidden;
}


#portfolioNav ul
{
	float: right;
	margin: 0;
	padding: 6px 3px;
}

#portfolioNav li
{
	display: inline;
	padding: 0;
	margin: 0;
}

#portfolioNav li a
{
	padding: 3px 6px;
	margin: 0;
	font-size: 130%;
	line-height: 1.15em;
	font-weight: bold;
	color: #333333;
	background-color: #abeeff;
	text-decoration: none;	
}

#portfolioNav li a:hover
{
	text-decoration: none;
	background-color: #fff;
}

#portfolioNav p
{
	margin: 7px 0 8px 4px;
	display: block;
	position: relative;
}

#portfolioNav p a
{
	padding: 2px 5px 3px 5px;
	margin: 0;
	font-size: 130%;
	font-weight: bold;
	color: #333333;
	background-color: #abeeff;
	text-decoration: none;	
}

#portfolioNav p a:hover
{
	text-decoration: none;
	background-color: #fff;
}


/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/*  				PORTFOLIO - CONTENT                                 */

#websites h1, #games h1, #branding h1, #advertising h1, #other h1{margin-bottom: 20px; clear:both; position: relative;}

#websites h1 {background: url(../images/gui/headerGreen.jpg) no-repeat;}
#games h1 {background: url(../images/gui/headerOrange.jpg) no-repeat;}
#branding h1 {background: url(../images/gui/headerYellow.jpg) no-repeat;}
#advertising h1 {background: url(../images/gui/headerBlue.jpg) no-repeat;}
#other h1 {background: url(../images/gui/headerPurple.jpg) no-repeat;}

#websites .portfolioItemContent:hover {border: 6px solid #c8ff44;}
#games .portfolioItemContent:hover {border: 6px solid #ffb644;}
#branding .portfolioItemContent:hover {border: 6px solid #fff845;}
#advertising .portfolioItemContent:hover {border: 6px solid #57ddfe;}
#other .portfolioItemContent:hover {border: 6px solid #a945ff;}


.portfolioItemList
{
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.portfolioItemList li
{
	float: left;
	list-style: none;
	display: inline;
	margin: 0 18px 0 0;
	padding: 0 0 20px 0;
}

/* IE6 Only */
* html .portfolioItemList li
{
	padding: 0; /* fixes the double spacing issue underneath the project items */
}

.portfolioItemList li.last
{
	margin-right: 0;	
}

.portfolioItemContent 
{
	width: 239px;
	background-color: #fff;
	border: 6px solid #fff;
}


.portfolioThumb
{
	width: 239px;
	height:  179px;
	padding: 0;
	margin: 0;
	display: block;
	border: 0;
}

.portfolioItemInfo
{
	background-color: #ebeff2;
	padding: 9px;
	margin-top: 6px;
}


.portfolioItemInfo p.client
{
	font-size: 90%;
	color: #999;
	margin: 6px 0 1px 0;
}

.portfolioItemInfo p.technology
{
	font-size: 90%;
	color: #999;
}

.portfolioItemInfo p.date
{
	font-size: 80%;
	color: #999;
	background: url(../images/gui/clock.gif) no-repeat 0 50%; 
	padding: 0 0 0 13px;
}


/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/*  					 PORTFOLIO DETAIL                               */

#portfolioDetailPanel
{
	background-color: #ffffff;
	border: 6px solid #ffffff;
	width: 239px;
}

.portfolioDetailPanelSpace
{
	height: 20px;
	overflow: hidden;
}

#portfolioDetailImageCol
{
	float: right;
	width: 517px;
}

.portfolioDetailImage 
{
	width: 505px;
	padding: 6px;
	margin: 0 0 20px 0;
	background-color: #fff;
}


.portfolioDetailImage img 
{
	display: block;
}

.portfolioDetailImage .caption 
{
	background: url(../images/gui/bullet.gif) no-repeat 0 10px; 
	padding: 3px 0 3px 8px;
	margin: 3px 5px 0 5px;
	line-height: 1.4em;
}



/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/*  							   CV     	                            */

#cvDetail
{
	float: right;
	margin-bottom: 20px;
	width: 469px;
	border: 6px solid #fff;
	background-color: #fff;
	padding: 14px;
	color: #333;
}

#cvDetail h2
{
	padding: 5px;
	margin: 20px 0;
}

#cvDetail h2.name
{
	margin: 0;
	padding: 0 5px 5px 5px;
	text-align: right;
	background-color: #fff;
	font-size: 190%;
}

#cvDetail h3
{
	font-weight: normal;
	text-align: right;
	padding: 0;
	margin: 0;
	line-height: 1.5em;
	font-size: 100%;
}

#cvDetail ul
{
	margin: 0 0 0 20px;
	padding: 0;
	line-height: 1.3em;
}

#cvDetail ul li
{
	margin: 0 0 4px 0;	
}

.cvPanelLeft
{
	float: left;
	width: 140px;
}

.cvPanelRight
{
	margin-left: 140px;
}

#cvDetail .hrThin
{
	clear: both;	
}

#cv-skill-matrix
{  
	width: 439px;
	margin: 0 15px;
	padding: 0;
	border-collapse: collapse;
}

#cv-skill-matrix th 
{  
	text-align: left;
}

#cv-skill-matrix th, td
{  
	margin: 0;
	padding: 2px;
	border: 1px solid #999;
}


/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/*  							   WHAT WE DO                           */

#whatWeDoBorder
{
	background-color: #3f3d42;
	padding: 21px;
	margin-top: 15px;
}

#whatWeDo
{
	background-color: #fff;
	border: 6px solid #fff;
}

#whatWeDo h1
{
	position: relative;
	background: url(../images/gui/headerBlue.jpg) no-repeat;
}

#whatWeDo h2
{
	position: relative;
}

#whatWeDo .contentHolder
{
	padding: 14px;
}

#whatWeDo .contentHolder .copyLeft
{
	position: relative;
	float: left;
	width: 362px;
}

#whatWeDo .contentHolder .copyRight
{
	margin-left: 392px;
	position: relative;
}

#whatWeDo #runner
{
	clear: both;
	margin: 20px 0 0 0;
	width: 761px;
	height: 146px;
}



/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/*  							   SERVICES                             */

#servicesBorder
{
	background-color: #3f3d42;
	padding: 21px;
	margin-top: 15px;
}

#services
{
	background-color: #fff;
	border: 6px solid #fff;
}

#services .contentHolder
{
	padding: 0 14px 14px 14px;
}

#services h1
{
	position: relative;
	background: url(../images/gui/headerGreen.jpg) no-repeat;
}

#servicesHolder
{
	overflow: hidden;
	margin: 20px 0 0 0;
	background: url(../images/gui/servicesBg.gif) repeat-y; 
}

/* IE6 Only */
* html #servicesHolder {padding-bottom: 10px;} 


.servicesBoxWebsites, .servicesBoxGames, .servicesBoxBranding, .servicesBoxMultimedia 
{
	float: left;
	width: 175px;
	padding: 0 0 8px 0;
	margin: 0 0 10px 0;
	background-color: #fff;
}

.servicesBoxGames, .servicesBoxBranding
{
	margin-left: 20px;
}

.servicesBoxMultimedia 
{
	margin-left: 21px;
}

.servicesBoxList
{
	padding: 0;
	margin: 0;
	list-style: none;
}

.servicesBoxList li
{
	padding: 0 0 0 8px;
	margin: 3px 0;
	background: url(../images/gui/bullet.gif) no-repeat 0 6px; 
}



/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/*  							   PROCESS	                            */

#processBorder
{
	background-color: #3f3d42;
	padding: 21px;
	margin-top: 15px;
}

#process
{
	background-color: #fff;
	border: 6px solid #fff;
}

#process .contentHolder
{
	padding: 0 14px 14px 14px;
}

#process h1
{
	position: relative;
	background: url(../images/gui/headerYellow.jpg) no-repeat;
}

#process h3
{
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 160%;
	font-weight: bold;
	color: #3f3d42;
}

#processFirst, #processSecond, #processThird
{
	padding-top: 24px;
	padding-bottom: 10px;
	text-align: right;
	border-bottom: 1px solid #ff0573;
}

#processFirst {background: url(../images/gui/first.gif) no-repeat bottom left;}
#processSecond {background: url(../images/gui/second.gif) no-repeat bottom left;}
#processThird {background: url(../images/gui/third.gif) no-repeat bottom left;}



/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/*  							   ABOUT US	                            */

#aboutUsBorder
{
	background-color: #3f3d42;
	padding: 21px;
	margin-top: 15px;
}

#aboutUs
{
	background-color: #fff;
	border: 6px solid #fff;
}

#aboutUs .contentHolder
{
	padding: 14px;
}

#aboutUs h1
{
	position: relative;
	background: url(../images/gui/headerBlue.jpg) no-repeat;
}

#aboutUs .contentHolder .copyLeft
{
	position: relative;
	float: left;
	width: 362px;
}

#aboutUs .contentHolder .copyRight
{
	position: relative;
	margin-left: 380px;
	padding: 6px;
	background-color: #edeff0;
}

.cvContent
{
	padding: 6px 14px 14px 14px;
}

.cvContent ul
{
	margin: 20px 0 0 5px;
	padding: 0;
	
}

.cvContent ul li
{
	list-style: none;
	padding: 22px 0 0 50px;
	margin: 0;
	height: 40px;
}

.cvContent ul li.cvOnline {background: url(../images/gui/cvOnline.jpg) no-repeat; padding: 22px 0 0 60px;}
.cvContent ul li.cvAdobe {background: url(../images/gui/cvAdobe.jpg) no-repeat;}
.cvContent ul li.cvWord {background: url(../images/gui/cvWord.jpg) no-repeat;}
.cvContent ul li.linkedInP {padding: 22px 0 0 0;}
.cvContent ul li.linkedIn {background: url(../images/gui/linkedIn.jpg) no-repeat; padding: 22px 0 0 130px;}

.cvContent a
{
	color: #fff;
}

.cvContent a:hover
{
	color: #fff;
}



/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/*  							   CLIENTS	                            */

#clientsBorder
{
	background-color: #3f3d42;
	padding: 21px;
	margin-top: 15px;
}

#clients
{
	background-color: #edeff0;
	border: 6px solid #fff;
}

#clients .contentHolder
{
	padding: 14px;
}

#clients h1
{
	position: relative;
	background: url(../images/gui/headerOrange.jpg) no-repeat;
}

#clientList 
{ 
	margin: 0;
	padding: 0;
	list-style: none;
}

#clientList li.end
{
	margin-right: 0
}

#clientList li.bottom 
{
	margin-bottom: 0
}

#clientList li 
{
	float: left; 
	margin: 0 7px 7px 0; 
	padding: 0;
	width: 185px; 
	height: 68px; 
	list-style: none;
}

#clientList li img 
{
	display: block; 
	margin: 0;
	padding: 0;
	border: 1px solid #cecece;
}

#clientList li img:hover
{
	border: 1px solid #666;
}


/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/*  							   CONTACT	                            */

#contactBorder
{
	background-color: #3f3d42;
	padding: 21px;
	margin-top: 15px;
}

#contact
{
	background-color: #fff;
	border: 6px solid #fff;
}

#contact .contentHolder
{
	padding: 14px;
}

#contact h1
{
	position: relative;
	background: url(../images/gui/headerBlue.jpg) no-repeat;
}

#contact .contentHolder .copyLeft
{
	position: relative;
	float: left;
	width: 362px;
}

#contact .contentHolder .copyRight
{
	position: relative;
	margin-left: 380px;
	padding: 6px;
	background-color: #edeff0;
}

#contact .email, #contact .phone
{
	font-size: 120%;
	padding: 10px 0 10px 100px;
	margin: 0;
}

#contact .email {background: url(../images/gui/envelope.jpg) no-repeat 40px 50%;}
#contact .phone {background: url(../images/gui/phone.jpg) no-repeat 40px 50%;}


#contact .contactMethodEm
{
	font-weight: bold;
}




/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/*  						   CONTACT FORM	                            */

#contactFormHolder
{
	padding: 6px 14px 14px 14px;
	overflow: hidden;
	width: 92%;
}

/* IE6 Only */
* html #contactFormHolder
{
	width: 90%;
}

#contactForm
{
	margin: 0;
	padding: 0;
}

#contactForm p
{
	font-weight: bold;
}

.textField
{
	width: 250px;
	padding: 4px;
	margin-bottom: 10px;
}

.textBox
{
	width: 98%;
	margin: 0 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}


.submitButton
{
	border: 1px solid #cf065e;
	color: #fff;
	background-color: #ff0573;
	padding: 3px 5px;
	margin: 0;
}

.submitP
{
	margin-left: 282px;
}

.submitButton:hover
{
	background-color: #cf065e;
}

#contactForm p.obligate
{
	font-weight: normal;
	font-size: 80%;
	display: inline;
	float: left;
}


/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/*  							   FIND US	                            */

#findUsBorder
{
	background-color: #3f3d42;
	padding: 21px;
	margin-top: 15px;
}

#findUs
{
	background-color: #fff;
	border: 6px solid #fff;
}

#findUs .contentHolder
{
	position: relative;
	padding: 14px;
}

#findUs h1
{
	position: relative;
	background: url(../images/gui/headerGreen.jpg) no-repeat;
}

#findUsList .twitter, #findUs .facebook, #findUs .blog, #findUs .linkedIn
{
	padding: 15px 0 15px 145px;
	margin: 0;
}

#findUsList .twitter {background: url(../images/gui/twitter.jpg) no-repeat 0 50%;}
#findUsList .facebook {background: url(../images/gui/facebook.jpg) no-repeat 0 50%;}
#findUsList .blog {background: url(../images/gui/blog.jpg) no-repeat 0 50%;}
#findUsList .linkedIn {background: url(../images/gui/linkedIn.jpg) no-repeat 0 50%;}

#findUsList 
{ 
	margin: 0;
	padding: 0;
	list-style: none;
}

#findUsList li.end
{
	margin-right: 0
}

#findUsList li.bottom 
{
	margin-bottom: 0
}

#findUsList li 
{
	float: left; 
	margin: 16px 14px 7px 0; 
	padding: 0;
	width: 370px; 
	height: 48px; 
	list-style: none;
}


/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/*  							   THANK YOU / ERROR                    */

#thankYouPage, #errorPage
{
	background: url(../images/gui/bgDark.jpg) repeat-x;
	background-color: #202d2f;
}

#thankYouPage #content, #errorPage #content
{
	position: relative;
	margin: 0 auto;
	text-align: left;
	width: 433px;
}

#thankYou, #error
{
	margin-top: 50px;
	height: 432px;
	width: 433px;
	background: url(../images/gui/logoBig.jpg) no-repeat;
	background-color: #fff;
}

#thankYouContent, #errorContent
{
	text-align: center;
	padding:  0 20px 20px 20px;
	margin: 0;
	width: 393px;
	background: url(../images/gui/logoBigBottom.jpg) no-repeat bottom;
	background-color: #fff;
}

#thankYouContent h3
{
	margin: 0 0 20px 0;
	padding: 0;
	line-height: 1.5em;
	color: #2d2d2d;
}

#errorContent h3
{
	margin: 0 0 20px 0;
	padding: 0;
	line-height: 1.5em;
	font-size: 150%;
	color: #2d2d2d;
}

#thankYouContent p, #errorContent p
{
	padding: 0;
	font-size: 130%;
}



/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/*  							   FOOTER                               */

#footerShadow
{
	margin-top: 15px;
	height: 5px;
	background: url(../images/gui/footerShadow.png) repeat-x;
}

/* IE6 Only */
* html #footerShadow{
	background-image: none;
}

#footerStrip
{
	height: 9px;
	overflow: hidden;
	background-color: #ff0573;
}

#footerContainer
{
	padding: 11px 0 100px 0;
	background: url(../images/gui/footerLowerShadow.gif) repeat-x;
	background-color: #29282b;
}

#footerContent
{
	position: relative;
	margin: 0 auto;
	width: 812px;
}


ul.footerContact
{
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	list-style: none;
	text-align: left;
	font-size: 80%;
	color: #999999;
}

ul.footerContact li
{
	background: url(../images/gui/bullet.gif) no-repeat 0 50%; 
	padding: 3px 0 3px 8px;
}

ul.footerContact li .highlight
{
	font-size: 105%;
	font-weight: bold;
}


#footerNav 
{
	padding: 0;
	margin-right: 200px;
	margin-left: 200px;
	font-weight: bold;
	color: #999999;
	font-size: 85%;
}

#footerNav a 
{
	color: #999999;
	text-decoration: none;
	padding: 2px 3px;
}
	
#footerNav a:hover, #footerNav a.active 
{
	color: #ff0573;
	text-decoration: none;
	padding: 2px 3px;
}


#footerCopyright
{
	position: absolute;
	top: 0;
	right: 0;
	width: 150px;
	font-size: 80%;
	text-align: right;
}