/* CSS Document */

*,html {
	padding: 0px;
	margin: 0px;
	outline: none;
	/*border: 0px;*/
}

body {
	text-align:center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#383838;
}

body.body {
	background-image:url(../images/bg_02.png);
	background-position:top;
	background-repeat:repeat-x;
}
body.body_int {
	background-image:url(../images/internal_bg.png);
	background-position:top;
	background-repeat:repeat-x;
}

a#logo {
	overflow: hidden;
	display: block;
	width: 360px;
	height: 70px;
}



a#contact-left {
	text-indent: -400px;
	overflow: hidden;
	display: block;
	width: 244px;
	height: 88px;
	clear: left;
	margin-top: 85px;
	margin-left: 28px;
}
a#contact-right {
	overflow: hidden;
	width: 244px;
	height: 80px;
	display: block;
	margin-left: 28px;
}



div, p, table {
	color:#383838;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

p {
margin-top: 20px;
margin-bottom: 20px;
}

a {
	color:#000000;
	text-decoration: none;
}

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


h1 {
	color:#0451c0;
	font-size:18px;
	margin-top:15px;
	margin-bottom:15px;
	font-family:arial
}

.nav h1{
    font-size:7px;
    margin:0px;
    padding:0px;
    color:#cc6600;
    float: left;
}


h2 {
	margin-top:15px;
	margin-bottom:15px;
	font-family:arial;
	font-size:20px;
}

h3 {
color:#1676ec;
font-size:18px;
margin-top:15px;
margin-bottom:15px;
font-family:arial;
}

.container {
	margin-left:auto;
	margin-right:auto;
	width:950px;
	text-align:left;
}

.nav {
	width:950px;
	height:35px;
	float:left;
	text-align:right;
}

.banner {
	width:950px;
	float:left;
	height:182px;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
}

.banner_int {
	width:950px;
	float:left;
	height:182px;
	background-image:url(../images/banner_internal.jpg);
	background-repeat:no-repeat;
}

.desc_box {
margin-top: 198px;
margin-left: 25px;

}
.cont_wrap {
	
	float:left;
	width:100%;
}

.cont_wrap_inner{
    float:left;
}


.front_cont {
	background-image:url(../images/heading_bg_10.png);
	background-position:top;
	background-repeat:repeat-x;
	width:305px;
	float:left;
	margin-top:20px;
}

.font_cont.middle{
    margin-left:17px;
    margin-right:17px;
}


.left_area {
	float:left;
	margin-right: 20px;
	width:245px;
}

.left_area ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-bottom:40px;
}

.left_area h3 {
	font-size:15px;
	color:#000000;
	margin-left:0px;
	margin-top:20px;
	margin-bottom:5px;
}

.left_area ul li a {
	font-size:12px;
	color:#555555;
	text-decoration:none;
	border-bottom: 1px dotted #555555;
	display:block;
	height:25px;
	width:245px;
	line-height:25px;
	text-indent:5px;
}

.left_area ul li a:hover {
	background-color:#555555;
	color:#ffffff;
}

.main_wrap{
    float:left;
    width:100%;
}

.homeicons {
	display: block;
		text-indent: -1000px;
		overflow: hidden;
		width: 265px;
	height: 116px;
	float: left;
}

a#icon1 {
	margin-left: 20px;
	background: url(../images/webdesign.gif) no-repeat;
}

a#icon2 {

	background: url(../images/seo.gif) no-repeat;
	margin-left: 40px;
}

a#icon3 {

	background: url(../images/marketing.gif) no-repeat;
	margin-left: 40px;
}

a#icon1:hover,a#icon2:hover,a#icon3:hover {
	background-position: -270px;
}

.content {
	float:left;
	width:680px;
}

.content a {
	color: #000000;
	text-decoration: none;
}

.content a:hover {
	text-decoration: underline;
	color: #000000;
}

.content ul {
        margin-bottom: 20px;
        clear: both;
        list-style: url(../images/li-bullet.gif);
        margin-left: 15px;
}

.right_area {
	float:left;
	margin-left:20px;
}

.front_cont2 {
	width:100%;
}

.moduletable-webdesign, 
.moduletable-optimisation, 
.moduletable-marketing {
	background-position:top;
	background-repeat:repeat-x;
	padding: 10px;

}
.moduletable-webdesign h3{
	color:#B633B6;
	font-size:20px;
	margin-top:0px;
	margin-bottom:10px;
	
}

.moduletable-optimisation h3 {
	color:#13A5BD;
	font-size:20px;
	margin-top:0px;
	margin-bottom:10px
}

.moduletable-marketing h3 {
	color:#F9A600;
	font-size:20px;
	margin-top:0px;
	margin-bottom:10px
}

.moduletable-icons {
	width:100%;
	float:left;
	margin-bottom:30px;
}

#mainlevel-nav {

float:right;
margin-top:10px;

}

.footer_box {
	background-color:#353535;
	height: 95px;
	width:950px;
	float:left;
	text-align:center;
}

.footer_wrap {
	margin-top:20px;
	text-align:center;
}

.footer_wrap .moduletablebottom table {
text-align:center;
color:#ffffff;
font-size:9px;

}

.footer_wrap a {
	color:#ffffff;
	font-size:9px;
}

.footer_wrap a:hover {
	color:#ffffff;
	font-size:9px;
	text-decoration:none;
}


.bread_crumbs {
	width:950px;
	background-color:#9dc6e1;
	margin-top:1px;
	padding-top:10px;
	padding-bottom:10px;
	text-indent:10px;
}

.pathway {
	color:#282828
}
/******* Drop Down Menu Start ******/

#mainlevel-nav, #mainlevel-nav ul {
	padding: 0px;
	margin-top:4px;
	list-style: none;
}

#mainlevel-nav a {
	display: block;
	color:#954b01;
	text-decoration:none;
	font-size:13px;
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:4px;
	font-weight:bold;
}

#mainlevel-nav li {
	float: left;
}

#mainlevel-nav li ul {
	position: absolute;
	width: 180px;
	left: -999em;
	margin:0px;
	padding:0px;
	margin-top:-3px;
	text-align:left;
	/*padding-top:5px;*/
	background-color: #c36605;
		
}

#mainlevel-nav li ul li {
	width:180px;
}

#mainlevel-nav li ul li a{
		margin: 0px;
		color:#ffde74;
		font-size: 13px;
	}


#mainlevel-nav li:hover ul {
	left: auto;
}

#mainlevel-nav li:hover ul, #mainlevel-nav li.sfhover ul {
	left: auto;
}

#mainlevelmain li a,
	#mainlevel-nav li a:hover,
	#mainlevel-nav li.sfhover a,
	#mainlevel-nav li#active_menu-nav a,
	#mainlevel-nav li.mainlevel_current-nav a,
	#mainlevel-nav li.mainlevel_active-nav a{
		background-color: #c36605;
		color:#ffde74;;
	}
	
	#active_menu-nav a {
		background-color: #c36605;
		color:#ffde74;
	}
	
	#mainlevel-nav li a {
		
	}
	
	#mainlevel-nav li li a:hover,
	#mainlevel-nav li.sfhover li.sfhover a {
		background-color: #FF9204;
	}	
	
	#mainlevel-nav li ul li ul {
	display:none;
	}
	
	#mainlevel-nav li:hover { /* IE6 stuck-on hover bug fix */
		background-position: 0 0;
}

/***** Menu End ******/

.icon1 {
width:33%;
float:left;
}

.icon2 {
width:33%;
float:left;
}

.icon3 {
width:33%;
float:left;
}

#send-enquiry {
	width: 230px;
	background-color:#145C91;
	border:medium none;
	color:#ffffff;
	cursor:pointer;

}

div.content-cta {
	border: 1px solid #008ac2;
	background: url(../images/cta-bg.png) repeat-x;
	padding: 9px;
	margin-top: 40px;
	cursor: pointer;
	text-align: center;
	font-size: 18px;
	font-family: arial;
	color: #fff;
	position: relative;
}

div.content-cta:hover {
	background-position: bottom left;
}

div.content-cta a {
	border: 0;
}



a#webdesign-icon1 {
	margin-left: 5px;
	background: url(../images/cheapwebsites.gif) no-repeat;
}

a#webdesign-icon2 {

	background: url(../images/customdesign.gif) no-repeat;
	margin-left: 5px;
}

a#webdesign-icon3 {

	background: url(../images/ecommerce.gif) no-repeat;
	margin-left: 5px;
}

a#webdesign-icon1:hover,a#webdesign-icon2:hover,a#webdesign-icon3:hover {
	background-position: -270px;
}

a#webdesign,a#webdesign:hover,a#webdesign:visited {
	color:#1676ec;
	font-size:16px;
	margin-top:3px;
	margin-bottom:15px;
	font-family:arial;
	text-decoration: underline;
}



table#webicons {
	width:100%;
	text-align:center;
}

.webicons {
	display: block;
		text-indent: -1000px;
		overflow: hidden;
		width: 105px;
	height: 116px;
	float: left;
}

a#web-design-icon1 {
	margin-left: 20px;
	background: url(../images/cheap-websites.gif) no-repeat;
}

a#web-design-icon2 {
	margin-left: 20px;
	background: url(../images/custom-graphic-design.gif) no-repeat;
}

a#web-design-icon3 {
	margin-left: 20px;
	background: url(../images/ecommerce-websites.gif) no-repeat;
}

a#web-design-icon4 {
	margin-left: 20px;
	background: url(../images/custom-websites.gif) no-repeat;
}

a#web-design-icon1:hover,a#web-design-icon2:hover,a#web-design-icon3:hover,a#web-design-icon4:hover {
	background-position: -110px;
}



a.contentpagetitle  {
	text-decoration: none;
	color:#1676ec;
	font-size:16px;
	font-family:arial;
}

a.contentpagetitle:hover {
	text-decoration: underline;
	color:#1676ec;
	font-size:16px;
	font-family:arial;
}

.componentheading {
	color:#000000;
	text-decoration: none;
	font-size:20px;
	margin-top:15px;
	margin-bottom:15px;
	font-family:arial;
}