/*****************************************************************************************************

This file should contain
1.) all site wide colour, background and font styles for html tags
2.) a selection of class(.) styles that can be used in the cms text editor

reasoning : so this style sheet could be used to re-style the website

*****************************************************************************************************/

/**************************************** Website Settings *******************************************/
body
{
	background: #222222;
	color: #fff;
	font:  small/18px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; /* Medium = 11 px - Small = 9px */
}
strong, em, b, i {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
/**************************************** Text Settings **********************************************/

h1, h2, h3, h4, h5, h6
{
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#ff3399;
	line-height: 1.2em;
	margin: 0px 0px 1em 0px;
}
p
{
	margin: 0px 0px 1em 0px;
	line-height: 1.8em;
}
li
{
	margin: 0em;
	padding: 0em; 
	line-height: 1.2em;
}
a
{
	color:#ff3399;
	text-decoration:none;
}
a:hover
{
	color:#ffcc00;
	text-decoration:none;
}

/************************************** Image Settings ***********************************************/

img { border:0px solid #000000; }

/************************************** Form Settings ************************************************/

form
{
	margin: 0px;
	padding: 0px; 
}
fieldset
{
	border: 1px solid #999;
	padding: 1em;
	margin: 0;
}
legend
{
	color: #000;
	font-size: 1.2em;
}
fieldset div
{
	clear: left;
	margin: 0.5em 0em 0em;
	padding: 0.1em 0.3em 0.1em 0em;
}
fieldset div label
{
	display: block;
	float:left;
	width: 180px;
	padding: 0em;
	margin: 0em 0.5em;
	text-align:right;
}
fieldset div input,
fieldset div textarea,
fieldset div select { border: 1px solid black; }
fieldset div input:focus,
fieldset div textarea:focus,
fieldset div select:focus { border: 1px dotted black; }
fieldset div input.error,
fieldset div textarea.error,
fieldset div select.error { border: 1px dotted red; }
fieldset div label.error
{
	/* remove the next line when you have trouble in IE6 with labels in list */
	padding-left:180px;
	margin-left: 1em;
}

label.error
{
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic;
	text-align:left;
	width:auto;
}

/* Message Style */

div#message
{
	border: 1px solid #ccc;
	background-color: #ffa;
	padding: 5px;
}

/*************************************** Page Settings ************************************************/

.pagetitle { padding: 0 50px 0 50px;}
.pagetitle h2 { }
.pagetitle h3 { }
.yellowhighlight { 	color:#ffcc00; }

/*************************************** Content Settings *********************************************/

.content
{
	-moz-column-count: 2;
	-moz-column-gap: 2em;
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
	column-count: 2;
	column-gap: 2em;
}
.contentfooter {}
#case-studies-button a {
	position:absolute;
	top:0px;
	left:280px;
	width:162px;
	height:136px;
	display:block;
	text-indent:-9999px;
	background:url(/images/case-studies-button.gif) 0 0 no-repeat;
}
#case-studies-button a:hover {
	background:url(/images/case-studies-button.gif) 0 -136px no-repeat;
}
#email-us-button a {
	position:absolute;
	top:156px;
	left:280px;
	width:162px;
	height:80px;
	display:block;
	text-indent:-9999px;
	background:url(/images/email-us-button.gif) 0 0 no-repeat;
}
#email-us-button a:hover {
	background:url(/images/email-us-button.gif) 0 -80px no-repeat;
}
/*************************************** Header *******************************************************/
#logo a  {
	position:absolute;
	top:0px;
	left:0px;
	width:240px;
	height:180px;
	text-indent:-9999px;
	background:url(/images/logo.png) 0 0 no-repeat;
	overflow:hidden;
}
#header-splat {
	position:absolute;
	top:0px;
	left:240px;
	width:739px;
	height:181px;
	overflow:hidden;
	text-indent:-9999px;
}
/*************************************** Footer *******************************************************/
#wemadethis {
	text-align:right;
	color:#999999;
	position:absolute;
	top:40px;
	right:760px;
}
#wemadethis a {
	color:#999999;
}
#wemadethis a:hover {
	color:#ff3399;
	text-decoration:none;
}
#footermore {
	position:absolute;
	width:443px;
	height:91px;
	top:0px;
	left:443px;
	background:url(/images/footer-bg.gif) 0 0 no-repeat;
	padding:20px 36px 20px 36px;

}
/*************************************** List Settings ************************************************/

.categorymenu { margin-bottom:1em; }
.categorymenu li {}

.listintro {}
.list {}
.listcategory { border:1px dashed #000000; margin:2em 0em; padding:2em; }
.listcategorytitle { text-transform:lowercase; font-size:1.5em; }
.listrow {}
.listdetails {}
.listtitle { margin-bottom:0em; }
.listcaption { margin-bottom:1em; }
.listselect {}
.listmore { padding: 0em; margin:0em; text-align:right; }
.listfooter {}
.listunavailable {}
 
.pagenavigation {}

.selectedtitle {
	padding: 0 50px 0 50px;
}
#selectedtext {
	padding:0 50px 0 50px;
}
.selectedunavailable {}
.selectedpreviouspage {}
.selectedfooter {}
.image-right {
	padding-left:40px;
	padding-bottom:40px;
}
/************************************** Left Navigation ***********************************************/
div#leftmenu {
	position:relative;
	min-height:300px;
}
div#column-one {
	position:relative;
	float:left;
	width:241px;
	padding-top:20px;
}
div#column-two {
	position:relative;
	float:left;
	width:199px;
	padding-top:20px;
}
.left-back {
	background:url(/images/menu-bg01.gif) 0 0 no-repeat;
	width:241px;
}
.left-back2 {
	background:url(/images/menu-bg02.gif) 0 0 no-repeat;
	width:440px;
}
div#menu-contact {
	position:absolute;
	font-size:x-small;
	right: 0px;
	bottom: 0px;
	color: #231f20;
	text-align:right;
	padding:0 41px 10px 0;
}
div#menu-contact2 {
	position:absolute;
	font-size:x-small;
	right: 0px;
	bottom: 0px;
	color: #231f20;
	text-align:right;
	padding:0 241px 10px 0;
}
div#contact-container {
	position:position;
	height:164px;
	width:440px;
	background:url(/images/menu-contact-bg.jpg) bottom right no-repeat;
}
div#leftcolumn div ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	border:none;
	font-size:1.1em;
}		
div#leftcolumn div ul li
{
	padding: 0px;
	margin: 0px;
}

/* style for top level menu */
div#leftcolumn div ul li a
{
	display: block;
	color: #231f20;
	text-decoration: none;
	padding-top:5px;
	padding-right:41px;
	text-align:right;
	height:27px;
}
div#leftcolumn div#column-one ul li a:hover
{
	color: #ec008c;
	background:url(/images/menu-select.png) top right no-repeat;
}
div#leftcolumn div#column-two ul li a
{
	color: #f7b1b1;
}
div#leftcolumn div#column-two ul li a:hover
{
	color: #fffffe;
	background:url(/images/menu-select-2.png) top right no-repeat;
}

/* style for selected option */
div#leftcolumn div#column-one ul li a.selected
{
	color:#ec008c;
	background:url(/images/menu-select.png) top right no-repeat;
}
/* style for selected option */
div#leftcolumn div#column-two ul li a.selected
{
	color:#fffffe;
	background:url(/images/menu-select-2.png) top right no-repeat;
}
#menu-footer {
	width:241px;
	height:89px;
	text-indent:-9999px;
	background:url(/images/menu-footer.gif) 0 0 no-repeat;
	overflow:hidden;
}