@import url(reset.css);
@import url(http://www.rijagroup.com/toolbar/toolbar.css);
@import url(http://www.rijagroup.com/toolbar/toolbar-rijamedia.css);
@import url(lightbox.css);
body {
	position: relative;
	background: #DB1C4B url(/images/bg_media.gif) no-repeat 50% 55px;
	/*background: #DB1C4B url(/images/bg_media_xmas.jpg) no-repeat 50% 0px;*/
	color: #737373;
	font-family: Verdana, Arial, Helvetica, "sans serif";
	font-size: 12px;
	padding-top: 35px;
}

#wrapper {
	position: relative;
	overflow: auto;
	background: #FFF;
	padding: 20px;
	margin: 0px auto 35px;
	width: 924px;
}

	#smHead {
		overflow:hidden;
		background:#FFF url(/images/phone_number.gif) no-repeat 100% 30px;
		width:920px;
		height:80px;
	}
		.smLink {
			float:right;
			color:#FFF;
			font-size:0.8em;
			line-height:20px;
			padding:0px 5px;
			margin:0 0 0 5px;
		}
			.pink { background:#DB1C4B; }
			.blue { background:#02AEEE; }
			.green { background:#75d717; }
			
		#homeLink {
			float:left;
			margin-right:15px;
		}
		#smHead p { margin-top:17px; }

.full { 
	width:920px;
}

	.leftHalf, .rightHalf { position:relative; width:450px; }
	.leftHalf {	float:left; }
	.rightHalf { float:right }

#main {
	float: left;
	width: 600px;
}

#side {
	float: right;
	font-size: 0.9em;
	line-height: 1.5em;
	width: 300px;
}

#footer {
	clear: both;
	display: inline-block;
	overflow: auto;
	background: #EEE;
	border-top:10px solid #DDD;
	padding: 20px 0px 20px 20px;
}
/*TEXT STYLES*/
a {
	color: #DB134B;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

	.more {	color: #00ADEE; }
	
p {	margin-top: 16px; }

p, li {	line-height: 1.4em; }

	.blueTitle {
		color: #00ADEE;
		font-weight: bold;
		text-transform: uppercase;
	}

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

h1 { font-size: 1.6em; }
h2 { font-size: 1.6em; }
h3, h5 {
	border-bottom: 1px solid #DFDFDF;
	font-size: 1.3em;
	padding-bottom: 16px;
}

/*MENU STYLES*/
#menu {
	overflow: auto;
	background: #FFF url(../images/menu_line.jpg) no-repeat 100% 0%;
	margin-bottom:20px;
}

	#menu ul { display: block; overflow:auto; }
	
		#menu ul li	{
			float: left;
			background: #FFF url(../images/menu_line.jpg) no-repeat 0% 0%;
			padding-left: 1px;
		}
		
		#menu a {
			display: inline-block;
			background-image: url(../images/bg_menu.gif);
			background-repeat: no-repeat;
			background-position: 50% 0%;
			font-size: 1.6em;
			line-height: 59px;
			text-align: center;
			padding: 0px 20px 0px 21px;
			height: 60px;
		}

		#menu a.menu_last {	padding: 0px 21px; }
		
		#menu a:hover {
			background-position: 50% -60px;
			color: #FFF;
			text-decoration: none;
		}
		
		#bHome #menuHome, #bWeb #menuWeb, #bSEO #menuSEO, #bEmail #menuEmail, #bBrand #menuBrand, 
		#bBlog #menuBlog, #bAbout #menuAbout, #bContact #menuContact {
			background-position: 50% -120px;
			color: #FFF;
		}

/*FULL*/
#banner {
	position:relative;
	background-position:0 0;
	background-repeat:no-repeat;
	margin-bottom:20px;
	width:920px;
	height:315px;
}
	.bannerHome { background-image:url(/images/banner-home.jpg); }
	.bannerWeb { background-image:url(/images/banner-web-design.jpg); }
		.bannerPort p {
			position:absolute;
			top:160px;
			right:44px;
			font-size:0.9em;
			width:255px;
		}
	.bannerPort { background-image:url(/images/banner-web-portfolio.jpg); }
	
	.banLink, #banner p {
		position:absolute;
		display:block;
	}
	.home_blog_item
	{
		float: left;
		width: 280px;
		margin-top: 38px;
	}


/*MAIN*/
.text {	padding: 0px 20px 20px; }

.infoList {	margin-top: 16px; }
.webstar .infoList { 
	float:left;
	width:246px;
}
	
	.infoList li, .wp_side .box ul li {
		padding-left: 28px;
		margin-bottom: 9px;
	}
	
	.infoList li {
		background: url(../images/tick.png) no-repeat;
		font-size: 0.9em;
	}
	
	.wp_side .box ul { margin-top: 7px;	}
	
		.wp_side .box ul li	{
			background: url(../images/view.png) no-repeat;
			margin-top: 7px;
		}
/*BOXES*/
.box {
	overflow: auto;
	padding: 20px;
	margin-bottom: 20px;
}

	.bgGrey { background-color: #E5E5E5; }
	
	.bgGrey A:hover	{ color: #333; }
	
	.matrix_seo_links {	color: #737373;	}
	
	.bgPink	{
		background-color: #DB1C4B;
		color: #FFF;
	}
	
		.bgPink a {	color: #FFF; }
		
#side .box, .bgLGrey {
	background-color: #F2F2F2;
}

	.borderPink	{ 
		border-top-color: #DB1C4B;	
		border-top-style: solid;
		border-top-width: 10px; 
	}
	
		.borderPink H3 { color: #DB1C4B; }
	
	.borderBlue	{ 
		border-top-color: #00ADEE;	
		border-top-style: solid;
		border-top-width: 10px; 
	}
	
		.borderBlue H3 { color: #00ADEE; }
		
/*MATRIX*/
#matrix {
	display:block;
	overflow:auto;
	width:880px;
}

	#matrix li {
		float: left;
		border-top-style: solid;
		border-top-width: 10px;
		font-size: 0.9em;
		padding-top:20px;
		margin-right:26px;
		width: 200px;
	}
		#matrix li.matBR { margin-right:0px; }
		
		#matrix li h2 {
			line-height: 45px;
			text-transform: uppercase;
			margin-bottom: 8px;
		}
		
			#matrix li h2 a	{
				display: block;
				padding-left: 55px;
				height: 44px;
			}
			.matWD h2 a { background: url(../images/matWD.png) no-repeat; }
			.matSEO h2 a { background: url(../images/matSEO.png) no-repeat;	}
			.matEM h2 a	{ background: url(../images/matEM.png) no-repeat; }
			.matBR h2 a	{ background: url(../images/matBR.png) no-repeat; }
		
/* Buttons */
.btn {
	display:block;
	overflow:hidden;
	cursor:pointer;
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin-top:20px;
	height:33px;
}
	.readMore { float:left; background-image:url(/images/btnReadMore.png); margin-right:20px; width:109px; }
	.enqQuote { background-image:url(/images/btnEnquireQuote.png); width:122px; }

.lrgQuote, .edtQuote { 
	display:block; 
	margin-bottom:16px;
}

#banner .lrgQuote, #banner .edtQuote { margin-bottom:0px; }

.edtQuote {
	background:url(../images/free_quote_large_edit.png) no-repeat 0 0;
	color:#FFF;
	font-weight:bold;
	line-height:20px;
	padding:40px 0 14px 21px;
	width:279px;
}
	
/*WEB*/
.package { overflow:auto; width:920px; }

	.packageItem {
		float:left;
		display:block;
		position:relative;
		margin:0px 19px 20px 0px;
		width:294px;
		height:275px;
	}
	
	.webstar {
		width:607px;
	}
	
		#wrapper .colEnd { margin-right:0px; }
		#wrapper .clearer { clear:both; }
		
			.packageItem img, .packageItem div { position:absolute;	left:0px; }
			
			.packageItem img { top:0px; z-index:2; }
			
			.packageItem div {
				top:50px;
				z-index:1;
				padding:15px 20px 20px 20px;
				height:190px;
			}
			
			.portLink {
				float:left;
				display:block;
				font-size:0.9em;
				line-height:33px;
				margin:20px 0px 0px 20px;
			}
			
			.packageItem .enqQuote { float:right; }
			
	.enquire {
		display: block;
		font-size: 0.9em;
		text-align: right;
		margin-top: 10px;
	}
	
	.addons	{ overflow:auto; clear:both; }
	
		.addons li {
			float: left;
			font-size:0.9em;
			font-weight:bold;
			line-height: 43px;
			margin-right: 20px;
			margin-top: 16px;
			width: 160px;
			height:91px;
		}
		
			.addons li img {
				float: left;
				margin-right: 5px;
				width:46px;
				height:44px;
			}
			
			.addons li a {
				display: block;
				height: 44px;
			}
			
			.addons li p {
				font-weight:normal;
			}
			
	.subWebsites {
		background-color:#EEE;
		padding-top:10px;
		margin-bottom:15px; 
	}
	
		.subWebsites li a {
			display:block;
			background:#EEE url(/images/arrow_right.png) no-repeat 10px 50%;
			border-bottom:1px dashed #CCC;
			line-height:35px;
			padding:0px 10px 0px 34px;
		}
		.subWebsites li a:hover {
			background-color:#DB1C4B;
			color:#FFF;
			text-decoration:none;
		}
	
/*WEB PORTFOLIO*/
#portfolioList {}

	#portfolioList li {
		float:left;
		background-color: #E5E5E5;
		padding:18px;
		margin:0px 19px 20px 0px;
		width:254px;
	}
	
	#portfolioList p { font-size: 0.9em; }
	#portfolioList p span {	font-weight: bold; color: #00ADEE; }
	
	.toggler { display:block; font-size:0.8em; margin-top:10px; }
	.toggleable { display:none; }
	
/*E-MARKETING*/
#esamples { width:560px; }

	#esamples li { float: left;	}
	
		#esamples li a {
			display: block;
			border: 1px solid #00ADEE;
			margin-right: 16px;
			width: 126px;
			height: 83px;
		}
		
/*CONTACT*/
.contact_details { width:560px; }

	.contact_details li	{
		float: left;
		width: 280px;
	}
	
form { padding-left:20px; }

	form p {
		clear: both;
		color: #00ADEE;
		font-size:1.2em;
		font-weight: bold;
		margin-bottom: 10px;
	}
	
		form p span	{
			font-weight: normal;
			font-size: 0.6em;
		}
	
	form label { display: block; }
	
	#emailform input:focus, #emailform textarea:focus {
		border:1px solid #DB1C4B;
		box-shadow:2px 2px 2px #bbb;
		-moz-box-shadow:2px 2px 4px #bbb;
		-webkit-box-shadow:2px 2px 4px #bbb;
	}
	
	.txtBox, .txtArea {
		display: block;
		margin-bottom: 16px;
	}
	
		.txtBox label, .txtArea label {
			float: left;
			line-height: 36px;
			text-align: right;
			padding-right: 10px;
			width: 150px;
		}
		
		.txtBox input {	width: 280px; }
	
	.checkboxes	{
		display: block;
		overflow:auto;
		font-weight:bold;
		padding-left: 157px;
		margin-bottom: 20px;
	}
	
		.chkBox	{
			float: left;
			display: block;
			padding:5px 0px;
			width:210px;
		}
	
			.chkBox input {
				float:left;
			}
			.chkBox label {
				padding:3px 0px 0px 25px;
			}
	
	textarea {
		font-size: 1em;
		padding: 2px;
		width: 360px;
		height: 100px;
	}
	
	textarea, .txtBox input	{
		border: 1px solid #CCC;
		-moz-border-radius: 3px;
		-moz-border-radius: 3px;
		color:#777;
		font-family: Tahoma, Verdana, Arial, Helvetica, "sans serif";
		font-size:1.1em;
		padding: 10px;
	}
	
	.button	{
		cursor: pointer;
		background: url(/images/btnSend.png) no-repeat;
		border:none;
		text-indent:-9999px;
		margin:20px 0px 30px 210px;
		width:212px;
		height:54px;
	}

		#emailform .button:focus {
			border:none;
			box-shadow:none;
			-moz-box-shadow:none;
			-webkit-box-shadow:none;
		}
	
	.errors, .thankyou	{
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		color: #777;
		font-size: 0.9em;
		padding: 15px 20px 20px 70px;
	}
	
	.errors { background:#b1eaff url(../images/warning.png) no-repeat 20px 20px; }

		.errors strong {
			color: #DB1C4B;
			font-size: 1.1em;
			line-height: 3em;
		}
	
	.thankyou { background:#D7FFAF url(../images/matLogo.png) no-repeat 20px 20px; margin-top:22px; }
	
		.thankyou h3 { margin-top:20px; }
		
		.blogLink { 
			float:right; 
			font-size:1.4em;
			line-height:74px;
			padding-right:70px;
		}
		
/*SIDE*/
#offerInfo { padding:0px 20px; }
	#offerInfo h3 { padding-top:10px; }
		h3 a { float:right; font-size:0.7em; }
		
.iconImg {
	float:left;
	margin-right:10px;
	width:64px;
	height:61px;
}

.boxContact span, .boxStory span {
	font-weight: bold;
	text-transform: uppercase;
}

.boxStory span { color: #00ADEE; }

.siteInfo {
	float: left;
	text-align: center;
	margin: 20px 10px 0px 0px;
	width: 118px;
}

.siteInfo img {	border: 1px solid #DFDFDF; }

/* FOOTER */
#footer ul { display: block; }

	#footer ul li {
		float: left;
		margin-right: 20px;
		width: 280px;
		-width: 270px;
	}
	
	h5 a { color:#737373;	}
	h5 a:hover { text-decoration:none; }
	
	#footer ul li p	{ font-size: 0.9em;	}

	#theTweet {
		background:#fff;
		padding:0px 20px 20px 20px;
		margin-top:20px;
	}
		#theTweet p { margin-top:0px; }
		#theTweet p.theTime { text-align:right; margin-top:10px; }
	
		.theFollow {
			display:block;
			background:url(/images/speech.gif) no-repeat 250px 0px;
			font-size:0.9em;
			text-align:right;
			padding-right:40px;
		}
		
/* QUICK FORM */
#sideForm {
	position:fixed;
	_position:absolute;
	top:55px;
	left:-240px;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:290px;
	z-index:100;	
}

	.quickForm {
		float:left;
		background:#75D717 url(/images/qf_e-marketing-offer.png) no-repeat;
		color:#FFF;
		padding:180px 20px 20px 20px;
		margin:0px;
		width:200px;
	}
		.quickForm form { padding-left:0px; }
	
		.contactForm { margin:0px; width:200px; }
	
		.message { display:none; }
		
		#alert {
			background:#ffe0e0;
			border:1px solid #ff5d5d;
			color:#777;
			padding:5px;
			margin-bottom:5px;
			width:188px;
		}
		
			#alert b {
				color:#FF5d5d;
				padding-right:2px;
			}
			
			#alert ul { 
				padding:5px;			
			}
			
				#alert ul li { 
					background:url(/images/qf_dot.gif) no-repeat 5px 5px;
					padding-left:15px;
				}
			
		.quickForm span {
			display:block;
			font-size:13px;
			font-weight:bold;
			padding-bottom:10px;
			width:200px;
		}
		
		.quickForm label {}
		
		.quickForm input, .quickForm textarea {
			border:0px;
			color:#555;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			padding:5px;
			width:190px;
		}
		
		.quickForm input { 		
			margin-bottom:10px;
			height:15px;
		}
		
		.quickForm textarea { 
			margin-bottom:20px;
			height:70px;
		}
		
		.quickForm .quickBtn {
			background:#DDD;
			margin-bottom:0px;
			width:100px;
			height:25px;
		}
		
	.quickOpen {
		float:left;
		cursor:pointer;
		background:url(/images/qf_button.gif) no-repeat;
		margin-top:157px;
		width:40px;
		height:200px;
	}
	
	.done {
		float:left;
		display:none;
		background:url(/images/qf_done.gif) no-repeat;
		width:40px;
		height:35px;
	}
	/*Blog Elements*/
	.leftImg {
		float:left;
		margin:0px 20px 10px 0px;
	}
	.blog-resources
	{
		float: left;
		margin: 19px 14px 0 0;
		background: #EEE;
		border: 1px dashed #DDD;
		border-top: 0;
	}
	.blog-resources UL
	{
		padding: 0 14px 8px 0;
	}
	.blog-resources UL LI
	{
		list-style: none;
	}
	.blog-resources SPAN
	{
		background: #DB1C4B;
		color: #FFF;
		display: block;
		padding: 4px;
	}