html
{
	width: 100%;
	margin: 0;
	padding: 0;
}

#body
{
	width: 100%;
	margin: 0 auto;
	background-image: url("../Images/Gradient.jpg");
	background-repeat: repeat-y;
}

#bodyPopup
{
	width: 100%;
	margin: 0;
	padding: 0;
}

img
{
	border: none;
}

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

p
{
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	margin-right: 0px;
}

hr
{
	height: 1px;
	border: 0px;
	padding: 0px;
}

#container
{
	width: 770px;
	margin: 0 auto;
}

#containerPopup
{
	width: 100%;
}

#header
{
	width: 770px;
	padding-top: 10px;
}

#headerTop
{
	width: 770px;
	height: 68px;
}

#headerTop .left
{
	width: 342px;
	float:left;
}

#headerTop .right
{
	width: 418px;
	margin-left: 10px;
	float: right;
	padding-top: 30px;
}

#headerMiddle
{
	clear: both;
	width: 766px;
	height: 190px;
	border-top-width: 5px;
	border-top-style: solid;
	border-left-width: 2px;
	border-left-style: solid;
	border-right-width: 2px;
	border-right-style: solid;
}

.headerMiddleHome
{
	background-image: url(../images/headers/BlueCircleAnim.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.headerMiddleOurColoursMarketing
{
	background-image: url("../images/headers/RedAnimMarketing.gif");
	background-repeat: no-repeat;
	background-position: 0 0;
}

.headerMiddleOurColoursCreative
{
	background-image: url(../images/headers/PurpleAnimCreative.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.headerMiddleOurColoursMedia
{
	background-image: url(../images/headers/GreenAnimMedia.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.headerMiddleMixYourPallette
{
	background-image: url(../images/headers/MultiColouredCircleAnim.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.headerMiddleStartups
{
	background-image: url(../images/headers/StartupsAnim.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.headerMiddleNews
{
	background-image: url(../images/headers/OrangeAnimNews.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.headerMiddleContact
{
	background-image: url(../images/headers/GreenAnimChat.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.headerMiddleHeader0
{
	background-image: url(../images/headers/LilacCircleAnim.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.headerMiddleHeader1
{
	background-image: url(../images/headers/PurpleCircleAnim.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.headerMiddleHeader2
{
	background-image: url(../images/headers/RedCircleAnim.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.headerMiddleHeader3
{
	background-image: url(../images/headers/DeepRedCircleAnim.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.headerMiddleHeader4
{
	background-image: url(../images/headers/PinkCircleAnim.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.headerMiddleHeader5
{
	background-image: url(../images/headers/BlueCircleAnim.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.headerMiddleHeader6
{
	background-image: url(../images/headers/GreenCircleAnim.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.headerMiddleHeader7
{
	background-image: url(../images/headers/OrangeCircleAnim.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#headerMiddle .left
{
	width: 566px;
	float: left;
}

#headerMiddle .right
{
	width: 200px;
	float: right;
	text-align: right;
}

.animatedTabs
{
	overflow: hidden;
	width: 766px;
	height: 45px;
	position: relative;
	margin-top:-45px;
 
}

.animatedTabs.noPadding
{
	padding-top: 0px;
	height: 34px;
	position: relative;
	top: -4px;
}

#headerBottom
{
	width: 770px;
	height: 24px;
}

#headerBottom .text
{
	width: 522px;
	text-align: left;
	padding-left: 248px;
	line-height: 24px;
	vertical-align: middle;
}
#content3col
{
	clear: both;
	width: 770px;
	min-height: 305px;
	overflow:hidden;
	background-image:url(../Images/3colRepeater.jpg);
	background-repeat:repeat-y;
}
#content
{
	clear: both;
	width: 770px;
	min-height: 305px;
	overflow:hidden;
}

#contentPopup
{
	width: 100%;
}

#contentTwoCol1
{
	width: 160px;
	float: left;
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 10px 0px;
}

#contentTwoCol2
{
	width: 570px;
	float: right;
	margin: 0px 10px 0px 10px;
	padding: 10px 0px 10px 0px;
}

#contentThreeCol1
{
	width: 160px;
	float: left;
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 10px 0px;
}

#contentThreeCol2
{
	width: 370px;
	float: left;
	margin: 0px 10px 0px 10px;
	padding: 10px 0px 10px 0px;
}

#contentThreeCol3
{
	padding: 0px 10px 0px 10px;
	float: right;
	width: 180px;

}
#contentThreeCol3 .top
{
	min-height: 45px;
	padding-top: 5px;
}

#contentThreeCol3 .middle
{
	min-height: 210px;
	padding: 10px 5px 10px 5px;
}

#contentThreeCol3 .middle .question
{
	overflow: hidden;
	width: 97%;
}

#contentThreeCol3 .middle .name
{
	width: 97%;
}

#contentThreeCol3 .middle .email
{
	width: 97%;
}

#contentThreeCol3 .middle .button
{
	margin-top: 5px;
}

#contentThreeCol3 .bottom
{
	min-height: 35px;
	padding-top: 5px;
}

#leftMenu
{
	text-align: left;
}

#leftMenu p
{
	margin-top: 10px;
	margin-bottom: 00px;
	margin-left: 0px;
	margin-right: 0px;
}

#leftMenu p.shallowTop
{
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

#leftMenu p.shallow
{
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

#pageTitle
{
	text-align: center;
}

#pageInfo
{
	text-align: center;
}

#centeredContent
{
	clear: both;
	width: 500px;
	margin: 0 auto;
	min-height: 300px;
}

#footer
{
	clear: both;
	width: 770px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: center;
}

#footerLinks
{
	width: 770px;
}

#footerLinks .left
{
	width: 385px;
	float: left;
	text-align: left;
}

#footerLinks .right
{
	width: 385px;
	float: right;
	text-align: right;
}

/* SPECIAL BANNERS*/
#marketingBanner
{
	background-image: url("../Images/SilverBulletMarketing.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	margin-top: 38px;
	width: 375px;
	min-height: 80px;
	padding-right: 180px;
	padding-top: 47px;
}

#creativeBanner
{
	background-image: url("../Images/SilverBulletCreative.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	margin-top: 64px;
	width: 420px;
	min-height: 70px;
	padding-right: 135px;
	padding-top: 47px;
}

#mediaBanner
{
	background-image: url("../Images/SilverBulletMedia.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	margin-top: 48px;
	width: 440px;
	min-height: 70px;
	padding-right: 115px;
	padding-top: 47px;
}

/* NEWS ARTICLES */
#newsArticleList
{
	clear: both;
	width: 570px;
}

.newsArticleRow
{
	clear: both;
	width: 570px;
	text-align: left;
}

.newsArticleRow hr, #newsListPagination hr
{
	height: 1px;
	border: 0px;
	padding: 0px;
}

.newsArticleRowTitle
{
	margin-bottom: 5px;
}

.newsArticleRowPreviewImage
{
	width: 77px;
	float: left;
}

.newsArticleRowPreviewImage img
{
	width: 75px;
	border-width: 1px;
	border-style: solid;
}

.newsArticleRowText
{
	width: 478px;
	float: right;
	padding-left: 15px;
}

.newsArticleRowTextFullWidth
{
	width: 570px;
}

.newsArticleRowTopicText
{
	width: 570px;
}

.newsArticleRowLink
{
	clear: both;
	width: 570px;
	text-align: right;
}

#newsListPagination
{
	clear: both;
	width: 570px;
	margin-top: 5px;
	height: 31px;
	margin-bottom: 10px;
	text-align: right;
}

#newsListPagination .searchNavigationLeft
{
	width: 25%;
	float: left;
	text-align: left;
}

#newsListPagination .searchNavigationCenter
{
	width: 48%;
	float: left;
	text-align: center;
}

#newsListPagination .searchNavigationRight
{
	width: 25%;
	float: right;
	text-align: right;
}

#newsListPagination .searchNavigationLeft a, #newsListPagination .searchNavigationCenter a, #newsListPagination .searchNavigationRight a
{
	margin-left: 1px;
	margin-right: 1px;
}

/* NEWS DETAIL */
#newsDetailBody
{
	width: 570px;
	min-height: 244px;
}

#newsDetailContent
{
	margin-top: 10px;
}

#newsDetailContent p img
{
	padding: 0px 0px 10px 20px;
}

#newsDetailLinks
{
	clear: both;
	width: 570px;
	height: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
}

#newsDetailLinks hr
{
	height: 1px;
	border: 0px;
	padding: 0px;
}

/* SITE MAP */
.siteMapSection
{
	width: 570px;
	padding-top: 10px;
	padding-bottom: 5px;
}

.siteMapPage
{
	width: 570px;
	padding-top: 5px;
}

/* TESTIMONIAL LIST */
.testimonialList
{
	clear: both;
	width: 570px;
	margin-bottom: 10px;
}

.testimonialListText
{
	width: 550px;
	padding-left: 10px;
	padding-right: 10px;
}

.testimonialListBy
{
	width: 540px;
	padding-left: 20px;
	padding-right: 10px;
	margin-top: 5px;
}

/* FAQ LIST */
#faqList
{
	clear: both;
	width: 570px;
}

.faqListRow
{
	clear: both;
	width: 570px;
	padding-bottom: 5px;
}

.faqListQuestion
{
	width: 560px;
	padding: 5px;
}

.faqListAnswer
{
	width: 555px;
	padding: 5px 5px 5px 10px;
	display: none;
}

#faqListPagination
{
	clear: both;
	width: 560px;
	height: 20px;
	padding-top: 10px;
}

#faqListPagination .searchNavigationLeft
{
	width: 25%;
	float: left;
	text-align: left;
}

#faqListPagination .searchNavigationCenter
{
	width: 48%;
	float: left;
	text-align: center;
}

#faqListPagination .searchNavigationRight
{
	width: 25%;
	float: right;
	text-align: right;
}

#faqListPagination .searchNavigationLeft a, #faqListPagination .searchNavigationCenter a, #faqListPagination .searchNavigationRight a
{
	margin-left: 1px;
	margin-right: 1px;
}

/* IMAGE GALLERY */
#galleriesBody
{
	width: 550px;
	padding: 10px 10px 10px 10px;
}

.galleriesSummaryImageRow
{
	clear: both;
	width: 550px;
	padding-bottom: 10px;
}

.galleriesSummaryImage
{
	width: 81px;
	padding-right: 29px;
	float: left;
}

/* CASE STUDY */
#caseStudyBody
{
	width: 550px;
	padding: 10px 10px 10px 10px;
}

#caseStudyBody .paragraph1
{
	width: 550px;
	border-bottom-style: dotted;
	border-bottom-width: 2px;
	padding-bottom: 10px;
}

#caseStudyBody .paragraph2
{
	width: 550px;
	border-bottom-style: dotted;
	border-bottom-width: 2px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#caseStudyBody .paragraph3
{
	width: 550px;
	padding-top: 10px;
}

/* VIEW GALLERY IMAGE */
#viewGalleryBody
{
	width: 340px;
	height: 300px;
	margin: 10px;
}

#viewGalleryTop
{
	width: 340px;
	height: 280px;
}

#viewGalleryBottom
{
	width: 340px;
	height: 30px;
}

#viewGalleryBottomLeft
{
	width: 260px;
	float: left;
	padding-top: 10px;
}

#viewGalleryBottomLeft img
{
	vertical-align: middle;
}

#viewGalleryBottomRight
{
	width: 80px;
	float:right;
	text-align: right;
	padding-top: 10px;
}

#viewGalleryBottomRight img
{
	vertical-align: middle;
}

/* MEDIA LINKS */
#mediaLinksBody
{
	width: 550px;
	height: 30px;
	margin: 10px 10px 10px 10px;
	text-align: right;
}

.mediaLinksImageRow
{
	clear: both;
	text-align: right;
}

.mediaLinkImages
{
	width: 450px;
	float: left;
	text-align: right;
}

.mediaLinksImage
{
	float: right;
}

.mediaLinkImagesText
{
	width: 100px;
	height: 30px;
	float: right;
	text-align: left;
}

/* VIEW MEDIA IMAGE */
#viewMediaBody
{
	width: 340px;
	height: 300px;
	margin: 10px 10px 5px 10px;
}

#viewMediaTop
{
	width: 340px;
	height: 280px;
}

#viewMediaBottom
{
	width: 340px;
	height: 30px;
}

#viewMediaBottomLeft
{
	width: 260px;
	float: left;
	padding-top: 10px;
}

#viewMediaBottomLeft img
{
	vertical-align: middle;
}

#viewMediaWebsiteLink
{
float:left;
	width: 340px;
	text-align: center;
	padding-top: 5px;	
	color: #838383;
}

#viewMediaBottomRight
{
	width: 80px;
	float:right;
	text-align: right;
	padding-top: 10px;
}

#viewMediaBottomRight img
{
	vertical-align: middle;
}

/* MIX YOUR PALLETTE */
#palletteCircle
{
	width: 570px;
	text-align: center;
	padding-top: 30px;
}

#palletteTitle
{
	width: 570px;
	text-align: left;
	padding-top: 25px;
}

#palletteText
{
	width: 570px;
	text-align: left;
	padding-top: 10px;
}

#palletteCircleTextTop
{
	width: 570px;
	text-align: center;
}

#circleText0
{
	text-align: center;
}

#palletteCircleMiddle
{
	clear: both;
	width: 570px;
	height: 120px;
}

#palletteCircleMiddleCol1
{
	width: 223px;
	float: left;
	padding-top: 18px;
}

#circleText7
{
	text-align: right;
}

#circleText6
{
	padding-top: 18px;
	text-align: right;
}

#circleText5
{
	padding-top: 14px;
	text-align: right;
}

#palletteCircleMiddleCol2
{
	width: 124px;
	float: left;
}

#palletteCircleMiddleCol3
{
	width: 223px;
	float: left;
	padding-top: 18px;
}

#circleText1
{
	text-align: left;
}

#circleText2
{
	padding-top: 14px;
	text-align: left;
}

#circleText3
{
	padding-top: 16px;
	text-align: left;
}

#palletteCircleTextBottom
{
	clear: both;
	width: 570px;
	text-align: center;
}