/*-----------------------------------------------------------------------------
Pentagon Plastics Core Style Sheet

version:   1.0
author:    Sue Morgan
company:   BrightStarr
website:   http://www.brightstarr.co.uk/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/
/* Remove padding and margin */
* {
  margin: 0;
  padding: 0
}
/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}
.clear {
	clear:both;
}
img {
	border: 0;
}

/* =Typography
-----------------------------------------------------------------------------*/
body {
  /*padding: 0 375px 0 375px;*/
}
.exc {
	padding-left: 15px;
	font-weight:bold;
	color:#000;
	margin-bottom: -1em;
}
.button {
	background:#CCCCCC;
	border: 1px none #ccc;
	color:#000
}


/* =Branding
-----------------------------------------------------------------------------*/
#new ul li a {font-size: 1em; color: #000099; padding:0 0 0 10px;font-weight:normal;margin-top:5px;margin-bottom:5px;text-align:left;}
#new ul li a:hover {color:#4B4B5F;font-weight:bold;}
#new ul {text-align:left;}
#new ul li {
	float: left;
	width: 110px;
	/*height:35px;*/
	text-align:center;
	margin-left:-10px;
	margin-top:0;
	padding:0;
}

#sizer {
	margin: 0 auto;
	margin-left:370px;
	padding: 0 auto;
	width: 47%;
	max-width: 250px;
}
#expander {
	margin: 0 -155px 0 -375px;
	min-width: 999px; /* Critical Safari fix! */
	position: relative;
	background-image: url(../images/back.jpg);
}

html>body #expander {
	margin: 0 -155px 0 -375px;
	min-width: 999px; /* Critical Safari fix! */
	position: relative;
	background-image: url(../images/back.jpg);
}

/* Holly hack for IE \*/
* html #expander { height: 0; }
/* */
/* helps IE get the child percentages right. */

    #wrapper{
        text-align:left;/*This sets the text-alignment back to default within the wrapper and all child elements*/
        margin-left:auto;/*The auto margins align the wrapper in center even when the browser is resized*/
        margin-right:auto;
        height:800px;/*A height and width give room for the content*/
        width:999px;
        /*border:1px solid green; This border just allows you to see the wrapper div*/
    }

#wrapper { width: 999px;} 
/* http://positioniseverything.net/easyclearing */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#head {
	position: relative;
	height: 11em;
	/*background: url(../images/header1a.jpg) top center no-repeat;*/
	z-index:10;
	width:100%;
	min-width:750px;
}


/* =Main Nav
-----------------------------------------------------------------------------*/
#skip {position:relative; text-align:center}

/*#menu {
	position:absolute;
	bottom: 0;
	width: 100%;
	background: url(../images/menubg.png);
	z-index:1
}*/

#menu

ul {
	margin: 0;
	padding: 0;
	list-style:none;
	/*float: left;*/
}

/*li {float: left}*/

ul a, ul a:link {
	/*display: block;*/
	/*float: left;*/
	/*width:90px;*/ 
	text-align:center;
	/*padding: 0 0.5em;*/
	color:#000099;
	font-size: 1.2em;
}
ul a:visited {
	color: #000099;
}
ul a:hover, ul a:active {
	color:#fff;
}
	

/* =Main Content
-----------------------------------------------------------------------------*/
#mainpanel {
	position: relative;
	overflow: auto;
	padding-top:10px;
}

/* =Footer
-----------------------------------------------------------------------------*/
#sublist a li {font-size: 1em; color: #000099;}

#footer {
	position:absolute;
	bottom: 0;	
	width: 999px;
	background: url(../images/menubg.png);
	background-position:left;
	z-index:1;	
	height:20px;
	color: #000099;
	text-align :center ;
}
#footer a:link, #skip a:link  {color: #000099;}
#footer a:visited, #skip a:visited {color: White}
#footer a:hover, #footer a:active, #skip a:hover, #skip a:active {color: #000; background:#fff; text-decoration:underline}

/* =Forms
-----------------------------------------------------------------------------*/

.inputt {border: 1px solid #000; width: 180px}

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}

#coltwothirds { margin-left:30px; float:left; width:60%;  margin-bottom:5%;}

#colonethirdLeft { margin-left:30px; width:30%; float:left; margin-right:15px; margin-top:-100px !important; #margin-top:-150px !important;}
#colonethirdLeft h1 {font-size: 1.2em; color: #000099; border-bottom: solid 1px black;}

#colonethird { margin-left:0px; width:28%; margin-right:5px; margin-top:-100px !important; #margin-top:-150px !important; }
#colonethird h1 {font-size: 1.2em; color: #000099; border-bottom: solid 1px black;}

#OurServices {float:right; width:250px; height:170px; margin-top:40px; margin-right:11px;background-image:url(../images/aboutus1.gif);}
#OurServices h1 {font-size: 1.2em; color: #000099; padding-left:10px; margin-top:6px;}
#OurServices a {font-size: 1em; color: #000099; padding-left:10px;}
#OurServices a:hover {color:#4B4B5F;font-weight:bold;}

#ContactUs {float:right; width:250px; height:240px; margin-top:50px; margin-right:11px;background:url(../images/contactus1.gif) no-repeat;}
#ContactUs h1 {font-size: 1.2em; color: #000099; padding-left:10px; margin-top:6px;}
#ContactUs p {font-size: 1em; color: #000099; padding-left:10px;}
/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}


/* =Images
----------------------------------------------------------------------------*/
#mainimage{float:left;height:150px;width:100%;margin-left:0%; background:url(../images/mainimage.jpg) top center no-repeat;}
#homemainimage{float:left;height:150px;width:100%;margin-left:0%; background:url(../images/HomePageBanner.png) top center no-repeat;}

#blogdetail{float:left;width:60%;margin-left:20px}
#blogdetail h1{background-color:black;color:white;padding-left:5px}

.clear
{
	clear:both;
}