/* Stylesheet for ASolution Theme.

ASolution Colours:
Orange		=	rgb(255,117,0)		#ff7500
Dark Orange	=	rgb(230,84,4)		#e65404
Grey			=	rgb(153,153,153)	#999999

*/

/* The master DIV inside which everything else lives. */
@media screen
{
	DIV.asl_container
	{
		width:1024px; margin: auto; 
	}
}
@media print
{
	DIV.asl_container{ width:1024px; padding:0; border-width:0; }
}

img { border:none; }

BODY { font-size: small; font-family: Arial; color: #525252; }

h1,h2,h3,h4,h5,h6 {padding-left:10px;}
h1 {font-size:120%;}
h2 {font-size:110%;}
h3 {font-size:105%;}
h4 {font-size:100%;}
h5 {font-size:90%;}
h6 {font-size:80%;}

P { text-align:justify; padding-left: 10px; padding-top:5px; }

a.TopMenu { color: #525252; text-decoration: none; text-transform:uppercase; } 
a.TopMenuSelected { background-color: #525252; color:#fff; text-decoration: none; padding-left: 2px; padding-right: 2px; text-transform:uppercase;}

a.TopMenu:visited { color: #525252; text-transform:uppercase;}
a.TopMenu:hover { text-decoration : underline; text-transform:uppercase;}

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

div.DottedLine { border-top: dotted 1px #ff7500; width:100%; clear:both;}

/* Web design (right hand side) */
.WebDesign { width:231px; background:url(./Images/wsd-back.gif); text-align:center; }
.WebDesignHead 
{
	height:34px; background:url(./Images/wsd-head.gif) #4AA2D1; color:#ffffff;
	text-transform:uppercase; font-size:16px; line-height:34px;
}
.WebDesignFoot { height:6px; background:url(./Images/wsd-foot.gif) #4AA2D1; }
.WebDesign A { border-bottom:dotted 1px #525252; margin:5px; display:block; color:#525252; padding:5px 0; }
.WebDesign A:hover { text-decoration:none; }

/* The central content DIV */
DIV.MainContent
{
	margin-top:5px;
	width:780px; 
	float:left;
	border-top: solid 25px #525252;
	border-bottom:solid 25px #525252;
	background:#525252;
	border-right: solid 5px #525252;
}

DIV.Content
{
	padding-top: 25px;
	padding-bottom: 25px;
	background-color:#fff;
	background-position:top right; 
	background-repeat:no-repeat;
}

ul
{
	color: #ff7500;
}

.padLeft { padding-left:165px; width:570px; }
.imgLeft { clear:left; }
.imgLeft IMG { float:left; margin:10px 0; }
.imgLeft P { float:left; width:570px; }
.imgLeft B A { color:#525252; }
.imgLeft B A:hover { color:#ff7500; text-decoration:none; }

.portfolioLinks { float:left; width:165px; font-size:20px; }
/* .portfolioLinks A {  } */
.portfolioLinks B { font-size:40px; }

div.SplitContent { float:left; width:45%; }
div.RightBorder { border-right: solid 5px #525252; }

div.SideLinks { width:234px; float:right; margin-top:5px; text-align:center; }

div.PreFooter { color:#fff; clear:both; background-color:#525252; text-align:center; width:785px; padding-bottom:10px; padding-top:10px; font-size:0.8em;}
div.PreFooter a { color: #fff; text-decoration: none;  } 
div.PreFooter a:visited { color: #fff; text-decoration: none;  }
div.PreFooter a:hover { text-decoration: underline; }

div.copy { text-align:center;width:780px;font-size:0.8em;padding:5px; } 

div.Footer { clear:both; width:785px; margin:0 auto; }

.corner{display:block}
.corner *
{
	clear:both;
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ffffff}
.corner1{
  margin-left:0px;
  margin-right:3px;
  padding-left:0px;
  padding-right:1px;
  border-left:0px solid #9c9c9c;
  border-right:1px solid #9c9c9c;
  background:#d3d3d3}
.corner2{
  margin-left:0px;
  margin-right:1px;
  padding-right:1px;
  padding-left:0px;
  border-left:0px solid #636363;
  border-right:1px solid #636363;
  background:#dedede}
.corner3{
  margin-left:0px;
  margin-right:1px;
  border-left:0px solid #dedede;
  border-right:1px solid #dedede;}
.corner4{
  border-left:0px solid #9c9c9c;
  border-right:1px solid #9c9c9c}
.corner5{
  border-left:0px solid #d3d3d3;
  border-right:1px solid #d3d3d3}