/*
Theme Name: MAW Associates
Theme URI: http://www.mawassociates.co.uk/
Description: MAW Associates Site Theme.
Version: 1.0
Author: MAW Associates
Tags: MAW, Blue, three column
*/

html
	{
	color:#fff;
	background:#000;
	}
	
body
	{
	margin:0;
	padding:0;
	}

#bg-cover
	{
	background-image:url(../gifs/content_bg_over.png);
	background-repeat:repeat;
	width:100%;
	/*min-height:1200px;*/
	position:relative;
	}


/*container*/
#maw
	{
	width:100%;
	/*min-height:1200px;*/
	text-align:left;
	font-size:0.923em;
	position:relative;
	/*background:none !important;*/
	background-image:url(../gifs/content_bg8.jpg);
	background-repeat:no-repeat;
	/*background-position:center;*/
	background-position:top;
	}


/*skip navigation*/
.skip-nav, .top
	{
	display:none;
	}


/*******************************  maw css  *******************************/	
/* Header CSS											    		     */
/*******************************  maw css  *******************************/	



/*header*/
#maw #head
	{
	background:none !important;
	/*border-style:solid;
	border-width:0 0 1px;*/
	position:relative;
	z-index:2;
	width:100%;
	}


/*top panel*/
#header-area
	{
	width:100%;
	height:100px;
	overflow:hidden;
	/*padding-top: 15px;*/
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	/*background-image:url(../gifs/header_trans.png);
	background-repeat:repeat-x;*/
	}

.head-bg
	{
	padding:0;
	margin:0;
	/*background-image:url(../gifs/header_bg.jpg);
	background-repeat:no-repeat;*/
	width:960px;
	height:100px;	
	}

/*site logo*/

.logo-bg
	{
	float:left;
	width:300px;
	padding:0px;
	margin:20px 0 0 20px;
	}

.logo
	{
	color:#FFFFFF;
	}
	
.get-touch
	{
	float:right;
	padding:0;
	margin:0;
	}

.get-touch-btn
	{
	width:136px;
	height:27px;
	padding:3px 0 0 8px;
	margin:0;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-image:url(../gifs/in_touch_bg.png);
	background-repeat:no-repeat;
	}

.get-touch-btn a
	{
	color:#FFFFFF;
	text-decoration:none;
	}
	
.get-touch-btn a:hover
	{
	color:#FFFFFF;
	text-decoration:underline;
	}



/*******************************  maw css  *******************************/	
/* Header CSS											    		     */
/*******************************  maw css  *******************************/




/*******************************  maw css  *******************************/	
/* Navigation CSS											    		 */
/*******************************  maw css  *******************************/	

.menu{
	padding:0;
	position:relative;
	z-index:3;
	height:40px;
	/*background-image:url(../gifs/header_trans.png);
	background-repeat:repeat-x;*/
	}


ul#nav
	{
	
	margin:0;
	padding:0 0 0 20px;
	list-style:none;
	width:940px;
	height:40px;
	float:left;
	background-image:url(../gifs/nav_bg.jpg);
	background-repeat:no-repeat;
	}


ul#nav li 
	{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	background:none;
	z-index:2000;
	list-style:none;
	}

ul#nav li a {
  float:left;
  padding:8px 8px 10px 8px;
  font:bold 1.2em Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  text-decoration:none;
 
}

ul#nav li:hover a,
ul#nav li.over a {
  /*color:#82cadd;*/
  /*color:#009eae;*/
  color:#FFFFFF;
 /* background:#464646 none no-repeat center right;*/
  background-image:url(../gifs/nav_hover_bg.png);
}

ul#nav li ul li a,
ul#nav li ul li:hover a,
ul#nav li ul li.over a {
  /*color:#82cadd;*/
  color:#2D8AA2;
  background:none;
}


ul#nav li ul.main {
  display:none;
  position:absolute;
  left:-139px;
  top:38px;
  width:870px;
  margin:0 0 0 0;
  padding:0 0 5px 0;
  /*background:#464646;*/
  background:#00191b;
  z-index:3000;  
 /* background-image:url(../gifs/nav_hover_bg.jpg);
  background-position:bottom;
  background-repeat:repeat-x;*/
}

ul#nav li:hover ul.main,
ul#nav li.over ul.main {
  display:block;
}

ul#nav li ul li {
  float:left;
}

ul#nav li.about ul li {
  width:180px;
  padding:0;
}

ul#nav li ul li.column2 {
  width:200px;

}

ul#nav li ul li.column3 {
  width:200px;
}
ul#nav li:hover ul li a,
ul#nav li.over ul li a {
  padding:20px 0 15px 15px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:1.2em;
  color:#fff;
  background:none;
}

ul#nav li:hover ul.onelevel,
ul#nav li.over ul.onelevel {
  padding:1em 1em 1em 12px;

  width:220px;
  left:0;
}

ul#nav li:hover ul.onelevel li a,
ul#nav li.over ul.onelevel li a {
  width:220px;
  margin-left:4px;
  padding:0 0 4px 0;
  font-family:Arial,Helvetica,sans-serif;
  font-size:1.1em;
  font-style:normal;
  color:#fff;
  line-height:1.2em;
}


ul#nav li:hover ul li a:hover,
ul#nav li.over ul li a:hover {
  /*color:#7EB9BF;*/
  color:#2D8AA2;
  background:transparent none;
}

ul#nav li ul li ul {
  position:relative;
  clear:both;
  left:0;
  top:0;
  min-height:124px;
  margin:0;
  padding:0 24px 0 15px;

}

ul#nav li ul li ul.column1 li
{
  width:470px;
}

ul#nav li ul li ul.column2,
ul#nav li ul li ul.column2 li {
  width:200px;
}

ul#nav li ul li ul.column3 {
  width:250px;
  padding-right:0;
  background:none;
}

ul#nav li ul li ul.column3 li {
   width:250px;
}

ul#nav li ul li ul li {
 	clear:left;
}

ul#nav li:hover ul li ul li a,
ul#nav li.over ul li ul li a {

  margin-left:4px;
  padding:0 0 4px 2px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:1.1em;
  font-style:normal;
  color:#fff;
  line-height:1.2em;

}

ul#nav li:hover ul li ul.column2 li a,
ul#nav li.over ul li ul.column2 li a {
  width:200px;
}





/*******************************  maw css  *******************************/	
/* Navigation CSS											    		 */
/*******************************  maw css  *******************************/	




/*******************************  maw css  *******************************/	
/* Content CSS											    		     */
/*******************************  maw css  *******************************/	

.content
	{
	width:960px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	}	

.content-nav
	{
	width:960px;
	margin:0 auto;
	position:relative;
	/*overflow:hidden;*/
	}	

.content-bg
	{
	width:940px;
	margin:0;
	padding:10px;
	background-image:url(../gifs/main_content_bg.png);
	/*background-color:#111111;*/
	float:left;
	}
	
#content-banner
	{
	width:940px;
	height:250px;
	padding:0;
	float:left;
	margin:0 0 10px 0;
	}
	
.banner-img
	{
	width:940px;
	height:250px;
	padding:0;
	background-color:#111111;
	float:left;
	}

.banner-img ul
	{
	padding:0;
	margin:0;
	}

#content-left
	{
	width:620px;
	margin-right:20px;
	padding:0 10px 10px 10px;
	float:left;
	background-color:#111111;
	/*background-color:#fff;*/
	}

#content-right
	{
	width:260px;
	padding:10px;
	float:left;
	background-color:#111111;
	}

#content-all
	{
	width:920px;
	margin:0;
	padding:0 10px 10px 10px;
	background-color:#111111;
	float:left;
	}
	

.services
	{
	width:289px;
	padding:0px;
	margin:0px;
	margin-right:20px;
	float:left;
	border-right:solid 1px #e2e2e2
	}

.services ul
	{
	margin-left:15px;
	margin-top:10px;
	padding:0px;
	}
	
.services li
	{
	font:normal 0.9em Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	}

.support
	{
	width:300px;
	padding:0px;
	margin:0px;
	float:left;

	}
	
.support ul
	{
	margin-left:15px;
	margin-top:10px;
	padding:0px;
	}
	
.support li
	{
	font:normal 0.9em Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	}
	
.news
	{
	width:289px;
	padding:0px;
	margin:0px;	
	padding-left:20px;
	float:left;	
	border-left:solid 1px #e2e2e2
	}

.news ul
	{
	margin-left:15px;
	margin-top:10px;
	padding:0px;
	}
	
.news li
	{
	font:normal 0.9em Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	}
	
.home-main-area
	{
	width:630px;
	height:350px;
	background-color:#111111;
	padding:0;
	margin:0;
	float:left;
	}

.home-main-area h1
	{
	color:#FFFFFF;
	font:bold 2em Arial, Helvetica, sans-serif;
	padding:165px 50px 0 20px;
	margin:0;
	float:left;
	}

.home-main-area p
	{
	color:#FFFFFF;
	font:bold 1em Arial, Helvetica, sans-serif;
	padding:10px 0 0 20px;
	margin:0;
	width:370px;
	float:left;
	}

.home-main-area a
	{
	color:#00a1b1;
	text-decoration:none;
	}

.home-main-area a:hover
	{
	color:#00a1b1;
	text-decoration:underline;
	}

.home-hosting
	{
	width:310px;
	height:120px;
	padding:0;
	margin:0;
	float:right;
	background-image:url(../gifs/hosting_bg2.jpg);
	background-repeat:no-repeat;
	}

.home-hosting h2
	{
	color:#FFFFFF;
	font:bold 1.4em Arial, Helvetica, sans-serif;
	line-height:1em;
	padding:65px 20px 0 15px;
	margin:0;
	}

.home-hosting a
	{
	color:#FFFFFF;
	text-decoration:none;
	}
	
.home-hosting a:hover
	{
	color:#FFFFFF;
	text-decoration:underline;
	}

.home-other
	{
	width:310px;
	height:120px;
	padding:0;
	margin:0;
	float:right;
	background-image:url(../gifs/other_services_bg.jpg);
	background-repeat:no-repeat;
	}

.home-other h2
	{
	color:#FFFFFF;
	font:bold 1.4em Arial, Helvetica, sans-serif;
	line-height:1em;
	padding:65px 20px 0 15px;
	margin:0;
	}

.home-other a
	{
	color:#FFFFFF;
	text-decoration:none;
	}
	
.home-other a:hover
	{
	color:#FFFFFF;
	text-decoration:underline;
	}

.home-establish
	{
	width:155px;
	height:110px;
	padding:0;
	margin:0;
	float:left;
	background-image:url(../gifs/establish_bg.jpg);
	background-repeat:no-repeat;
	}

.home-establish h2
	{
	color:#FFFFFF;
	font:bold 1.4em Arial, Helvetica, sans-serif;
	line-height:1em;
	padding:16px 20px 0 15px;
	margin:0;
	}

.home-establish a
	{
	color:#FFFFFF;
	text-decoration:none;
	}
	
.home-establish a:hover
	{
	color:#FFFFFF;
	text-decoration:underline;
	}

.home-contact
	{
	width:155px;
	height:110px;
	padding:0;
	margin:0;
	float:right;
	background-image:url(../gifs/contact_bg.jpg);
	background-repeat:no-repeat;
	}

.home-contact h2
	{
	color:#FFFFFF;
	font:bold 1.4em Arial, Helvetica, sans-serif;
	padding:80px 20px 0 20px;
	margin:0;
	}

.home-contact a
	{
	color:#FFFFFF;
	text-decoration:none;
	}
	
.home-contact a:hover
	{
	color:#FFFFFF;
	text-decoration:underline;
	}

.page-divide
	{
	width:940px;
	float:left;
	padding:0;
	margin:10px 0 10px 0;
	height:10px;
	border-top:dotted 1px #FFFFFF;
	}

.page-divide-int
	{
	width:920px;
	float:left;
	padding:0;
	margin:10px 0 10px 0;
	height:10px;
	border-top:dotted 1px #FFFFFF;
	}

.page-divide-short
	{
	width:620px;
	float:left;
	padding:0;
	margin:10px 0 10px 0;
	height:10px;
	border-top:dotted 1px #FFFFFF;
	}

.page-col-1
	{
	width:290px;
	height:220px;
	float:left;
	padding:0 10px 10px 10px;
	margin:0 0 10px 0;
	border-right:dotted 1px #FFFFFF;
	}

.page-col-1 h2
	{
	padding:0 0 10px 0;
	margin:0;
	color:#FFFFFF;
	font:bold 1.4em Arial, Helvetica, sans-serif;
	}

.page-col-1 p
	{
	padding:0 0 10px 0;
	margin:0;
	font:normal 0.9em Arial, Helvetica, sans-serif;
	line-height:1.0em;
	}

.page-col-1 ul
	{
	padding:0 0 0 15px;
	margin:0;
	}

.page-col-1 li
	{
	font:normal 0.9em Arial, Helvetica, sans-serif;
	line-height:1.2em;
	}
	
.page-col-2
	{
	width:290px;
	height:220px;
	float:left;
	padding:0 10px 10px 10px;
	margin:0;
	border-right:dotted 1px #FFFFFF;
	}

.page-col-2 h2
	{
	padding:0 0 10px 0;
	margin:0;
	color:#FFFFFF;
	font:bold 1.4em Arial, Helvetica, sans-serif;
	}

.page-col-2 p
	{
	padding:0 0 10px 0;
	margin:0;
	font:normal 0.9em Arial, Helvetica, sans-serif;
	line-height:1.0em;
	}

.page-col-2 ul
	{
	padding:0 0 0 15px;
	margin:0;
	}

.page-col-2 li
	{
	font:normal 0.9em Arial, Helvetica, sans-serif;
	line-height:1.2em;
	}

.page-col-3
	{
	width:290px;
	height:220px;
	float:left;
	padding:0 10px 10px 10px;
	margin:0;
	}

.learn-btn
	{
	width:100px;
	height:20px;
	background-image:url(../gifs/more_btn_lrg.png);
	background-repeat:no-repeat;
	float:left;
	padding:0;
	margin:20px 0 0 10px;
	}

.learn-btn p
	{
	font:normal 0.9em Arial, Helvetica, sans-serif;
	padding:2px 0 0 10px;
	margin:0;
	}

.learn-btn a
	{
	text-decoration:none;
	color:#FFFFFF;
	}

.learn-btn a:hover
	{
	text-decoration:underline;
	color:#FFFFFF;
	}

.contact-col-1
	{
	width:300px;
	float:left;
	padding:0;
	margin:20px 0 10px 0;
	}

.contact-col-2
	{
	width:310px;
	float:left;
	padding:0;
	margin:20px 0 0 0;
	}

.portfolio
	{
	width:920px;
	float:left;
	margin:0 0 0px 0px;
	padding:20px 0 20px 0;
	border-bottom:dotted 1px #e3e3e3;
	}

.portfolio-image
	{
	width:616px;
	border:solid 1px #e3e3e3;
	padding:1px;
	float:left;
	margin:0 20px 0 0;
	}
	
.portfolio-content 
	{
	float:right;
	width:280px;
	padding:10px 0 0 0;
	margin:0;
	}

.portfolio-content ul
	{
	margin:10px 0 0 15px;
	padding:0;
	}

.portfolio-item
	{
	margin:0 0 20px 0;
	padding:0px;
	float:left;
	width:310px;
	height:230px;
	}

.portfolio-item img
	{
	padding:2px;
	border:1px solid #eeeeee;
	float:left;
	width:288px;
	margin:0 0 10px 0;
	background-color:#111111;
	}

.portfolio-left
	{
	margin:0px;
	padding:0px;
	float:left;
	width:300px;
	}


.services-col-1
	{
	width:289px;
	padding:0;
	margin:0 20px 10px 0;
	float:left;
	border-right:dotted 1px #FFFFFF;
	}

.services-col-2
	{
	width:289px;
	padding:0;
	margin:0 20px 0 0;
	float:left;
	border-right:dotted 1px #FFFFFF;
	}

.services-col-3
	{
	width:300px;
	padding:0;
	margin:0;
	float:left;
	}

.internal-col-1
	{
	width:199px;
	padding:0;
	margin:0 10px 0 0;
	float:left;
	border-right:dotted 1px #FFFFFF;
	}




.internal-col-2
	{
	width:199px;
	padding:0;
	margin:0 10px 0 0;
	float:left;
	border-right:dotted 1px #FFFFFF;
	}

.internal-col-3
	{
	width:200px;
	padding:0;
	margin:0;
	float:left;
	}


/* Generic Page Styles */
	
h1
	{
	font:bold 2.4em Arial, Helvetica, sans-serif;
	/*color:#00a1b1;*/
	padding:10px 0 10px 0;
	margin:0;
	/*line-height:1.4em;*/
	}
	
h2
	{
	font:bold 1.6em Arial, Helvetica, sans-serif;
	/*color:#00a1b1;*/
	/*color:#888;*/
	padding:10px 0 10px 0;
	margin:0;
	}

h3
	{
	font:bold 1.0em Arial, Helvetica, sans-serif;
	/*color:#666;*/
	padding:10px 0 10px 0;
	margin:0;
	}

h4
	{
	font:bold 0.8em Arial, Helvetica, sans-serif;
	/*color:#00a1b1;*/
	padding:10px 0 10px 0;
	margin:0;
	}

a 
	{
	color:#00a1b1;
	text-decoration:none;
	}

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

p
	{
	font:normal 0.9em Arial, Helvetica, sans-serif;
	/*color:#888888;*/
	padding:0;
	margin:0;
	line-height:1.2;
	}

ul
	{
	padding:10px;
	margin:0;
	}

li
	{
	padding:0;
	margin:0;
	font:normal 0.9em Arial, Helvetica, sans-serif;
	/*color:#888888;*/
	}

.right-marg-10
	{
	margin-right:10px;
	}

.right-marg-20
	{
	padding-right:20px;
	}
	
.breadcrumbs
	{
	width:620px;
	float:left;
	padding:0px;
	margin:10px 0 20px 0;
	font:normal 0.8em Arial, Helvetica, sans-serif;	
	}

.breadcrumbs-all
	{
	width:920px;
	float:left;
	padding:0px;
	margin:10px 0 20px 0;
	font:normal 0.8em Arial, Helvetica, sans-serif;	
	}

label
	{
	font:normal 0.9em Arial, Helvetica, sans-serif;
	/*color:#888888;*/
	padding:0;
	margin:0;
	line-height:1.2;
	}

/* Generic Page Styles */

/*******************************  maw css  *******************************/	
/* Content CSS											    		     */
/*******************************  maw css  *******************************/





/*******************************  maw css  *******************************/	
/* Footer CSS											    		     */
/*******************************  maw css  *******************************/

.footer-bg
	{
	background-color:#000000;
	padding:10px 0 0 0;
	margin:0;
	}

.footer-area
	{
	border-top:1px dotted #e3e3e3;
	padding-top:10px;
	/*margin-top:10px;*/
	margin-left:10px;
	margin-right:10px;
	height:100px;
	font:normal 0.8em Arial, Helvetica, sans-serif;
	color:#888888;
	}

.footer-area h2
	{
	padding:0 0 10px 0;
	margin:0;
	font:bold 1.8em Arial, Helvetica, sans-serif;
	color:#444444;
	}

/*******************************  maw css  *******************************/	
/* Footer CSS											    		     */
/*******************************  maw css  *******************************/