@charset "utf-8";
/* Brand Blocks Main CSS Document */

body{
	background:url(../images/background.jpg) center top no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
}
div.clear{				clear:both;	width:100%;}

div.mainHold{			width:981px;	margin:8px auto;}

div.menubg{				float:left;	width:981px;	height:48px;	background:url(../images/menuBg.jpg) no-repeat;
						margin:34px 0 0 0 /* Change in IE */;}

div.mainBanner{			float:left;	width:981px;	height:545px;	background:url(../images/bannerBg.jpg) no-repeat;}

div.logoBig{			float:right;	width:635px;	height:249px;	background:url(../images/logoBig.jpg) no-repeat;}

div.reflection{			float:left;	width:981px;	height:135px;	background:url(../images/reflection.jpg) no-repeat;}


/*
//	-> this is for the four blocks under the reflection
*/
div.block4BtnBg{		width:981px;	height:261px;	float:left;	background:url(../images/4blockBtnBg.jpg) repeat-x;}

div.mainBlocks{			float:left;	padding:5px 2px 5px 10px;	width:230px;	height:251px;
						background:url(../images/4blockLine.jpg) right no-repeat;}
div.mainBlocksRight{	float:left;	padding:5px 2px 5px 10px;	width:230px;	height:251px;}


	div.mainBlocks h2, div.mainBlocksRight h2{		
						color:#133a46;	font-size:16px;	font-weight:normal;
						float:left;	}
	
	div.mainBlocks p, div.mainBlocksRight p{
						float:left;		font-family:Trebuchet MS, Arial;		font-size:12px;		width:100%;		color:#5a5a5a;
						margin:0;	display:block;	height:70px; /* Change in IE */}

/*
//	-> this is for the links with the different images in the blocks
*/
		div.blockbtnweb a:hover{			background:url(../images/blockbtnwebH.png) no-repeat;}
		div.blockbtnprint a:hover{			background:url(../images/blockbtnprintH.png) no-repeat;}		
		div.blockbtnlogo a:hover{			background:url(../images/blockbtnlogoH.png) no-repeat;}		
		div.blockbtnmarketing a:hover{		background:url(../images/blockbtnmarketingH.png) no-repeat;}

	div.blockbtnweb a{			float:left;	display:block;	width:168px;	height:29px;	background:url(../images/blockbtnweb.png) no-repeat;
								text-decoration:none;	color:#FFFFFF;	padding-top:82px;
								text-align:center;	margin:5px 0 0 25px;}

	div.blockbtnprint a{		float:left;	display:block;	width:168px;	height:29px;	background:url(../images/blockbtnprint.png) no-repeat;
								text-decoration:none;	color:#FFFFFF;	padding-top:82px;
								text-align:center;	margin:5px 0 0 25px;}
	
	div.blockbtnlogo a{			float:left;	display:block;	width:168px;	height:29px;	background:url(../images/blockbtnlogo.png) no-repeat;
								text-decoration:none;	color:#FFFFFF;	padding-top:82px;
								text-align:center;	margin:5px 0 0 25px;}
	
	div.blockbtnmarketing a{	float:left;	display:block;	width:168px;	height:29px;	background:url(../images/blockbtnmarketing.png) no-repeat;
								text-decoration:none;	color:#FFFFFF;	padding-top:82px;
								text-align:center;	margin:5px 0 0 25px;}

/*
//	-> This is for the main content area
*/

div.mainContentArea{			width:981px;	float:left;	background:#f5f5f5;	padding-bottom:0;}

div.bbstyle{					float:left;	width:365px;	height:675px;	background:url(../images/gradient1.jpg) repeat-x;
								border:solid 1px #FFFFFF;	margin:15px;}
div.bbstyle2{					float:left;	width:365px;	height:675px;	background:url(../images/gradient1.jpg) repeat-x;
								border:solid 1px #FFFFFF;	margin:5px 15px 15px 25px ;}

	div.mainContentArea h1{			color:#133a46;	font-size:26px;	font-weight:normal;	margin:15px;}
	div.mainContentArea h3{			color:#133a46;	font-size:16px;	font-weight:normal;	margin:5px;}
	div.bbstyle p, div.bbstyle2 p{	float:left;	display:block;	color:#4b4b4b;	margin:0 15px 10px 15px;	font-size:13px;	
									line-height:18px;}
	
	.bbstylepa a{				text-decoration:none;	color:#6895a4;}
	.bbstylepa a:hover{			color:#666666;	text-decoration:underline;} 

div.bbstyleimg{					float:left;	width:339px;	height:243px;	background:url(../images/largeimgBg.png) no-repeat;	margin:12px;}

	div.bbstyleimg img{			margin:10px;}

div.contentBlocks{				float:left;	margin:0 0 15px 5px;	width:500px;	background:url(../images/contentBlocksBottom.jpg) center bottom no-repeat;}
div.contentBlocks2{				float:left;	margin:0 0 15px 5px;	width:500px;}

	div.contentBlocks img, div.contentBlocks2 img{			float:left;	padding:10px;	background:url(../images/contentBlocksImgBg.jpg) no-repeat;
															margin:0 5px 30px 0;}
	div.contentBlocks p, div.contentBlocks2 p{				
								color:#4b4b4b; font-size:13px;	line-height:18px;	margin:9px 0 0 5px;	float:left;	width:330px;}
	
/*
// -> This will be for all the small buttons
*/
div.smallbtn a{					width:115px;	height:25px;	display:block;	float:right;	background:url(../images/smallbtn.png) no-repeat;
								text-decoration:none;	color:#60909f;	font-size:12px;	text-align:center;	line-height:25px;	margin:10px 20px 10px 10px;}								

div.smallbtn2 a{				width:115px;	height:25px;	display:block;	float:right;	background:url(../images/smallbtn.png) no-repeat;
								text-decoration:none;	color:#60909f;	font-size:12px;	text-align:center;	line-height:25px;	margin:5px 15px 15px 10px;}

div.smallbtn3 a{				width:115px;	height:25px;	display:block;	float:left;	background:url(../images/smallbtn.png) no-repeat;
								text-decoration:none;	color:#60909f;	font-size:12px;	text-align:center;	line-height:25px;	margin:5px 15px 25px 10px;}

div.smallbtn4 a{				width:115px;	height:25px;	display:block;	float:right;	background:url(../images/smallbtn.png) no-repeat;
								text-decoration:none;	color:#60909f;	font-size:12px;	text-align:center;	line-height:25px;	margin:20px 2px 0 0;}

	div.smallbtn a:hover, div.smallbtn2 a:hover, div.smallbtn3 a:hover, div.smallbtn4 a:hover{
		background:url(../images/smallbtnH.png) no-repeat;
	}


/*
// -> This is for the bottom content area.
*/
div.bottomContentArea{			width:981px;	float:left;	background:url(../images/bottomContentAreaBg.jpg) repeat-x top;}

div.bottomBlock{				float:left;	width:220px;	background:url(../images/bottomBlockBg.jpg) no-repeat right center;	margin:30px 20px 10px 10px;}
div.bottomBlock2{				float:left;	width:220px;	margin:30px 0px 10px 10px;}
	
	div.bottomBlock h3, div.bottomBlock2 h3{				color:#133a46;	font-size:16px;	font-weight:normal;	margin:5px;}
	
	div.bottomBlock p, div.bottomBlock2 p{					color:#4b4b4b; font-size:13px;	line-height:18px;	width:170px;	margin:10px;	float:left;}
	

/*
// -> This will be for the bottom bar
*/
div.bottomBar{					float:left;	width:100%;	height:93px;	margin:0 0 10px 0;	background:url(../images/bottomBarBg.jpg) repeat-x;
								text-align:center;	font-size:12px;}
	div.bottomBar p{				margin:10px;	line-height:24px;	color:#CCCCCC;}
	div.bottomBar a{				color:#FFFFFF;	text-decoration:none;}
		div.bottomBar a:hover{			color:#CCCCCC;}