@font-face {
	font-family: ArtBrush;
	src: url(font/artbrush/artbrush-webfont.eot);
	src: local("?"), 
	url(font/artbrush/artbrush-webfont.woff) format("woff"), 
	url(font/artbrush/artbrush-webfont.ttf) format("truetype"), 
	url(font/artbrush/artbrush-webfont.svg) format("svg");
	font-weight: normal;
	font-style: normal;
}

html{padding:0; margin:0; }
body{padding:0; margin:0; align:center; font-family:Tahoma, Geneva, sans-serif; color:#333;}

.clear{clear:both;}

a {text-decoration:none; color:#069;}
a:hover{text-decoration:underline;}
h1{font-family:Tahoma,Geneva,Verdana,'Lucida Sans','Lucida Grande','Lucida Sans Unicode',sans-serif; font-size:1.3em;}
.color_bar
{
	background-color:#BBB;
	height:7px;	
}

#holder
{
	width:955px;
	border:1px solid #CCC;
	border-top:none;
	margin:auto;
	background-image:url('../img/main-bg.jpg');
}



#header
{
	width:955px;
	height:108px;
	background-image:url('../img/epx-technical-services-it-support.jpg');	
}

#header_links
{
	width:250px;
	float:right;
	font-size:0.8em;
	border:1px solid #CCC;
	border-top:none;
	border-right:none;
	padding-bottom:4px;
	padding-left:4px;
	border-radius:0 0 0 10px;
	background-color:#EEE;
	color:#CCC;
}

#header_links a
{
	color:#666;
	text-decoration:none;
	margin:0 10px 0 10px;	
}

#header_links a img
{
	margin:right;5px;
	border:0; 
		
}

#header_links a:hover
{
	text-decoration:underline;	
}

#header_contact
{
	margin-top:60px;
	font-size:1.0em;
	padding-right:10px;
	text-align:right;
	font-weight:bold
}


#menu
{
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	height:50px;
	background-color:#EEE;
	
}

#menu ul
{
	margin:0;
	padding:0;	
}

#menu ul li
{
	margin:0;
	padding:0;
	list-style:none;
	list-style-type:0;
	float:left;
	display:inline;
	position:relative;
	width:180px;
	border-right:1px solid #CCC;
}

#menu ul li .hidden_menu
{
	display:none;
	background-color:#FFF;
	
	border:1px solid #AAA;
	width: 18em;  
	position: absolute;  
	top: 50px;  
	left: 0em; 
	z-index:10000;
	width:500px;
	padding:10px;
	
	
	font-size:0.9em;
	
	border-top:none;
	
}


.menustyle
{
	margin:10px 5px 10px 20px;
	border-top:1px dashed #CCC;
	font-size:0.9em;
	padding-top:5px;	
}

.menustyle a
{
	font-weight:bold;
	font-size:0.9em;	
}



#menu ul li .hidden_menu .column
{
	float:left;
	margin-right:10px;
	font-size:0.9em;	
}

#menu ul li .hidden_menu .column h1
{
	font-size:1.1em;
	margin:5px 5px 10px 5px;
	padding:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#menu ul li .hidden_menu .column h2
{
	font-size:1.0em;
	font-weight:bold;
	margin:5px 5px 10px 5px;
	padding:0;
}

#menu ul li .hidden_menu .column .menuul_link1
{
	margin:0 0 0 0;
	padding:0;
	border:0;
	width:100%;
}

#menu ul li .hidden_menu .column .menuul_link li
{
	padding:0;
	margin:0;
	border:0;
	width:100%;
	list-style:square;
	list-style-type:square;
	
}

#menu ul li .hidden_menu .column .menuul_link li a
{
	height:auto;
	border-bottom:1px dotted #CCC;
	width:90%;
	color:#777; 

}

#menu ul li .hidden_menu .column .menuul_link .sublink
{
	padding-left:10px;
}

#menu ul li .hidden_menu .column .menuul
{
	margin:5px 0 0 0;
	padding:0;
	border:0;
}

#menu ul li .hidden_menu .column .menuul li
{
	padding:0;
	margin:0;
	list-style:none;
	list-style-type:none;
	border:0;
	width:100%;
	margin-bottom:5px;	
}



#menu ul li .hidden_menu .column .menuul li a
{
	height:8px;	
	
}

#menu ul li .hidden_menu .column .menuul li label
{
	float:left;
	font-weight:bold;
	width:100px;
	font-size:0.8em;	
}

#menu ul li .hidden_menu .column .menuul li input
{
	border-radius:5px;	
	padding:4px;
}

#menu ul li .hidden_menu .column .menuul li textarea
{
	border-radius:5px;	
	padding:4px;
}


#menu ul #contact_us
{
	float:right;
	width:160px;
	border-right:none;	
}

#menu ul #contact_us .hidden_menu
{
	left:-762px;
}

#menu ul #contact_us a
{
	width:144px;
	padding:8px;
		
}

/*#menu ul li:hover .green{border-bottom:3px solid #090; color:#090}
#menu ul li:hover .blue{border-bottom:3px solid #073b84; color:#073b84}
#menu ul li:hover .red{border-bottom:3px solid #C33; color:#C33}*/

#menu ul li a
{
	font-size:0.9em;
	color:#777;

	text-decoration:none;
	display:block;
	height:34px;
	width:164px;
	padding:8px 0 8px 16px;
}

#menu ul li a:hover
{
	background-color:#CCC;
}



#menu ul li a:hover span
{
	background-color:#CCC;
	color:#666;	
}

#menu ul li a img
{
	float:left;
	border:0;
	margin-right:10px;	
}

#menu ul li span
{
	font-size:0.7em;
	font-weight:normal;
}

#menu ul #home_link
{
	width:60px;	
}

#menu ul #home_link a
{
	width:44px;	
}

.green_bar{background-color:#6bb56a; height:10px}
.blue_bar{background-color:#5785c4; height:10px}
.red_bar{background-color:#c56e6e; height:10px}
.purple_bar{background-color:#af7aad; height:10px}
.grey_bar{background-color:#EEE; height:10px}
.glue_bar{background-color:#57d2cb; height:10px;}

.rounded-top{border-radius:5px 5px 0  0; margin-bottom:5px;}
.rounded-bottom{border-radius:0  0 5px 5px; margin-top:5px;}
.rounded{border-radius:5px; margin-bottom:5px;}

#left-content
{
	width:230px;
	float:left;
	border-right:1px solid #CCC;
	padding-right:10px;
	height:100%;
	background-color:#FBFBFB;
}

#left-content h2
{
	margin:20px 10px 0 15px;
	padding:0;
	font-size:1em;	 
	font-weight:normal;
	color:#333;
	
}

#left-content ul
{
	padding:0 0 0 15px;
	margin:10px 0 0 0;	

}

#left-content ul li
{

	line-height:25px;
	border-bottom:1px dotted #ccc;
	list-style:none;
	color:#333;
	font-size:0.9em;
	height:25px;
}

#left-content ul li span
{
	float:left;
}

#left-content ul li:hover
{
	background-color:#EEE;
}

#left-content ul li a
{
	color:#666;
	font-size:0.9em;
	float:right;
	width:90%;
	
	
}

#left-content ul li a:hover
{
	background-color:#EEE;	
}

#left-content ul li .selected
{
	font-weight:bold;
	
}

#left-content ul li a:hover
{
	color:#083c85;	
	text-decoration:none;
}

#right-content
{
	width:714px;
	float:right;
}

#right-content .right-content-inner
{
	margin-left:10px;	
}

.page_title
{
	font-family:Tahoma, Geneva, sans-serif;
  color:#fff;
  background-color:#BBB;
  margin:0 0 10px 0;
  padding:10px;
  font-weight:normal;
  background-image:url('../img/rip.png');
  background-position:bottom;
  background-repeat:no-repeat;
  height:45px;	
} 

#right-content hr
{
	border-top:1px solid #CCC;
	width:95%;
}

#right-content h2
{
	margin:20px 10px 5px 0px;
	padding:0;
	font-size:1.2em;	
	font-weight:normal;
	
}

#right-content h3
{
	margin:10px 5px 0px 0px;
	padding:0;
	font-size:1em;	
	font-weight:bold;
	
}
.full-width .fullinner
{
	padding:10px;
}

.full-width h2
{
	margin:20px 10px 5px 0px;
	padding:0;
	font-size:1.2em;	
	font-weight:normal;
	
}

.full-width h3
{
	margin:10px 5px 0px 0px;
	padding:0;
	font-size:1em;	
	font-weight:normal;
	
}
.box
{
	float:left;
	margin-right:20px;
	text-align:justify;
	border-bottom:4px solid #CCC;
	margin-bottom:10px;

	
}

.box p
{
	color:#333; 
	font-size:0.8em;
	line-height:20px;
}	


.box .subbox
{
	border-top:1px dashed #CCC;

}

.box .subbox h2
{
	 margin-top:5px;
	 margin-bottom:0;
	 font-size:0.9em;
}

.box .subbox img
{
	 margin:10px 0 0 10px; 
}

.box .subbox p
{
	margin-top:5px;	
}

.quote_me
{
	float:right;
	cursor:pointer;	
}

.feature
{
	float:right; 
	width:135px;
	border:1px solid #CCC;
	border-left:none;
	padding:5px;
	margin-left:705px;
	margin-bottom:10px;
	position:fixed;
	background-color:#EEE;
	top:187px;
	border-radius:0 10px 10px 0; 
	

}

.feature p
{
	color:#333; 
	font-size:0.8em;
	line-height:20px;

}

.feature h3
{
	color:#333;
	font-size:1.4em;	
}

.feature img
{
	cursor:pointer;
	width:95%;
	border:0;
		
}

.links_list
{
	margin:0;
	padding:0;	
}

.links_list li
{
	list-style:none;
	list-style-type:none;
	margin:0 0 0 10px;;
	padding:0;
	margin-top:5px;	
}

.portfolio_link
{
	margin-top:10px;
	font-size:0.8em;
	width:auto;
	margin-right:30px;
}

.portfolio_list
{
	margin:0;
	padding:0;	
}


.portfolio_list li
{
	list-style:none;
	list-style-type:none;
	font-size:0.8em;
	margin-bottom:5px;
}

.portfolio_list li label
{
	width:35%;
	font-weight:bold;
	float:left;
	
}
.enquiry_form
{
	margin:0;
	padding:0;	
}

.enquiry_form li
{
	list-style:none;
	list-style-type:none;
	margin-top:5px;
}

.enquiry_form li label
{
	float:left;
	font-weight:bold;
	width:30%;	
}

.enquiry_form li input, textarea
{
	border-radius:5px;
	padding:3px;	
}



.free_text
{
	margin:10px;
	font-size:0.9em;
	border-bottom:1px solid #CCC;	
}

#breadcrumb
{
	padding:5px;
	color:#666;
	text-decoration:none;
	font-size:0.8em;
	border-bottom:1px solid #CCC;
	background-color:#FFF;
}

#breadcrumb a
{
	color:#666;
	text-decoration:none;	
}

.picture_box
{
	border:1px solid #CCC;
	float:left;
	margin-right:10px;
	padding:10px;
	cursor:pointer;
	border-radius:5px;
}	



.picture_box img
{
	

}

.benefitsbox
{
	width:47%; 
	border-right:1px solid #CCC; 
	float:left;
	vertical-align:top;
	padding-right:10px;
}

.benefitsbox .innerbox
{
	margin-bottom:15px;
	height:80px;
	vertical-align:top;
	line-height:20px;	
}

.benefitsbox .innerbox img
{
	margin-bottom:50px;	
	float:left; 
	margin-right:15px;
}

.benefitsbox .innerbox h2
{ 
	margin:0 !important;
	font-size:0.9em !important;
	margin-bottom:-15px !important;
	
}

.quote
{
	border:1px solid #FC9;
	background-color:#FFC;
	margin:20px;
	padding:20px;
	font-size:0.9em;
	background-image:url('../img/quote.png');
	background-position:top left;
	background-repeat:no-repeat;
	 
} 

.blog_item
{
	margin:10px 5px 10px 20px;
	border-top:1px dashed #CCC;
	font-size:0.9em;
	padding-top:5px;
		
}
.blog_item a
{
	font-weight:bold;
	font-size:0.9em;	
}

.blog_item .published
{
	font-size:0.7em;
	text-align:right;
	color:#999;
	margin-bottom:5px;
	margin-top:5px;	
}

.product_box
{
	width:30%;
	float:left;
	border:1px solid #CCC;

	border-top:1px solid #CCC;	
	margin:10px;

	border-radius: 5px;
}

.product_box h1
{
	margin:0;
	padding:5px; 
	font-size:1.3em;
	color:#666;	
}

.round-border
{
	border:2px solid #CCC;
	border-radius:10px;
	box-shadow: 3px 3px 3px #CCC;
	margin:15px 30px 15px 10px;
	padding:30px 0 30px 0;	
		
}

.list
{
	margin:0;
	padding:0;	
}

.list li
{
	list-style:none;
	list-style-type:none;
	margin:0;
	padding:0;
}

.list li label
{
	font-weight:bold;
	width:100px;
	float:left;	
}

.display_table
{
	width:95%;	
}

.display_table th
{
	text-align:left;
	padding:4px;
	color:#FFF;
	background-color:#CCC;	
}

.display_table td
{
	padding:4px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

.display_table tr td:first-child
{
	border-left:1px solid #CCC;	
}

.display_table .grey 
{
	background-color:#EEE;	
}

.action_buttons img
{
	cursor:pointer;

}

#full-footer
{
	width:100%; 
	background-color:#333; 
	border-top:5px solid #CCC; color:#FFF;
	font-size:0.7em;
	height:330px;	
}

#full-footer #internal
{
	width:955px;
	background-image:url('../img/footer_background.png');
	color:#CCC; 
	padding:30px 0 30px 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	height:200px;
	background-repeat:no-repeat;
}

#full-footer #internal h1
{
	margin:0; 
	padding:0; 
	font-size:1.7em; 
	text-align:left;
	border-bottom:1px dotted #CCC;
	margin-left:30px;
	width:80%;
	margin-bottom:10px;
}

.footer-section
{
	width:30%;
	float:left;
	border-right:1px solid #CCC;
	text-align:left;
	margin-right:10px;
	margin-left:10px;
	height:260px;
}

.footer-section p
{
	margin:0 0 0 30px;
	font-size:1.2em;
}

.footer-list
{
	margin:0 0 0 30px;
	padding:0;
}
.footer-list li
{
	list-style:none;
	list-style-type:none;
	height:30px;
	border-bottom:1px solid #999;
	width:80%;
	background-image:url('../img/icon1.png');
	background-repeat:no-repeat;
}
.footer-list li a
{
	color:#CCC;
	display:block;
	width:100%;
	text-decoration:none;
	height:30px;
	font-size:1.3em;
	padding-top:5px;
	padding-left:15px;
}

.footer-list li a:hover
{
	background-color:#414141;	
	background-image:url('../img/icon1.png');
	background-repeat:no-repeat;
}