/* CSS Document */
/***********************************************************************/
/* dirtyfork                                                           */
/***********************************************************************/



body
{
	background-color: #F0F0F0;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* force a vertical scroll in firefox (prevents page jumping) */
html 
{
	min-height: 100%;
	margin-bottom: 1px;
}

/***********************************************************************/
/* main container build                                                */
/***********************************************************************/

#container
{
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 800px;
}

#content
{
	float: left;
	margin: 0px;
	width: 704px;
	padding: 25px 48px 0px 48px;
	background-color: #FFFFFF;
	background: url(images/content_bg.jpg) top left repeat-y;
}

#bottomBorder
{
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 800px;
}

#bottom
{
	float: left;
	margin: 0px;
	width: 704px;
	height: 8px;
	font-size: 1px;
	padding: 0px 48px 0px 48px;
	background-color: #FFFFFF;
	background: url(images/footer_bottom.jpg) bottom left no-repeat;
}

/***********************************************************************/
/* top | includes print etc                                            */
/***********************************************************************/

#top
{
	float: left;
	width: 704px;
	padding: 0px;
	margin: 0px;
	border-bottom: solid 2px #DEDEDE;
}

#logo
{
	float: left;
	width: 352px;
	height: 70px;
	padding: 0px;
	margin: 0px;
}

#logo h1
{
	display: none;
}

#strapLine
{
	float: left;
	width: 352px;
	height: 70px;
	padding: 0px;
	margin: 0px;
	background: url(images/strapline2.gif) bottom right no-repeat;
}

#strapLine2
{
	float: left;
	width: 352px;
	height: 70px;
	padding: 0px;
	margin: 0px;
	background: url(images/strapline2.gif) bottom right no-repeat;
}

#strapLine h2, #strapLine2 h2
{
	display: none;
}


/***********************************************************************/
/* navigation                                                          */
/***********************************************************************/

#navigation
{
	float: left;
	width: 704px;
	height: 50px;
	margin: 0px;
	padding: 12px 0px 0px 0px;
	overflow: hidden;
	/*padding: 12px 0px 34px 0px;*/
}

#navigation ul
{
	list-style: none;
	display: block;
	width: 704px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#navigation li
{
	list-style: none;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
}


#navigation a
{
	float: left;
	padding: 2px 0px 2px 0px;
	margin: 0px;
	color: #FF8314;
	font-weight: normal;
	text-decoration: none;
	font-size: 10px;
	text-transform: uppercase;
}

#navigation a:hover
{
	color: #2D0054;
	text-decoration: none;
}

#navigation a.active, #navigation a.active:hover
{
	color: #2D0054;
	text-decoration: none;
}

#navigation a.selected, #navigation a.selected:hover
{
	color: #2D0054;
	text-decoration: none;
}

#navigation ul li span
{
	color: #878586;
	font-size: 10px;
	padding: 2px 6px 2px 6px;
	margin: 0px;
	display: block;
	float: left;
}

body#home #navigation #navHome,
body#about #navigation #navAbout,
body#services #navigation #navServices,
body#work #navigation #navWork,
body#clients #navigation #navClients,
body#team #navigation #navTeam,
body#contact #navigation #navContact
{
	color: #2D0054;
	text-decoration: none;
}

/***********************************************************************/
/* homePage set                                                        */
/***********************************************************************/

#mainContent
{
	float: left;
	padding: 0px 0px 30px 0px;
	margin: 0px;
	width: 704px;
}

#left370, .left370
{
	float: left;
	width: 350px;
	padding: 0px 20px 0px 0px;
	margin: 0px;
}

.half352
{
	float: left;
	width: 332px;
	padding: 0px 20px 0px 0px;
	margin: 0px;
}

.half352PaddRight
{
	float: left;
	width: 292px;
	padding: 0px 20px 0px 40px;
	margin: 0px;
}

.half352NoPad
{
	float: left;
	width: 352px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

.half166
{
	float: left;
	width: 166px;
	padding: 0px;
	margin: 0px;
}

#left370 h3, .half352 h3, .left370 h3
{
	display: none;
}

#right334, .right334
{
	float: left;
	width: 334px;
	padding: 0px;
	margin: 0px;
}

.holdTogether
{
	float: left;
	width: 704px;
	padding: 0px;
	margin: 0px;
}

/***********************************************************************/
/* traing sub set                                                      */
/***********************************************************************/

.trainingSubNav
{
	float: left;
	width: 165px;
	padding: 0px 10px 0px 0px;
	margin: 0px;
}

.trainingSubNav p
{
	font-size: 10px;
	line-height: 17px;
	color: #FF8314;
	font-weight: bold;
	padding: 0px 0px 18px 0px;
	margin: 0px;
	text-decoration: none;
	display: block;
}

.trainingSubNav p a
{
	font-size: 10px;
	line-height: 17px;
	color: #FF8314;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}

.trainingSubNav p a:hover
{
	font-size: 10px;
	line-height: 17px;
	color: #FF8314;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	text-decoration: underline;
}

.trainingSubNav2
{
	float: left;
	width: 350px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

.trainingSubNav2 p
{
	font-size: 10px;
	line-height: 17px;
	color: #FF8314;
	font-weight: bold;
	padding: 0px 0px 18px 0px;
	margin: 0px;
	text-decoration: none;
	display: block;
}

.trainingSubNav2 p a
{
	font-size: 10px;
	line-height: 17px;
	color: #FF8314;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}

.trainingSubNav2 p a:hover
{
	font-size: 10px;
	line-height: 17px;
	color: #FF8314;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	text-decoration: underline;
}

/* contact set */

#contactLeft
{
	float: left;
	width: 174px;
	padding: 0px;
	margin: 0px;
}

#contactLeft p, #contactBottom p, #contactRight p
{
	font-size: 10px;
	line-height: 14px;
	color: #2D0054;
	padding: 0px 0px 18px 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
	display: block;
}

#contactLeft p a, #contactBottom p a, #contactRight p a
{
	font-size: 10px;
	line-height: 14px;
	color: #2D0054;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
}

#contactLeft p a:hover, #contactBottom p a:hover, #contactRight p a:hover
{
	font-size: 10px;
	line-height: 14px;
	color: #2D0054;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: underline;
}

#contactRight
{
	float: left;
	width: 338px;
	padding: 0px 192px 0px 0px;
	margin: 0px;
	background: url(images/image_contact.jpg) top right no-repeat;
}

/***********************************************************************/
/* FORM STYLING                                                        */
/***********************************************************************/

.boxStyleLabel
{
	float: left;
	display: block;
	width: 338px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

.formTitles
{
	width: 118px;
	display: block;
	float: left;
	padding: 0px;
	margin: 3px 0px 0px 0px;
}

.formBoxWidth
{
	width: 215px;
	border: solid 1px #2D0054;
	float: left;
}

.submit
{
	float: left;
	border: 0px;
}

form
{
	margin: 0px;
	padding: 0px;
}

/* end */

#contactBottom
{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	width: 704px;
}

/***********************************************************************/
/* button set                                                          */
/***********************************************************************/

#buttonSet
{
	float: left;
	padding: 0px 0px 6px 0px;
	margin: 0px;
	width: 704px;
	height: 75px;
}

.buttonBox
{
	float: left;
	display: block;
	width: 229px;
	height: 75px;
	padding: 0px 8px 0px 0px;
	margin: 0px;
}

.buttonBoxLast
{
	float: left;
	display: block;
	width: 229px;
	height: 75px;
	padding: 0px;
	margin: 0px;
}

/* small sets */

.buttonBoxSmall
{
	float: left;
	display: block;
	width: 169px;
	height: 75px;
	padding: 0px 8px 0px 0px;
	margin: 0px;
}

.buttonBoxLastSmall
{
	float: left;
	display: block;
	width: 169px;
	height: 75px;
	padding: 0px;
	margin: 0px;
}

/* business dev */
#businessDevButtonSmall
{
	float: left;
	margin: 0px 0px 5px 0px;
	height: 75px;
	width: 169px;
	background: url(images/business_dev_small_button_up.jpg) top left no-repeat;
}

#businessDevButtonSmall a 
{		
	display: block;		
	height: 75px;
	width: 169px;
	text-indent: -99999px;
}
		 	
.businessDevButtonSmallInner
{
	float: left;
	margin: 0px;
	padding: 0px;
	height: 75px;
	width: 169px;
}

a.businessDevButtonSmallInner:hover
{
	background: url(images/business_dev_small_button_over.jpg) top left no-repeat;
}

a.businessDevButtonSmallInner:hover { border: none; }

/* events dev */
#eventsDevButtonSmall
{
	float: left;
	margin: 0px 0px 5px 0px;
	height: 75px;
	width: 169px;
	background: url(images/events_dev_small_button_up.jpg) top left no-repeat;
}

#eventsDevButtonSmall a 
{		
	display: block;		
	height: 75px;
	width: 169px;
	text-indent: -99999px;
}
		 	
.eventsDevButtonSmallInner
{
	float: left;
	margin: 0px;
	padding: 0px;
	height: 75px;
	width: 169px;
}

a.eventsDevButtonSmallInner:hover
{
	background: url(images/events_dev_small_button_over.jpg) top left no-repeat;
}

a.eventsDevButtonSmallInner:hover { border: none; }

/* training dev */
#trainingDevButtonSmall
{
	float: left;
	margin: 0px 0px 5px 0px;
	height: 75px;
	width: 169px;
	background: url(images/training_dev_small_button_up.jpg) top left no-repeat;
}

#trainingDevButtonSmall a 
{		
	display: block;		
	height: 75px;
	width: 169px;
	text-indent: -99999px;
}
		 	
.trainingDevButtonSmallInner
{
	float: left;
	margin: 0px;
	padding: 0px;
	height: 75px;
	width: 169px;
}

a.trainingDevButtonSmallInner:hover
{
	background: url(images/training_dev_small_button_over.jpg) top left no-repeat;
}

a.trainingDevButtonSmallInner:hover { border: none; }

/* market dev */
#marketDevButtonSmall
{
	float: left;
	margin: 0px 0px 5px 0px;
	height: 75px;
	width: 169px;
	background: url(images/market_dev_small_button_up.jpg) top left no-repeat;
}

#marketDevButtonSmall a 
{		
	display: block;		
	height: 75px;
	width: 169px;
	text-indent: -99999px;
}
		 	
.marketDevButtonSmallInner
{
	float: left;
	margin: 0px;
	padding: 0px;
	height: 75px;
	width: 169px;
}

a.marketDevButtonSmallInner:hover
{
	background: url(images/market_dev_small_button_over.jpg) top left no-repeat;
}

a.marketDevButtonSmallInner:hover { border: none; }

/* more link set, stops using the javascript dreamweaver stuff */
/* business dev */
#businessDevButton
{
	float: left;
	margin: 0px 0px 5px 0px;
	height: 75px;
	width: 229px;
	background: url(images/business_dev_button_up.jpg) top left no-repeat;
}

#businessDevButton a 
{		
	display: block;		
	height: 75px;
	width: 229px;
	text-indent: -99999px;
}
		 	
.businessDevButtonInner
{
	float: left;
	margin: 0px;
	padding: 0px;
	height: 75px;
	width: 229px;
}

a.businessDevButtonInner:hover
{
	background: url(images/business_dev_button_over.jpg) top left no-repeat;
}

a.businessDevButtonInner:hover { border: none; }

/* training */

#trainingDevButton
{
	float: left;
	margin: 0px 0px 5px 0px;
	height: 75px;
	width: 229px;
	background: url(images/training_button_up.jpg) top left no-repeat;
}

#trainingDevButton a 
{		
	display: block;		
	height: 75px;
	width: 229px;
	text-indent: -99999px;
}
		 	
.trainingDevButtonInner
{
	float: left;
	margin: 0px;
	padding: 0px;
	height: 75px;
	width: 229px;
}

a.trainingDevButtonInner:hover
{
	background: url(images/training_button_over.jpg) top left no-repeat;
}

a.trainingDevButtonInner:hover { border: none; }

/* uk market entry */

#marketDevButton
{
	float: left;
	margin: 0px 0px 5px 0px;
	height: 75px;
	width: 229px;
	background: url(images/market_button_up.jpg) top left no-repeat;
}

#marketDevButton a 
{		
	display: block;		
	height: 75px;
	width: 229px;
	text-indent: -99999px;
}
		 	
.marketDevButtonInner
{
	float: left;
	margin: 0px;
	padding: 0px;
	height: 75px;
	width: 229px;
}

a.marketDevButtonInner:hover
{
	background: url(images/market_button_over.jpg) top left no-repeat;
}

a.marketDevButtonInner:hover { border: none; }


/* finish :) */


/* finish :) */

/***********************************************************************/
/* button set SHORT                                                    */
/***********************************************************************/

#buttonSetShort
{
	float: left;
	padding: 0px 0px 6px 105px;
	margin: 5px 0px 0px 0px;
	width: 229px;
	height: 153px;
}

/***********************************************************************/
/* events container build                                              */
/***********************************************************************/

.devideWide
{
	float: left;
	padding: 12px 0px 10px 0px;
	margin: 0px;
	width: 704px;
	border-top: solid 2px #DEDEDE;
	font-size: 1px;
	height: 1px;
	
}

/***********************************************************************/
/* footer container build                                              */
/***********************************************************************/

#footer
{
	width: 704px;
	float: left;
	margin: 0px;
	padding: 0px;
	border-top: solid 2px #DEDEDE;
}

#footer .clear
{
	clear: both;
	height: 0px;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
}

#footerLeft
{
	width: 530px;
	float: left;
	margin: 0px;
	padding: 5px 0px 0px 0px;
}

#footerRight
{
	width: 174px;
	float: left;
	margin: 0px;
	padding: 8px 0px 0px 0px;
	text-align: right;
}

#footerRight img, #footerRight a img
{
	padding: 0px 0px 0px 4px;
	border: none;
}

#footer p
{
	font-size: 9px;
	line-height: 10px;
	color: #7D7B7C;
	padding: 2px 0px 1px 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
}

#footer p a
{
	font-size: 9px;
	line-height: 10px;
	color: #2D0054;
	padding: 0px 0px 1px 0px;
	margin: 0px;
	font-weight: bold;
	text-decoration: none;
}

#footer p a:hover
{
	font-size: 9px;
	line-height: 10px;
	color: #2D0054;
	padding: 0px 0px 1px 0px;
	margin: 0px;
	font-weight: bold;
	text-decoration: underline;
}

#designSpark p a
{
	font-size: 9px;
	line-height: 10px;
	color: #7D7B7C;
	padding: 2px 0px 1px 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
}

#designSpark p a:hover
{
	font-size: 9px;
	line-height: 10px;
	color: #7D7B7C;
	padding: 2px 0px 1px 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: underline;
}


#footer h2
{
	font-size: 10px;
	line-height: 12px;
	color: #7D7B7C;
	padding: 2px 0px 1px 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
}

#footer h2 a
{
	font-size: 10px;
	line-height: 12px;
	color: #2D0054;
	padding: 0px 0px 1px 0px;
	margin: 0px;
	font-weight: bold;
	text-decoration: none;
}

#footer h2 a:hover
{
	font-size: 10px;
	line-height: 12px;
	color: #2D0054;
	padding: 0px 0px 1px 0px;
	margin: 0px;
	font-weight: bold;
	text-decoration: underline;
}

/* footer sub nav set :) */

#subNavigation
{
	float: left;
	width: 530px;
	margin: 0px;
	padding: 3px 0px 3px 0px;
}

#subNavigation ul
{
	list-style: none;
	display: block;
	width: 530px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#subNavigation li
{
	list-style: none;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
}


#subNavigation a
{
	float: left;
	padding: 2px 0px 0px 0px;
	margin: 0px;
	color: #FF8314;
	font-weight: normal;
	text-decoration: none;
	font-size: 9px;
	text-transform: uppercase;
}

#subNavigation a:hover
{
	color: #2D0054;
	text-decoration: none;
}

#subNavigation a.active, #subNavigation a.active:hover
{
	color: #2D0054;
	text-decoration: none;
}

#subNavigation a.selected, #subNavigation a.selected:hover
{
	color: #2D0054;
	text-decoration: none;
}

#subNavigation ul li span
{
	color: #FF8314;
	font-size: 9px;
	padding: 2px 2px 0px 2px;
	margin: 0px;
	display: block;
	float: left;
}

/* access sub */

#access
{
	float: left;
	width: 704px;
	margin: 0px;
	padding: 5px 0px 15px 0px;
}

#access p
{
	font-size: 9px;
	line-height: 10px;
	color: #CCC;
	padding: 2px 0px 1px 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
	text-align: right;
}

#access p a
{
	font-size: 9px;
	line-height: 10px;
	color: #999;
	padding: 0px 0px 1px 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
}

#access p a:hover
{
	font-size: 9px;
	line-height: 10px;
	color: #CCC;
	padding: 0px 0px 1px 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
}


/***********************************************************************/
/* general spans inc colors clear etc                                  */
/***********************************************************************/

.clear
{
	clear: both;
	height: 1px;
	font-size: 1px;
}

.floatLeft
{
	float: left;
}

.floatRight
{
	float: right;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	display: block;
}

.floatRightPaddBottom
{
	float: right;
	padding: 0px 0px 5px 10px;
	margin: 0px;
	display: block;
}

.floatRightPaddRight
{
	float: right;
	padding: 0px 40px 5px 10px;
	margin: 0px;
	display: block;
}

.floatLeftPaddRight
{
	float: left;
	padding: 3px 10px 5px 0px;
	margin: 0px;
	display: block;
}

img
{
	border: none;
}

br
{
	height: 1px;
	font-size: 1px;
}

.screenHide
{
	display: none;
}

.smallText
{
	color: #706D6D;
	font-size: 9px;
}

.purple
{
	color: #2D0054;
}

.purpleBold
{
	color: #2D0054;
	font-weight: bold;
}

.orange
{
	color: #FF8314;
}

.orangeBold
{
	color: #FF8314;
	font-weight: bold;
}

.imgBottomBorder
{
	border-bottom: solid 1px #CCCCCC;
	padding-bottom: 10px;
}

.paddLeftTitlePDF
{
	padding: 3px 0px 3px 23px;
	margin: 2px 0px 0px 0px;
	width: 320px;
	display: block;
	float: left;
	color: #FF8314;
	font-weight: bold;
	text-decoration: none;
	background: url(images/pdf_icon.gif) top left no-repeat;
}

.txtRight
{
	text-align: right;
}

/* general list */

.generalList
{
	width: 350px;
	float: left;
	padding: 0px 0px 20px 0px;
	margin: 0px;
}

.generalList ul
{
	list-style: none;
	display: inline;
	float: left;
	margin : 0px;
	width: 350px;
	padding: 0px 0px 0px 0px;
}

.generalList li
{
	list-style: none;
	display: inline;
	float: left;
	margin : 0px;
	color: #7D7B7C;
	font-size: 11px;
	font-weight: normal;
	width: 330px;
	padding: 0px 0px 5px 20px;
	background: url(images/bullet.gif) top left no-repeat;
}

/***********************************************************************/
/* basic xhtml styling :)                                              */
/***********************************************************************/

p
{
	font-size: 11px;
	line-height: 15px;
	color: #7D7B7C;
	padding: 0px 0px 18px 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
	display: block;
}

p a
{
	font-size: 11px;
	line-height: 15px;
	color: #FF8314;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
}

p a:hover
{
	font-size: 11px;
	line-height: 15px;
	color: #FF8314;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: underline;
}

h1
{
	color: #003876;
	font-size: 20px;
	line-height: 28px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

h2
{
	color: #003876;
	font-size: 18px;
	line-height: 26px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

h3
{
	color: #003876;
	font-size: 18px;
	line-height: 26px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

h4
{
	color: #003876;
	font-size: 18px;
	line-height: 26px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

h5
{
	color: #003876;
	font-size: 18px;
	line-height: 26px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}