/* Elemental Logic Website Core CSS */
/* Copyright 2007 Elemental Logic. */

/* - - - - Element styles - - -*/



body {
	background: #bbb;

	color: black;	
	margin: 0;
	padding: 10px;
	/*font-size: 0.65em; */
	font-size : 10px;
	font-family: verdana, helvetica, arial, sans-serif;
    

   
}

a {
	color: #B3242E;
}

address {
	padding: 5px 10px;
}
/* - -End of Element styles - - -*/


/* - - - - -Main Contanier - - - - - - -*/
#container {
	width: 760px;
	padding: 0;
	background: white;
	color: black;
	margin: 0 auto;
	border-top:#333 1px solid;
	border-left:#333 1px solid;
	border-right:#333 1px solid;
	border-bottom:#333 1px solid;

	
}
/* - -End of Main Contanier - - -*/


/* - - - - -Header - - - - - - -*/
#header img {
	padding: 20px 0 0 33px;
}

/* - - - - - Main top nav - - -*/
#header ul {
	padding-left: 260px;
	height: 52px;
	margin: -40px 0 0 0;
	background: url(../images/tab.gif) top left no-repeat;
}

#header ul li {
	float: left;
	list-style-type: none;
	width: 80px;
	height: 20px;
	padding: 18px 0 0 0;
	text-align: center;
	font-weight: bold;
	font-size: 1em;
}

#header a {
	text-decoration: none;
}

/* - - Changing bg for each section - -*/
#header ul.about {
	background-image: url(../images/tab2.gif)
}

#header ul.services {
	background-image: url(../images/tab3.gif)
}

#header ul.enquiry {
	background-image: url(../images/tab4.gif)
}

#header ul.contact {
	background-image: url(../images/tab5.gif)
}

#header ul.login {
	background-image: url(../images/tab6.gif)
}
/* - -End Header and main top nav - - -*/


/* - - -Content area - - - -*/
#content {
	background: url(../images/contentbg.gif) top left no-repeat;
	padding-top: 30px;
	padding-bottom:30px;
	min-height:400px;
	

	overflow:visible;
	
}


#contentcenter, #contentright, #contentmain {
	margin-left: 230px;
	float: left;
	width: 300px;
		border: 1px solid #DFDFDF;
	
	display: inline;
	padding-bottom:30px;
}

#contentright{
	padding-bottom:5px;

}

#contentcenter ul, #contentright ul, #contentmain ul {
	list-style-type:disc;
}


#contentcenter h1, #contentright h2, #contentmain h1 {
	background: #e6e6e6 url(../images/contentcenterbg.gif) top left no-repeat;
	text-align: right;
	padding-right: 10px;
	height: 32px;
	font-size: 1.2em;
	line-height: 2.4em;
	margin: 0;
}

#contentcenter p {
	padding: 0px 10px;
}

#contentmain p {
	padding: 0px 10px;
}

#contentmain
{
    width :480px;
}


 #contentright {
	width: 170px;
	
	margin-left: 30px;
}
#contentright p {
	padding: 0px 10px;
}
#contentright h2 {
	background-image: url(../images/contentrightbg.gif);
	background-color: white;	
}

p.clear {
	clear: both;
	padding-top: 55px;
	color: white;
	position :absolute;
	z-index :1;
}

* html p.clear {
	padding-top: 55px;	
	position:absolute;
	vertical-align : bottom;
}


#contentcenter INPUT, #contentright INPUT, #contentmain INPUT
{
    border:solid 1px #DFDFDF;
    font-size: 1em;
    padding:4px 4px 4px 4px;
	font-family: verdana, helvetica, arial, sans-serif;
}
#contentcenter TEXTAREA, #contentright TEXTAREA, #contentmain TEXTAREA
{
    border:solid 1px #DFDFDF;
    font-size: 1em;
    padding:4px 4px 4px 4px;
	font-family: verdana, helvetica, arial, sans-serif;
}
#contentcenter H3, #contentright H3, #contentmain H3
{
    color: #B3242E;
    font-size: 1em;
    font-family: verdana, helvetica, arial, sans-serif;
    padding: 10px 10px 0px;
    
}

#contentcenter .subhead, #contentright .subhead, #contentmain .subhead
{
    color: #000000;
    font-size: 1em;
    font-family: verdana, helvetica, arial, sans-serif;
    font-weight :bold ;
    
}


#contentcenter INPUT.submitbtn, #contentright INPUT.submitbtn, #contentmain INPUT.submitbtn
{
    border:solid 1px white;
    font-size: 1em;
    background-color:#B3242E;
    color:white;
    padding:2px 2px 2px 2px;
	font-family: verdana, helvetica, arial, sans-serif;
}

/* - - -End of content section - - - -*/


/* - - -Footer - - - -*/
#footer {
	width: 760px;
	height: 130px;
	background: url(../images/footer.gif) top left no-repeat;
}
/* - - -End of footer - - -*/


/* - - -End of Stylesheet - - - -*/