﻿/* layout containers start */
html
{
	background: #000;
}
#wrap
{
	background: #737372;
	margin: 0 auto;
	width: 960px;
	font-family: Trebuchet MS, Arial, Sans-Serif;
	border: 1px solid #aaaaaa;
	borer-width: 0px 1px 1px 1px;
}

#header
{
	background: #8f8f8e url(/Content/images/headerTransparency.png) repeat;
	height: 98px;
	font-family: arial;
	font-size: 151%;
	text-align: left;
	padding: 0 10px;
	padding-top: 10px;
	position: relative;
}

#footer
{
	text-align: left;
	background: #a8a8a8 url(/Content/images/footerTransparency.png) repeat;
	height: 47px;
	clear: both;
}

#mainnav
{
	xxxfloat: left;
	xxxmargin: 10px 0 0 10px;
	xxxpadding: 0 0 0 0.5em;
	xxxwidth: 260px;
}

#content-wrap
{
	text-align: left;
	padding: 10px;
	min-height: 400px;
}

#main
{
	width: 400px;
	float: right;
	text-align: left;
	padding: 0.5em 1em;
	background: #fff;
	border: 1px solid #CDCDCD;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	opacity: 0.7;
	min-height: 250px;
}

#left
{
	float: left;
	margin: 10px 0 0 10px;
	padding: 0 0 0 0.5em;
	width: 270px;
}

/* layout containers end */

/* header start */
#header img
{
	float: left;
}

#header p.logoText
{
	margin: 28px 0 0 210px;
}

#header p.contactDetails
{
	bottom: 20px;
	display: block;
	position: absolute;
	right: 10px;
	text-align: right;
}

#header p.contactDetails span
{
	display: block;
}

#header p.contactDetails span.callus
{
	margin-left: 1px;
}


/* header end */

/* navigations start */

#mainnav 
{
	padding: 0.5em;	
}

#mainnav li a
{
	color: #fff;
	text-decoration: none;
	text-align: left;
	font-size: 161.6%;
	display: block;
}

#mainnav li a.semihover
{
	font-size: 167%;
	text-indent: 5px;
}

#mainnav li a:hover
{
	font-size: 189%;
	text-indent: 10px;
	text-shadow: #000 2px 2px 2px;
}

#mainnav li a.selected, #mainnav li a.current
{
	font-size: 225%;
}

#mainnav li a.selected:hover, #mainnav li a.current:hover
{
	text-indent: 0;
}

#mainnav ul.subNavigation
{
	margin-left: 20px;
}

#mainnav ul.subNavigation li a:hover, #mainnav ul.subNavigation li a.selected, #mainnav ul.subNavigation li a.current
{
	font-size: 161.6%;
	font-weight: bold;
	text-indent: 0;
}

#mainnav ul.subNavigation li a.semihover
{
	font-size: 161.6%;
}

#footer ul.navigation
{
	float: left;
	line-height: 47px;
	padding-left: 10px;
}

#footer ul.navigation li
{
	display: inline;
}

#footer ul.navigation li a
{
	color: #000;
	text-decoration: none;
	text-transform: lowercase;
}

#footer ul.navigation li a:hover
{
	text-decoration: underline;
}


/* navigations end */

/* footer info start */

p.footerInfo
{
	text-align: right;
	line-height: 47px;
	padding-right: 10px;
}

span.poweredBy, span.poweredBy a, span.copyright, .footerInfo
{
	color: #fff;
	text-decoration: none;
}

span.poweredBy a:hover
{
	text-decoration: underline;
}
/* footer info end */

/* company colours start */
.ideaRed
{
	color: #ff0000;
}

.ideaBlack
{
	color: #000;
}
/* company colours end */

/* content start */
#content-wrap h1, #content-wrap h2, #content-wrap h3, #content-wrap p, #content-wrap label, #content-wrap td
{
	color: #000;
}

#content-wrap h1
{
	font-size: 246.5%;
	text-align: right;
}

#content-wrap ol li
{
	list-style-type: decimal;
	list-style-position: inside;
	margin: 0.5em 0;
}

#content-wrap ul li
{
	list-style-type: disc;
	list-style-position: inside;
	margin: 0.5em 0;
}

#content-wrap p
{
	margin: 0.25em 0;
}

#content-wrap a
{
	color: #ff0000;
}

#content-wrap a:hover
{
	font-weight: bold;
}

#content-wrap strong
{
	font-weight: bold;
}

#content-wrap em
{
	font-style: italic;
}

#content-wrap h2
{
	font-size: 131%;
}

#content-wrap h3
{
	font-size: 116%;
}

/* content end */

/* form start */

#content-wrap form
{
	margin-top: 10px;
}

#content-wrap td
{
	padding: 3px 0;
}

#content-wrap label
{
	margin: 2px 20px 2px 0;
}

#content-wrap input, #content-wrap textarea
{
	font-size: 116%;
}

#content-wrap input
{
	width: 200px;
}

#content-wrap textarea
{
	width: 250px;
	height: 80px;
}

#content-wrap input.submit
{
	width: 100px;
	border: 1px solid #fff;
	color: #000; /* #737372; */
	background: #D4D5D4;
	font-size: 100%;
	cursor: pointer;
}

#content-wrap input.submit:hover
{
	color: #fff;
	border-color: #D4D5D4;
	background-color: #8F8F8E;
}

/* form end */

/* sitemap start */
ul.sitemap ul.subNavigation
{
	margin-left: 1.25em;
}

ul.sitemap ul.subNavigation ul.subNavigation
{
	margin-left: 1.25em;
}
/* sitemap end*/

/* call back form start */

#callbackRequest
{
	color:#FFFFFF;
	display:block;
	font-size:161.6%;
	text-align:left;
	text-decoration:none;
	text-transform:capitalize;
	margin-top: 20px;
}

#callbackRequest a
{
	color: #fff;
	text-decoration: none;
}

#callbackRequest a:hover
{
	text-shadow: #000 2px 2px 2px;	
}

#callbackRequest div.callbackForm
{
	width: 500px;
	height: 300px;
	background: #fff;
	border: solid #ff0000 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	position: absolute;
	left: 30%;
	top: 20%;
	z-index: 1000;
}


#callbackRequest p.linkText
{
	
}

#callbackRequest p.linkText a
{
	font-size: 108%;
	border: 1px solid #000;
	border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 5px;
	background: #fff;
	opacity: 0.7;
	color: #000;
}

#callbackRequest p.linkText a:hover
{
	text-shadow: #aaa 2px 2px 2px;	
	opacity: 0.9;
}

#callbackRequest div.callbackForm form
{
	padding: 0.5em;
}

#callbackRequest div.callbackForm label
{
	display: inline-block;
	color: #000;
	margin:5px 0;
	width:230px;
}

#callbackRequest div.callbackForm input 
{	
	display: inline-block;
	width: 230px;
}

#callbackRequest div.callbackForm select
{
	display: inline-block;
	width: 232px;
	margin-left: -5px;
}

#callbackRequest div.callbackForm input.submit
{	
	display: inline-block;
	width: 230px;
	margin: 10px 0 10px 230px;
}

#callbackRequest div.callbackForm span.close{
	background:none repeat scroll 0 0 #ff0000;
	display:block;
	font-size:92%;
	line-height:1.5em;
	margin-top:-6px;
	text-align:right;
	text-transform:lowercase;
}

#callbackRequest div.callbackForm p
{
	color: #000;
}

#main span.callback
{
	color: #ff0000;
	cursor: pointer;
}

#main span.callback:hover
{
	text-decoration: underline;
}
/* call back form end */



