@charset "utf-8";

/* SITE COLOURS */
/* green #BED63D */
/* violet #B92E8D */
/* blue #44C7F4 */
/* orange #F6911E */
/* dark blue #046F89 */




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



*, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	font-size: 0.75em;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	background: #2b4496 url(../images/cloudbg2.jpg) no-repeat;
}

p {
	padding-top: 7px;
}
.txt14px {
	font-size: 14px;
	padding-bottom: 7px;
}


#servicespage p {
	padding: 7px 0 7px 0;
}

#socialpage p {
	padding-top: 7px;
	padding-right: 0;
	padding-left: 0;
}


h5 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #046F89;
}

h5.green {
	color: #BED63D;
}

h5.violet {
	color: #B92E8D;
}

h5.blue {
	color: #44C7F4;
}

h5.orange {
	color: #F6911E;
}

h5.dblue {
	color: #046F89;
}

h4 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #333333;
}



.clear {
	clear: both;
}



#wrapper {
	width: 900px;
	margin-right: auto;
	margin-left: 70px;
}

#wrapper_whitebg {
	width: 830px;
	margin-right: auto;
	margin-left: 70px;
	background: #FFFFFF;
	padding: 15px 35px;
}

#header {
	padding-top: 10px;
	padding-right: 35px;
	padding-left: 35px;
	float: left;
	width: 830px;
	background: #FFFFFF;
}

.grey_box {
	background: #f3f4f4;
	width: 832px;
	float: left;
}

.product_container {
	float: left;
	width: 207px;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

.product_container2 {
	float: left;
	width: 207px;
	height: 250px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

.product_header {
	height: 60px;
	border-bottom: 1px solid #FFFFFF;
}

.product_text {
	padding: 10px;
	margin-top: 7px;
	height: 120px;
	cursor: pointer;
}

.portfolio_teaser {
	padding: 10px;
	float: left;
	width: 600px;
}

.portfolio_teaser img {
	padding-right: 10px;
}

.contact_box {
	background: #00AEEF url(../images/contactbgdb.gif) no-repeat bottom;
	float: right;
	width: 187px;
	padding: 10px;
	height: 230px;
}
.contact_box  span {
	color:#FFFFFF;
	font-weight: bold;
}

.seo_box {
	background: #0A6D92;
	float: right;
	width: 230px;
	padding: 10px;
	height: 140px;
}

.seo_box  span {
	color:#FFFFFF;
	font-weight: bold;
}

.seo_box_wide {
	background: #0A6D92;
	float: right;
	width: 98%;
	padding: 10px;
	height: 140px;
}

.seo_box_wide  span {
	color:#FFFFFF;
	font-weight: bold;
}

.greenbg {
	background: #BED63D url(../images/arrowgreen.gif) no-repeat right bottom;
}

.violetbg {
	background: #B92E8D url(../images/arrowviolet.gif) no-repeat right bottom;
}

.bluebg {
	background: #44C7F4 url(../images/arrowblue.gif) no-repeat right bottom;
}
.medbluetxt {
	font-size: 14px;
	color: #44C7F4;
}

.orangebg {
	background: #F6911E url(../images/arroworange.gif) no-repeat right bottom;
}


#logo {
	float: left;
	width: 250px;
	padding-top: 5px;
	padding-bottom: 30px;
}

#header-right {
	float: right;
	width: 475px;
	text-align: right;
	padding-top: 7px;
}

/* ******************** FOOTER STYLES ************************ */


#footer {
	padding: 30px 0 15px 0;
}

#footer .left {
	width: 200px;
	float:left;
}

#footer .right {
	width: 250px;
	float:right;
	text-align: right;
}



/* ******************** LINK STYLES ************************ */

a:link, a:active, a:visited {
	color: #666;
	text-decoration: none;
}

a:hover {
	color: #44C7F4;
	text-decoration: underline;
}

#footer a:link,
#footer a:active,
#footer a:visited {
	padding-left: 10px;
}

#footer a:hover {
	padding-left: 10px;
}


a.dbluelinks:visited,
a.dbluelinks:link,
a.dbluelinks:active {
	color: #046F89;
	text-decoration: none;
	font-weight: bold;
}


a.dbluelinks:hover {
	color: #333333;
	text-decoration: none;
}


a.underlinks:visited,
a.underlinks:link,
a.underlinks:active {
	color: #0081E6;
	text-decoration: none;
	font-weight: bold;
}


a.underlinks:hover {
	color: #333333;
	text-decoration: underline;
}

a.whitelinks:visited,
a.whitelinks:link,
a.whitelinks:active {
	color: #FFFFFF;
	text-decoration: none;
}


a.whitelinks:hover {
	color: #e6e7e8;
	text-decoration: none;
}

a.whitelinksul:visited,
a.whitelinksul:link,
a.whitelinksul:active {
	color: #FFFFFF;
	text-decoration: underline;
}


a.whitelinksul:hover {
	color: #e6e7e8;
	text-decoration: none;
}


/* ******************** MAIN NAV ************************ */

#main_navigation {
	width: 865px;
	text-align: center;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 35px;
}
#main_nav_container {
	background: #FFFFFF;
	float: left;
	width: 900px;
}

#banner {
	border-right: 35px solid #FFFFFF;
	border-left: 35px solid #FFFFFF;
	height: 250px;
	float: left;
}

#flash_container {
	height: 250px;
	width: 830px;
}



#main_nav {
	list-style: none;
	padding-right: 15px;
	text-align: left;
}


#main_nav li {
	display: inline;
	list-style-type: none;
	padding-right: 15px;
	background: #FFFFFF;
}

#main_nav a:link,
#main_nav a:visited,
#main_nav a:active {
	text-decoration: none;
	color: #B2B2B2;
	}

#main_nav a:hover {
	color: #046F89;
	text-decoration: none;
}	

#aboutpage #main_nav a.abouthilight:link,
#aboutpage #main_nav a.abouthilight:visited,
#aboutpage #main_nav a.abouthilight:active {
	text-decoration: none;
	color: #046F89;
	}
	
#servicespage #main_nav a.serviceshilight:link,
#servicespage #main_nav a.serviceshilight:visited,
#servicespage #main_nav a.serviceshilight:active {
	text-decoration: none;
	color: #046F89;
	}

#productspage #main_nav a.productshilight:link,
#productspage #main_nav a.productshilight:visited,
#productspage #main_nav a.productshilight:active {
	text-decoration: none;
	color: #046F89;
	}
	
#contactpage #main_nav a.contacthilight:link,
#contactpage #main_nav a.contacthilight:visited,
#contactpage #main_nav a.contacthilight:active {
	text-decoration: none;
	color: #046F89;
	}


#clientpage #main_nav a.clienthilight:link,
#clientpage #main_nav a.clienthilight:visited,
#clientpage #main_nav a.clienthilight:active {
	text-decoration: none;
	color: #046F89;
	}


#homepage #main_nav a.homethilight:link,
#homepage #main_nav a.homehilight:visited,
#homepage #main_nav a.homehilight:active {
	text-decoration: none;
	color: #046F89;
	}

#socialpage #main_nav a.socialhilight:link,
#socialpage #main_nav a.socialhilight:visited,
#socialpage #main_nav a.socialhilight:active {
	text-decoration: none;
	color: #046F89;
	}	

#interior_nav {
width:500px;
}
	
#interior_nav li {
	display: inline-block;
	list-style-type: none;
	font-size: 17px;
	font-weight: bold;
	width: 105px;
	float: left;
	margin-left:0;
}

	

#interior_nav a:link,
#interior_nav a:visited,
#interior_nav a:active {
	text-decoration: none;
	color: #e6e7e8;
	}
	
#interior_nav a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
	
#composecontent #interior_nav a:link,
#composecontent #interior_nav a:visited,
#composecontent #interior_nav a:active {
	text-decoration: none;
	color: #7f9120;
	}
	
#composecontent #interior_nav a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#composecontent #interior_nav a.composecontent:link,
#composecontent #interior_nav a.composecontent:visited,
#composecontent #interior_nav a.composecontent:active {
	text-decoration: none;
	color: #FFFFFF;
	}
	
	
	
	
#composecommerce #interior_nav a:link,
#composecommerce #interior_nav a:visited,
#composecommerce #interior_nav a:active {
	text-decoration: none;
	color: #6a1d52;
	}
	
#composecommerce #interior_nav a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#composecommerce #interior_nav a.composecommerce:link,
#composecommerce #interior_nav a.composecommerce:visited,
#composecommerce #interior_nav a.composecommerce:active {
	text-decoration: none;
	color: #FFFFFF;
	}
	
	
	

#composemailshot #interior_nav a:link,
#composemailshot #interior_nav a:visited,
#composemailshot #interior_nav a:active {
	text-decoration: none;
	color: #157b9e;
	}
	
#composemailshot #interior_nav a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#composemailshot #interior_nav a.composemailshot:link,
#composemailshot #interior_nav a.composemailshot:visited,
#composemailshot #interior_nav a.composemailshot:active {
	text-decoration: none;
	color: #FFFFFF;
	}



#onlinemarketing #interior_nav a:link,
#onlinemarketing #interior_nav a:visited,
#onlinemarketing #interior_nav a:active {
	text-decoration: none;
	color: #a65e0c;
	}
	
#onlinemarketing #interior_nav a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#onlinemarketing #interior_nav a.onlinemarketing:link,
#onlinemarketing #interior_nav a.onlinemarketing:visited,
#onlinemarketing #interior_nav a.onlinemarketing:active {
	text-decoration: none;
	color: #FFFFFF;
	}
li {
	margin-left: 15px;
	margin-bottom: 3px;
	list-style-type: disc;
}
.portfolio_teaser_med {
	padding: 10px;
	float: left;
	width: 396px;
}


#interior_nav {

}