/* ---------------------------------------------------------------- */
/* ---------- QUBA DIGITAL MARKETING DEFAULT STYLE SHEET ---------- */
/* ---------------------------------------------------------------- */

/* ---------- GLOBAL STYLES ---------- */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img, blockquote
{
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
ul, ol { list-style-type: none; }
body 
{ 
	font-size: 62.5%; 
	background: #FFFFFF;
	color: #000000;
}

/* ---------- GENERIC STYLES ---------- */

.textindent { text-indent: -5000px; }
.clear { clear: both; }
a, a:link, a:visited
{
	text-decoration: underline; 
	font-weight: normal;
	color: #7986A1; 
	outline: none;
}
h4
{
	color: #003399;
	font-weight:normal;
    font-size: 1.3em;
    margin: 70px 0 0 0;
}

/* ---------- BASIC LAYOUT ---------- */

#sitewrapper
{
	margin: 0 auto;
	width: 789px;
	font-size: 1.1em;
}

/* ---------- HEADER ---------- */

#header
{
	float: left;
	margin: 30px 0 0 0;
}
a.qubalogo, a:link.qubalogo, a:visited.qubalogo
{
	float: left;
	background: url(../../Images/logo_main.gif) no-repeat;
	height: 44px;
	width: 110px;
}
h3.callustoday
{
	float: left;
	background: url(../../Images/header_callustoday.gif) no-repeat;
	height: 13px;
	width: 271px;	
	margin: 15px 0 0 408px;
}
h3.customerclick
{
	float: left;
	background: url(../../Images/header_banner.gif) no-repeat;
	height: 163px;
	width: 789px;
	margin: 20px 0 0 0;
}
h3.banner2
{
	float: left;
	background: url(../../Images/header_banner2.gif) no-repeat;
	height: 163px;
	width: 789px;
	margin: 20px 0 0 0;
}
h3.banner3
{
	float: left;
	background: url(../../Images/header_banner3.gif) no-repeat;
	height: 163px;
	width: 789px;
	margin: 20px 0 0 0;
}
h3.banner4
{
	float: left;
	background: url(../../Images/header_banner4.gif) no-repeat;
	height: 163px;
	width: 789px;
	margin: 20px 0 0 0;
}
h3.banner5
{
	float: left;
	background: url(../../Images/header_banner5.gif) no-repeat;
	height: 163px;
	width: 789px;
	margin: 20px 0 0 0;
}
h3.banner6
{
	float: left;
	background: url(../../Images/header_banner6.gif) no-repeat;
	height: 163px;
	width: 789px;
	margin: 20px 0 0 0;
}

/* ---------- MAIN CONTENT AREA ---------- */

#maincontentarea
{
	float: left;
	width: 789px;
	margin: 10px 0 0 0;
}

/* ---------- NAVIGATION (LEFT) ---------- */

#navigation
{
	float: left;
	width: 161px;
	margin-right: 9px;
}
#navigation ul
{
	float: left;
	width: 161px;
}
#navigation ul li
{
	float: left;
	width: 161px;
	display: inline;
	border-bottom: solid 1px #CCCCCC;
	padding: 3px 0 3px 0;
}
#navigation ul li.top
{
	border-top: solid 1px #CCCCCC;
}
#navigation ul li a, #navigation ul li a:link, #navigation ul li a:visited
{
	color: #0D4787;
	width: 159px;
	display: block;
	font-weight: bold;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}
#navigation ul li a.subitem, #navigation ul li a.subitem:link, #navigation ul li a.subitem:visited
{
	color: #0D4787;
	width: 149px;
	display: block;
	font-weight: normal;
	text-decoration: none;
	padding-left: 12px;
}
#navigation ul li a.subitemselected, #navigation ul li a.subitemselected:link, #navigation ul li a.subitemselected:visited
{
	color: #0D4787;
	width: 149px;
	display: block;
	font-weight: normal;
	text-decoration: none;
	padding-left: 12px;
	background: #E0E4E5;
}
#navigation ul li a:hover, #navigation ul li a.subitem:hover, 
#navigation ul li a.selected, #navigation ul li a.selected:link, #navigation ul li a.selected:visited
{
	background: #E0E4E5;
}

/* ---------- MAIN TEXT REGION (CENTRE) ---------- */

#centreregion
{
	float: left;
	width: 425px;
	margin-right: 9px;
	border-top: solid 1px #CCCCCC;
}
#centreregion h4
{
	float: left;
    margin: 15px 0 0 0;
}
#centreregion p
{
	float: left;
	width: 425px;
	line-height: 1.5em;
	margin-bottom: 10px;	
}
#centreregion ul
{
	float: left;
	width: 425px;
	list-style-type: disc;
	padding: 0 0 0 15px;
}
h3.strapline
{
	float: left;
	background: url(../../Images/logo_strapline.gif) no-repeat;
	height: 18px;
	width: 425px;
	margin: 5px 0 20px 0;
}
h3.strapline1
{
	float: left;
	background: url(../../Images/about_us.gif) no-repeat;
	height: 18px;
	width: 425px;
	margin: 5px 0 20px 0;
}
h3.strapline2
{
	float: left;
	background: url(../../Images/affiliate_marketing.gif) no-repeat;
	height: 18px;
	width: 425px;
	margin: 5px 0 20px 0;
}
h3.strapline3
{
	float: left;
	background: url(../../Images/case_studies.gif) no-repeat;
	height: 18px;
	width: 425px;
	margin: 5px 0 20px 0;
}
h3.strapline4
{
	float: left;
	background: url(../../Images/betta_living.gif) no-repeat;
	height: 18px;
	width: 425px;
	margin: 5px 0 20px 0;
}
h3.strapline5
{
	float: left;
	background: url(../../Images/display_advertising.gif) no-repeat;
	height: 18px;
	width: 425px;
	margin: 5px 0 20px 0;
}
h3.strapline6
{
	float: left;
	background: url(../../Images/email_marketing.gif) no-repeat;
	height: 18px;
	width: 425px;
	margin: 5px 0 20px 0;
}
h3.strapline7
{
	float: left;
	background: url(../../Images/Gleesons.gif) no-repeat;
	height: 18px;
	width: 425px;
	margin: 5px 0 20px 0;
}
h3.strapline8
{
	float: left;
	background: url(../../Images/industry_incite.gif) no-repeat;
	height: 18px;
	width: 425px;
	margin: 5px 0 20px 0;
}
h3.strapline9
{
	float: left;
	background: url(../../Images/inside_track.gif) no-repeat;
	height: 18px;
	width: 425px;
	margin: 5px 0 20px 0;
}
h3.strapline10
{
	float: left;
	background: url(../../Images/mobile_marketing.gif) no-repeat;
	height: 18px;
	width: 425px;
	margin: 5px 0 20px 0;
}
h3.strapline11
{
	float: left;
	background: url(../../Images/nest.gif) no-repeat;
	height: 18px;
	width: 425px;
	margin: 5px 0 20px 0;
}
h3.strapline12
{
	float: left;
	background: url(../../Images/organic_Search.gif) no-repeat;
	height: 18px;
	width: 425px;
	margin: 5px 0 20px 0;
}
h3.strapline13
{
	float: left;
	background: url(../../Images/our_services.gif) no-repeat;
	height: 18px;
	width: 425px;
	margin: 5px 0 20px 0;
}
h3.strapline14
{
	float: left;
	background: url(../../Images/pay_per_click.gif) no-repeat;
	height: 18px;
	width: 425px;
	margin: 5px 0 20px 0;
}
h3.strapline15
{
	float: left;
	background: url(../../Images/pharmacy2u.gif) no-repeat;
	height: 18px;
	width: 425px;
	margin: 5px 0 20px 0;
}
h3.strapline16
{
	float: left;
	background: url(../../Images/social_network.gif) no-repeat;
	height: 18px;
	width: 425px;
	margin: 5px 0 20px 0;
}
h3.strapline17
{
	float: left;
	background: url(../../Images/university_derby.gif) no-repeat;
	height: 18px;
	width: 425px;
	margin: 5px 0 20px 0;
}
#centreregion #boxlinks
{
	float: left;
	margin: 20px 0 0 0;
}
a.paidsearch, a.paidsearch:link, a.paidsearch:visited
{
	float: left;
	background: url(../../Images/image_paidsearch.gif) no-repeat;
	height: 254px;
	width: 140px;
}
a.organicsearch, a.organicsearch:link, a.organicsearch:visited
{
	float: left;
	background: url(../../Images/image_organicsearch.gif) no-repeat;
	height: 254px;
	width: 140px;
	margin-right: 2px;
}
a.socialnetwork, a.socialnetwork:link, a.socialnetwork:visited
{
	float: left;
	background: url(../../Images/image_socialnetworkmarketing.gif) no-repeat;
	height: 254px;
	width: 140px;
	margin-right: 2px;
}
a.paidsearch:hover, a.socialnetwork:hover, a.organicsearch:hover
{
	text-decoration: none;
}

/* ---------- CASE STUDY THUMBNAIL GRID ---------- */

#centreregion #casestudythumbs
{
	float: left;
	margin: 20px 0 0 0;
}
a.csthumbnail, a.csthumbnail:link, a.csthumbnail:visited
{
	float: left;
	height: 107px;
	width: 180px;
	margin: 5px 10px 10px 17px;
}
a.csthumbnail:hover
{
	text-decoration: none;
}
a.csbettaliving { background: url(../../Images/casestudy_bettaliving.gif) no-repeat; }
a.csinsidetrack { background: url(../../Images/casestudy_insidetrack.gif) no-repeat; }
a.csgleeson { background: url(../../Images/casestudy_gleeson.gif) no-repeat; }
a.csnest { background: url(../../Images/casestudy_nest.gif) no-repeat; }
a.cspharmacy2u { background: url(../../Images/casestudy_pharmacy2u.gif) no-repeat; }
a.csderbyuni { background: url(../../Images/casestudy_derbyuni.gif) no-repeat; }

/* ---------- ADVERTISTMENTS (RIGHT) ---------- */

#adverts
{
	float: left;
	width: 185px;
}
a.specialoffer, a.specialoffer:link, a.specialoffer:visited
{
	float: left;
	background: url(../../Images/image_specialoffer.gif) no-repeat;
	height: 160px;
	width: 185px;
	margin-bottom: 10px;
}
a.payasyougo, a.payasyougo:link, a.payasyougo:visited
{
	float: left;
	background: url(../../Images/image_emailsoffer2.gif) no-repeat;
	height: 305px;
	width: 185px;
	margin-bottom: 10px;
}
a.linksoffer, a.linksoffer:link, a.linksoffer:visited
{
	float: left;
	background: url(../../Images/image_linksoffer.gif) no-repeat;
	width: 185px;
    height: 260px;
	margin-bottom: 10px;
}
a.newssoffer, a.newsoffer:link, a.newsoffer:visited
{
	float: left;
	background: url(../../Images/image_newsoffer.gif) no-repeat;
	width: 185px;
    height: 260px;
	margin-bottom: 10px;
}
a.emailsoffer, a.emailsoffer:link, a.emailsoffer:visited
{
	float: left;
	background: url(../../Images/image_emailsoffer.gif) no-repeat;
	width: 185px;
    height: 423px;  
	margin-bottom: 10px;
}
a.emailsoffer2, a.emailsoffer2:link, a.emailsoffer2:visited
{
	float: left;
	background: url(../../Images/image_emailsoffer2.gif) no-repeat;
	width: 185px;
    height: 305px; 
	margin-bottom: 10px;
}
a.ppcoffer, a.ppcoffer:link, a.ppcoffer:visited
{
	float: left;
	background: url(../../Images/image_ppcoffer.gif) no-repeat;
	width: 185px;
    height: 423px;  
	margin-bottom: 10px;
}
a.displaysoffer, a.displaysoffer:link, a.displaysoffer:visited
{
	float: left;
	background: url(../../Images/image_displaysoffer.gif) no-repeat;
	width: 185px;
    height: 570px;  
	margin-bottom: 10px;
}

/* ---------- SITEMAP ---------- */

#centreregion ul.sitemap
{
	list-style-type: none;
}
#centreregion ul.sitemap li
{
	padding: 5px 0 5px 0;
}
#centreregion ul.sitemap a.indent
{
	margin-left: 20px;
}

/* ---------- FOOTER ---------- */

#footer
{
	float: left;
	width: 789px;
	font-size: 0.9em;
	color: #7986A1;
	padding: 5px 0 5px 0;
	margin: 30px 0 5px 0;
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;	
}
#footer #info
{
	float: left;
}
#footer #links
{
	float: left;
	margin: 5px 0 0 175px;
}
#footer #links a:hover
{
	color: #FF9900;
}

/* ---------- OPTIONAL EXTRAS ---------- */

#optionalextras
{
	float: left;
	width: 789px;
	font-size: 0.8em;
	color: #000000;
}