/* CSS Document */


div { 
 margin:0; 
 padding:0; 
 /*outline:0px solid red; */
} 

body { 
background:#000;
font:normal 62.5% 'Lucida Grande',Verdana,sans-serif;
line-height:250%; 
} 

#main{
font-size:1.2em; 
padding: 10px 0 20px 0;
background-color:#FFF;
}
#mainimage{
background-color:#FFF;	
}
/* ---------------
   Layout elements
   --------------- */
/* The container and descendants */
#container{
padding-top:20px;	
}
p{
padding:5px 0 5px 0;	
}
#container2 { 
width:760px; 
margin:0 auto 0 auto;
padding: 0 0 5px 0; 
background:#FFF; 
}
/* The top container and descendants */
#topcontainer { 
width:760px; 
margin:10px auto 0 auto; 
}

/* The masthead and descendants */
#masthead { 
height:80px; 
} 
/* The main image and descendants */
#mainImage {
width:760px; 
background-color:#FFF;
border:solid;
border-color: #FFF;
border-width: 5px 0 0 0;
}

/* The main nav and descendants */
#mainNav {
width:960px;
font-family:Arial, Helvetica, sans-serif;
background-color:#000; 
color: #CCC;
margin: 0;
padding: 0 0 5px 0;
text-align:center;
}
#mainNav ul {
list-style:none;
margin: 0;
padding:0;
}
#mainNav li {
display:inline;
margin:0 10px 0 0;
padding:0;
line-height:200%;
}
#mainNav li a:link, #mainNav li a:visited {
text-decoration:none;
font-size:1.6em;
color:#CCC;
padding: 5px 5px 2px 5px;
}
#mainNav li a:hover {
color:#FFF;
background-color:#C00;
padding: 5px;
}
/* The border and descendants */ 
#border {
width: 20px;
}
/* Checklist and Descendants */
.checklist ul {
list-style:none;
margin: 0 0 10px 0;
padding:0;
}
.checklist li {
background: transparent url(images/bullet10.gif) no-repeat left center;
padding: 0 0 0 25px;

}
/* The main column and descendants */ 
  #mainCol { 
    float:right; 
    width:430px;
	font-size:1.1em; 
    line-height:150%; 
    color:#333;  
    text-align:left; 
    } 
#mainCol p { 
margin-top: 5px;
width:400px; 
} 
/* Highlighting the current page */
#home #mainNav a.home { 
border-bottom:1px dotted #ccc;
}
#portfolio #mainNav a.portfolio { 
border-bottom:1px dotted #ccc;
}
#about #mainNav a.about { 
border-bottom:1px dotted #ccc;
}
#contact #mainNav a.contact { 
border-bottom:1px dotted #ccc;
}

#services #mainNav a.services { 
border-bottom:1px dotted #ccc;
}

#solutions #mainNav a.solutions { 
border-bottom:1px dotted #ccc;
}
#portfolio #col2 ul {
list-style:none;
margin: 0;
padding:0;
}

#portfolio #col2 li {
padding: 0 0 25px 0;
}

#portfolio #col2 img {
border:1px solid #333;
}

#contact #mainCol p {
margin: 0 0 5px 0;
padding: 0;
}

#response #mainCol, #error #mainCol{
height: 200px;
}
.inset {
	background-color:#67b7fd;
	color:#000;
	width:90%;
	padding: 5px;
	margin: 5px 0 5px 0;
}
#mainCol div.inset p {
	width:100%;
}

div.inset ul{
list-style:square;
margin: 0 0 10px 20px;
padding:0;
}
div.inset li{
	padding: 0 0 5px 0;
	margin:0;
}

/* The sidebar and descendants */ 
  #sidebar { 
    float:right; 
    width:310px; 
    text-align:left; 
	font-size:1.1em; 
    line-height:150%; 
    color:#333;  
} 
#sidebar ul {
list-style:none;
margin: 0;
padding:0;
}
#sidebar li {
background: transparent url(images/tick.gif) no-repeat left center;
padding: 0 0 0 25px;
font-weight:bold;
}

#portfolionav ul {
 list-style-type:none; 
  margin:0px; 
  padding:0px;  
  width:200px; 
  
}
#portfolionav li {
background: #E7E7E7;
  margin: 0; 
  padding: 0;
   border-left: 1px solid #fff; 
  border-top: 1px solid #fff; 
  border-right: 1px solid #aaa; 
  border-bottom: 1px solid #666 
}
#portfolionav ul a:link, #portfolionav ul a:visited, #portfolionav ul a:hover, #portfolionav ul a:active { 
    display:block; 
    padding: 2px 10px;
    text-decoration:none;
   
  }
  #portfolionav ul a:link { 
    color:#000; 
    } 
#portfolionav ul a:visited { 
    color:#666; 
    } 
#portfolionav ul a:hover { 
    color:#F00; 
    background: #CCC;
    } 
#portfolionav ul a:active { 
    color:#333; 
  }
 #subnav ul {
 list-style-type:none; 
  margin:0px; 
  padding:0px;  
  width:200px; 
  
}
#subnav li {
background: #E7E7E7;
  margin: 0; 
  padding: 0;
   border-left: 1px solid #fff; 
  border-top: 1px solid #fff; 
  border-right: 1px solid #aaa; 
  border-bottom: 1px solid #666 
}

#timesaver #subnav li.timesaver {
display:none;
}
#subnav li.timesaver {
background: #CCC;
 color:#F00;
}
#subnav ul li.timesaver a:visited { 
    color:#F00; 
    } 
#subnav ul a:link, #subnav ul a:visited, #subnav ul a:hover, #subnav ul a:active { 
    display:block; 
    padding: 2px 10px;
    text-decoration:none;
   
  }
  #subnav ul a:link { 
    color:#000; 
    } 
#subnav ul a:visited { 
    color:#666; 
    } 
#subnav ul a:hover { 
    color:#F00; 
    background: #CCC;
    } 
#subnav ul a:active { 
    color:#333; 
  }
 #solutionsnav ul {
 list-style-type:none; 
  margin:0px; 
  padding:0px;  
  width:200px; 
  
}
#solutionsnav li {
background: #E7E7E7;
  margin: 0; 
  padding: 0;
   border-left: 1px solid #fff; 
  border-top: 1px solid #fff; 
  border-right: 1px solid #aaa; 
  border-bottom: 1px solid #666 
}
#solutionsnav ul a:link, #solutionsnav ul a:visited, #solutionsnav ul a:hover, #solutionsnav ul a:active { 
    display:block; 
    padding: 2px 10px;
    text-decoration:none;
   
  }
  #solutionsnav ul a:link { 
    color:#000; 
    } 
#solutionsnav ul a:visited { 
    color:#666; 
    } 
#solutionsnav ul a:hover { 
    color:#F00; 
    background: #CCC;
    } 
#solutionsnav ul a:active { 
    color:#333; 
  }
/* featured and descendants */ 
#featured {
clear:both; 
text-align:left; 
padding: 10px 0 0 0;
margin: 0;
}
/* The footer and descendants */ 
#footer {
font-size:1.0em;
clear:both; 
text-align:left; 
padding: 0 0 0 20px;
background-color:#666;
margin: 20px 0 0 0;
color: #CCC;
} 
#footer p {
padding: 10px 0 10px 0;
margin: 0;
}

#footer a:link, #footer a:visited {
text-decoration:none;
color:#CCC;
}
/* additions and descendants */ 
#additions-box {
clear:both; 
width: 760px;
margin:10px auto 0px auto;
color: #CCC;
text-align:left;
padding: 0 0 10px 0;
border:1px solid #000;
}
#additions-box a:link, #additions-box a:visited {
text-decoration:none;
color:#CCC;
}
#additions-box a:hover {
text-decoration:underline;
}

/* ----------------------------
   All headings and versions of 
   ---------------------------- */
h1, h2 {
margin: 10px 0 10px 0;
padding: 0;
}
h1 {
color:#C00;
font-size:1.3em;
}
h2 {
color:#333;
font-size:1.2em;
}

h1 a:link, h1 a:visited {
color:#C00;
text-decoration: none;
}

h1 a:hover {
color:#67b7fd;
}

h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {
color:#333;
text-decoration: none;
}

h2 a:hover, h3 a:hover {
color:#C00;
} 



/* ---------------------
   Other common elements 
   --------------------- */
dl {
		width: 430px;
		margin: 0 0 0px 0px;
		padding: 0 0 15px 0;
		background: #E7E7E7 url(images/rounded-btm2.gif) no-repeat bottom left;
		color: #333333;
		font-weight:bold;
		}

	dt {
		margin: 0;
		padding: 10px 10px 10px 25px;
		font-size: 130%;
		background: #E7E7E7 url(images/rounded-top2.gif) no-repeat top left;
		}
	

dd {
display:inline;
  margin: 0;
  padding: 10px 0 10px 25px;

   }
  dd img {
  border: #333 1px solid;
  }
img {
border:0;
}

a:link,a:visited, a:active{ 
    color:#000; 
	text-decoration: none;
    } 
a:hover { 
    color:#F00; 
	text-decoration:underline;
    } 
/* -------------
   Form elements 
   -------------*/

form {
margin:0;
padding:0;
}

fieldset.enquiry{
border:0;
margin:0 0 5px 0;
padding:0;	
}


fieldset.time {
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 7px;
-webkit-border-radius: 7px;
border-radius: 3px;
padding: 10px;
}

legend {

padding: 0 5px 10px 5px;
background-color:#fff;
font-weight:bold;
color:#333;
font-size:1.2em;
}
label {
font-weight:bold;
}

input.submit {
background-color:#67b7fd;
margin:5px 0 10px 0;
width: 200px;
}
input, textarea,select {
width: 100%;
margin: 2px 0 0 0;
}
.underline{
border:double;
border-top:double;
border-width:15px;
}

.narrow {
width:100px;	
}

input.btn-saver {
background-color:#67b7fd;
font-weight:bold;
margin:5px 0 10px 0;
width: 200px;
}
/*box*/
div.categories_kc p {	padding: 20px 20px 0 20px;	}
		
		
		

		div.categories_kc {
			width: 250px;
			background-color: #e9e7e5;
			color: #fff;
			font-size: 14px;
			margin-bottom: 2em;			
		}
		
		div.categories_kc p.top-r {
			background: transparent url(images/top.gif) no-repeat top left;
			
		}
		
		div.categories_kc p.btn-r {		
			background: transparent url(images/bottom.gif) no-repeat bottom left;
			padding: 10px 0 20px 20px;	
		}		
		
		div.categories_kc p.btn-r { color: #CF852C; }
		
		div.categories_kc p.top-r .btitle{
			display:block;
			background-color:#fff;
			color:#333;
			width:100%;
			padding: 5px 0 5px 0;
			text-align:center;
			font-weight:bold;
		}


	
	
	div.categories_kc .btitle a:link { 
    color:#333; 
	text-decoration:none;
	font-weight:bold;
    } 
div.categories_kc .btitle a:visited { 
    color:#333; 
	text-decoration:none;
	font-weight:bold;
    } 
div.categories_kc .btitle a:hover { 
    color:#dc5a06; 
	font-weight:bold;
    
    } 
div.categories_kc .btitle a:active { 
    color:red; 
	text-decoration:none;
	font-weight:bold;
  }

#logos{
background-color:#FFF;
padding: 20px 0 4px 0;
}
#logo2,#logo3{
padding-top:10px;
}
.error {
	color:#C00;
	font-weight:bold
}