/*-----------------------------------------------------------------------------
Master Style Sheet

version:   3.1
author:    Jamie Stanton
email:     jamie.stanton@gmail.com
website:   http://www.evolution-e.com, http://www.jamiestanton.com
-------------------------------------------------------------------------------

~~~~~~~~~~~~~~~~~~~~~
Table of Contents:
~~~~~~~~~~~~~~~~~~~~~
	General Settings
	Common Classes
	Link Icons
	Typography
	Header
	Column One
	Column Two
	blockLinks
	Content
	Footer
	Forms
	sIFR

~~~~~~~~~~~~~~~~~~~~~
Main Colours
~~~~~~~~~~~~~~~~~~~~~
	Primary 	#BDD2FF - Pale Blue		 - Nav Background
	Secondary	#3F6C83 - Dark Blue 	 - Headers, Hyperlinks
	Tertiary 	#769BB7 - Steel Blue	 - Borders
	Quaternary	#CFDEFF	- Very Pale Blue - Hover Background
*/

/* =General Settings
-----------------------------------------------------------------------------*/
@charset "utf-8";
h1, h2, h3, h4, h5, h6, a,
table, caption, tbody, tfoot, thead, tr, th, td,
div, span, object, iframe,
blockquote, pre, abbr, acronym,
address, code, del, dfn, em, img,
q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button,
html, body					{ margin: 0; padding: 0; border: 0;} /* Removes padding and margin from all items*/
ul, li 						{ list-style:none; }
:focus 						{ outline: 0; } /* remember to define focus styles! */
table 						{ border-spacing:0; border-collapse:collapse; }
caption, th, td 			{ text-align:left; font-weight:normal; #3F6C83; }
img							{ border: 0px; }
p {
color:#333333;
font-size:16px;
margin:15px 0;
text-align:left;
}

/* =Common Classes
-----------------------------------------------------------------------------*/
.help 						{ cursor:help; }
.left 						{ float:left; }
.right 						{ float:right; }
.clear 						{ clear:both; }
.img-left 					{ float:left; margin:4px 10px 4px 0; }
.img-right 					{ float:right; margin:4px 0 4px 10px; }
.align-left					{ text-align:left; }
.align-right				{ text-align:right; }
.align-center				{ text-align:center; }
.align-justify				{ text-align:justify; }
.nopadding      			{ padding:0; }
.noindent       			{ margin-left:0;padding-left:0; }
.nobullet       			{ list-style:none;list-style-image:none; }
.invisible					{ position:absolute; left:-9000px; }
.spoiler					{ color:#000; background-color:#000; }
.content .vertical-nav 		{ margin:0px; text-align: center; width:100%;}
.content .vertical-nav li	{ display: inline; padding-right: 5px; padding-left: 5px; margin:0px; background-image:none;}
.content .sitemap li 		{ background-image: url(/fileadmin/templates/main/images/icons/page.png);background-repeat: no-repeat;background-position: left 4px;padding-left: 20px;}

/* =Link Icons
-------------------------------------------------------------------------------
Syntax: class="icon-right email" --- Many of these icons were created by Mark James of http://www.famfamfam.com/
-----------------------------------------------------------------------------*/
.icon-right 				{ background-repeat: no-repeat;background-position: right;padding-right: 20px; margin-right: 5px; }
.icon-left 					{ background-repeat: no-repeat;background-position: left;padding-left: 20px; margin-left: 5px; }
.email 						{ background-image: url(/fileadmin/templates/main/images/icons/email.png); }
.external 					{ background-image:url(/fileadmin/templates/main/images/icons/world_link.png); }
.calendar 					{ background-image:url(/fileadmin/templates/main/images/icons/calendar.png); }
.date 						{ background-image:url(/fileadmin/templates/main/images/icons/date.png); }
.time 						{ background-image:url(/fileadmin/templates/main/images/icons/time.png); }
.rss 						{ background-image:url(/fileadmin/templates/main/images/icons/rss.png); }
.search 					{ background-image:url(/fileadmin/templates/main/images/icons/magnifier.png); }
.map 						{ background-image:url(/fileadmin/templates/main/images/icons/map.png); }
.photo 						{ background-image:url(/fileadmin/templates/main/images/icons/picture.png); }
.phone 						{ background-image:url(/fileadmin/templates/main/images/icons/telephone.png); }
.mobile 					{ background-image:url(/fileadmin/templates/main/images/icons/phone.png); }
.next 						{ background-image:url(/fileadmin/templates/main/images/icons/resultset_next.png); }
.prev, .back				{ background-image:url(/fileadmin/templates/main/images/icons/resultset_previous.png); }
.star 						{ background-image:url(/fileadmin/templates/main/images/icons/star.png); }
.printer 					{ background-image:url(/fileadmin/templates/main/images/icons/printer.png); }
.vcard 						{ background-image:url(/fileadmin/templates/main/images/icons/vcard.png); }
.tag 						{ background-image:url(/fileadmin/templates/main/images/icons/tag.png); }
.add 						{ background-image:url(/fileadmin/templates/main/images/icons/add.png); }
.info 						{ background-image:url(/fileadmin/templates/main/images/icons/info.png); }
.secure 					{ background-image:url(/fileadmin/templates/main/images/icons/lock.png); }
.text	 					{ background-image:url(/fileadmin/templates/main/images/icons/page_white_text.png); }
.skype 						{ background-image:url(/fileadmin/templates/main/images/icons/skype.gif); }
.paypal 					{ background-image:url(/fileadmin/templates/main/images/icons/paypal.gif); }
.gearth 					{ background-image:url(/fileadmin/templates/main/images/icons/gearth.gif); } /* Google Earth */
.outlook 					{ background-image:url(/fileadmin/templates/main/images/icons/outlook.gif); } /* Microsoft Outlook - Alternative to vcard icon, depending on audience of site */
.login, .key				{ background-image:url(/fileadmin/templates/main/images/icons/key.png); }
.ie							{ background-image:url(/fileadmin/templates/main/images/flags/ie.png); }  /* Change country code to get relevant flag */
.new-window					{ background-image:url(/fileadmin/templates/main/images/icons/newwindow.gif) }

/* =Typography (Global)
-----------------------------------------------------------------------------*/
a 							{ color:#3F6C83; font-weight: normal; }
a:link 						{ color:#3F6C83; text-decoration: underline; }
a:visited 					{ color:#666; text-decoration: underline; }
a:hover 					{ color:#3F6C83; text-decoration: none; }
a:active 					{ color:#3F6C83; text-decoration: underline; }
h1, h2, h3, h4, h5, h6  	{ font-weight:normal; color:#3F6C83;}
p, ul, ol 					{ margin:0; padding:0 0 1.25em 0; }
sup 						{ position:relative; bottom:0.3em; vertical-align:baseline; }
sub 						{ position:relative; bottom:-0.2em; vertical-align:baseline; }
acronym, abbr 				{ cursor:help; letter-spacing:1px; border-bottom: 1px dashed; }

body {
	font-family: "Calibri", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	font-size:14px;
	min-width:960px;
	text-align:center; /* remove if using fluid layout*/
	background-image: url(/fileadmin/templates/main/images/body-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #43787C;
}

.wrapper					{ width: 960px; margin-right: auto; margin-left: auto;text-align: left; position: relative; }
.content-wrapper			{
	float:left;
	width:100%;
	background-color:#EBEFF3;

}

.footer-wrapper	{
	float:left;
	width:100%;
	background-color:#EBEFF3;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-left-bottom-radius: 10px;
	border-right-bottom-radius: 10px;

}

::selection         { background:#c3effd; color:#000; /* Safari and Opera */ }
::-moz-selection  { background:#c3effd; color:#000; /* Firefox */ }


/* =Header
-----------------------------------------------------------------------------*/
.header {
	voice-family: "\"}\"";
	voice-family: inherit;
	position:relative;
height:263px;
	background-image: url(/fileadmin/templates/main/images/header-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 960px;
	}
.wrapper .header p {
	color:#EBECF2;
	font-size:24px;
	font-weight:normal;
	margin-left:30px;
	margin-top:0;
	width:670px;
}
.wrapper .header p a {
	color: #93BFE3;
	text-decoration: none;
	font-weight: normal;
}


.header li {
	dispay:inline;
	display: inline;
	padding: 0px;
	margin:0px;
	background-image:none;
}

.header .navOne {
	background-image:url(/fileadmin/templates/main/images/GlobalBG.png);
	background-position:center top;
	background-repeat:no-repeat;
	bottom:0;
	height:36px;
	left:0;
	position:absolute;
	text-align:left;
	width:960px;
}

.header .navTwo {
	position:absolute;
	text-align:right;
	width: 428px;
	top: 0px;
	right: 0px;
}

.header .navTwo ul {
	float: right;
	width:auto;
	margin:0px;
	text-align: right;
	clear:both;
}

.header .navOne .sf-menu ul .search-engine-optimisation a{
	background-image: url(/fileadmin/templates/main/images/icons/google.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 50px;
	width:257px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.header .navOne .sf-menu ul .website-design a{
	background-image:url(/fileadmin/templates/main/images/icons/Paint-32.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 50px;
	width:257px;
	padding-top: 15px;
	padding-bottom: 15px;
	}

.header .navOne .sf-menu ul .web-applications a{
	background-image:url(/fileadmin/templates/main/images/icons/Application_32.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 50px;
	width:257px;
	padding-top: 15px;
	padding-bottom: 15px;
	}

.header .navOne .sf-menu ul .iphone-and-mobile-websites a{
	background-image:url(/fileadmin/templates/main/images/icons/iphone_32.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 50px;
	width:257px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.header .navOne .sf-menu ul .statistics-and-reporting a{
	background-image:url(/fileadmin/templates/main/images/icons/Stats-32.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 50px;
	width:257px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.header .navOne .sf-menu ul .email-marketing a{
	background-image:url(/fileadmin/templates/main/images/icons/News-32.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 50px;
	width:257px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.header .navOne .sf-menu ul .pay-per-click-ppc-marketing a {
	background-image:url(/fileadmin/templates/main/images/icons/ppc.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 50px;
	width:257px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.header .navOne .sf-menu ul .content-writing a{
	background-image:url(/fileadmin/templates/main/images/icons/office3_32.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 50px;
	width:257px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.header .navOne .sf-menu ul .consultation-and-tuition a{
	background-image:url(/fileadmin/templates/main/images/icons/User-32x32.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 50px;
	width:257px;
	padding-top: 15px;
	padding-bottom: 15px;
}


/* =Column One
-----------------------------------------------------------------------------*/
.colOne{
	float:left;
	width:190px;
	margin-left:-960px; /* must be width of website as defined in body and/or .wrapper */
}

.colOne h2 {
	padding: 3px;
}

.colOne #vnav, .colOne #vnav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	width : 184px;
	z-index:5;
}

.colOne #vnav li {
	position : relative;
	float : left;
	line-height : 1.5em;
	margin-bottom : -1px;
	width : 184px;
}

.colOne #vnav li ul {
	position : absolute;
	left: -999em;
	margin-left : 190px;
	margin-top : -24px;
}

.colOne #vnav li ul ul {
	left: -999em;
}

.colOne #vnav li a {
	width : 184px;
	display:block;
	text-decoration:none;
	background-color:white;
	padding: 3px;
}

.colOne #vnav li a:hover {
	color:white;
	background-color:#BDD2FF;
}

.colOne #vnav li:hover ul ul, .colOne #vnav li:hover ul ul ul, .colOne #vnav li.sfhover ul ul, .colOne #vnav li.sfhover ul ul ul {
	left: -999em;
}

.colOne #vnav li:hover ul, .colOne #vnav li li:hover ul, .colOne #vnav li li li:hover ul, .colOne #vnav li.sfhover ul, .colOne #vnav li li.sfhover ul, .colOne #vnav li li li.sfhover ul {
	left: auto;
}



/* =Column Two
-----------------------------------------------------------------------------*/
.colTwo {
	float:left;
	margin-left:-310px;
	margin-top:10px;
	width:300px;
}

.wrapper .colTwo.border {
	padding-left: 10px; width:290px;
	}

.wrapper .colTwo .promoBox {
	background-image: url(/fileadmin/templates/main/images/boxBG_03.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 10px;
	padding-right: 140px;
	height: 116px;
	width: 150px;
	margin-top: 0px;
	color: #333;
	display:block;
	font-weight: normal;
	text-decoration:none;
	margin-bottom:-1.25em;
}

.wrapper .colTwo .promoBox:hover {
	background-position: left bottom;
}

.wrapper .colTwo .promoBox p{
	color: #333;
}



.wrapper .colTwo .promoBox strong {
	text-transform: uppercase;
	color: #781000;
	font-size:25px; display:block;
	margin: 0px;
	font-weight: normal;
}
.wrapper .colTwo .primaryCTA {
	background-color: #F8F9DA;
	padding: 10px;
	position: relative;
	border: 1px solid #E3CAC5;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-left-bottom-radius: 10px;
	border-right-bottom-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-left-top-radius: 10px;
	border-right-top-radius: 10px;
	margin-top: 10px;
	font-size: 16px;
	color: #333;
margin-bottom:75px;
}

.wrapper .colTwo .primaryCTA .action {
background-image:url(/fileadmin/templates/main/images/cta.png);
bottom:-100px;
color:#FFFFFF;
font-size:13px;
height:110px;
left:-17px;
padding-left:30px;
padding-top:20px;
position:absolute;
width:328px;
}

.wrapper .colTwo .primaryCTA .action p {
	color:#FFFFFF;
	width:170px;
	margin: 0px;
	padding: 0px;
	font-size:14px;
}
.wrapper .colTwo .price {
color:#FFFFFF;
padding-bottom:0;
padding-right:0;
position:absolute;
right:-15px;
text-align:center;
width:120px;
font-size:14px;
padding-top:6px;
}

.wrapper .colTwo .price strong {
	font-size: 25px;
	font-weight: bold;
	display:block;
	font-weight: normal;
}

.wrapper .colTwo .primaryCTA .action p strong {
	font-size: 21px;
	font-weight: bold;
	display:block;
}

.wrapper .colTwo .primaryCTA h2 {
	font-size: 25px;
	color: #333;
	font-weight: normal;
}
.wrapper .colTwo .primaryCTA ul li {
	background-image: url(/fileadmin/templates/main/images/icons/tick.png);
	margin-bottom: 10px;
	padding-left: 45px;
	background-repeat: no-repeat;
	background-position: left top;
}
.wrapper .colTwo.border .downloads li {
	background-image: url(/fileadmin/templates/main/images/icons/File-pdf-32.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 16px;
	display: block;
	padding-top: 5px;
	padding-left: 40px;
}
.wrapper .content-wrapper .content .blogBlock {
	float: left;
}




/* =Content
-----------------------------------------------------------------------------*/
body .wrapper .content-wrapper .cta {
	background-image: url(/fileadmin/templates/main/images/cta_01.png);
	background-position: left top;
	background-repeat: repeat-x;
	border: solid 1px #EB8700;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-left-bottom-radius: 6px;
	border-right-bottom-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	border-left-top-radius: 6px;
	border-right-top-radius: 6px;
	padding-top: 2px;
        padding-bottomm: 2px;
padding-left: 4px;
        padding-right: 4px;
	color: #333;
        text-decoration:none;
        font-size: 16px;
}

body .wrapper .content-wrapper .cta-green {
	background-image: url(/fileadmin/templates/main/images/cta-green.png);
	background-position: left top;
	background-repeat: repeat-x;
	border: solid 1px #EB8700;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-left-bottom-radius: 6px;
	border-right-bottom-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	border-left-top-radius: 6px;
	border-right-top-radius: 6px;
	padding-top: 2px;
        padding-bottomm: 2px;
	padding-left: 4px;
        padding-right: 4px;
	color: #333;
        text-decoration:none; font-size: 16px;
}


.content {
padding:10px;
width:620px
}
.wrapper .content-wrapper .content.wide iframe {
	float: right;
	border: 1px solid #BECAD7;
}
.wrapper .content-wrapper .content h2 {
color:#333333;
font-size:24px;
margin-top:0;
}

.wrapper .content-wrapper .content.wide .fourCol div {
	width: 216px;
	padding: 8px;
	float: left;
}
.wrapper .content-wrapper .content.wide .fourCol div img {
	border: 1px solid #BECAD7;
	padding: 1px;
}

.wrapper .content-wrapper .content .url {
	font-size: 20px;
	margin-bottom: 10px;
}
.wrapper .content-wrapper .content .login {
	padding: 0px;
	width: 440px;
	margin-left: 250px;
	border: 1px solid #BECAD7;
	background-image: url(/fileadmin/templates/main/images/GlobalBG.png);
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-left-bottom-radius: 10px;
	border-right-bottom-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-left-top-radius: 10px;
	border-right-top-radius: 10px;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFF;
	float: left;
	margin-bottom: 50px;
	margin-top: 30px;
}
.wrapper .content-wrapper .content .login form input {
	width: 200px;
	margin-bottom: 10px;
}
.wrapper .content-wrapper .content .login form .orangeAction {
	background-image: url(/fileadmin/templates/main/images/orangeGradient.png);
	background-repeat: repeat-x;
	background-position: left top;
	color: #333;
	border: 1px solid #EB8700;
	font-size: 18px;
	margin-left: 120px;
	cursor: pointer;
	width: 210px;
}

.wrapper .content-wrapper .content.wide .login form {
	display:block;
	float:left;
	font-size:16px;
	margin:0;
	padding:10px;
}
.wrapper .content-wrapper .content .login h2 {
	color: #FFF;
	background-image: url(/fileadmin/templates/main/images/icons/Key_32.png);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 32px;
	height: 32px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}


.wrapper .content-wrapper .content.wide .slimboxWrapper {
	float: right;
	display:block;
	text-align: center;
}

.wrapper .content-wrapper .content.wide .slimboxWrapper a:hover{
	decoration: none;
}
.wrapper .content-wrapper .content.wide .featuredProject .slimboxWrapper a:hover {
	text-decoration: none;
}


.wrapper .content-wrapper .content.wide .featuredProject {
	display: block;
	float: left;
	padding-bottom:20px;
}
.wrapper .content-wrapper .content.wide .otherProjects {
	display: block;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DAE1E9;
	width: 100%;
	margin-top: 0px;
}
.wrapper .content-wrapper .content.wide .otherProjects h2 {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin: 0px;
	color: #03443E;
}
.wrapper .content-wrapper .content.wide .otherProjects a {
display:block;
float:left;
font-weight:normal;
height:250px;
margin-right:10px;
width:178px;
}

.wrapper .content-wrapper .content.wide .otherProjects a:hover {
	text-decoration: none;
}

.wrapper .content-wrapper .content.wide .otherProjects a strong{
	display:block;
	font-size: 18px;
	color: #03443E;
	font-weight:normal;
}


.wrapper .content-wrapper .content.wide .otherProjects a em {
	display:block;
	font-size: 14px;
	color:#666;
	font-weight:normal;
}
.wrapper .content-wrapper .content.wide .otherProjects a img {
	margin: 0px;
	padding: 0px;
}


.wrapper .content-wrapper .wide {
	padding: 10px;
	width: 940px;
}


/* Content Modules - Change percentages to alter layouts */
.content01 {
	width: 33%;
	float: left;
}

.content02 {
	width: 33%;
	float: left;
}
.content03 {
	width: 33%;
	float: right;
}


/* =blockLinks
-------------------------------------------------------------------------------
Quick way to add uniform look and functionality to links
-----------------------------------------------------------------------------*/
.blockLinks a {
	display: block;
    background: #BDD2FF;
   color: #3F6C83;
   padding:0.75em 1em;
  border-top:1px solid #CFDEFF;
}

.blockLinks a:link {
	text-decoration: none;
}

.blockLinks a:visited {
	text-decoration: none;
}

.blockLinks a:hover {
	text-decoration: none;
	background-color: #CFDEFF;
}

.blockLinks a:active {
	color: #FFFFFF;
	text-decoration: none;
}

.blockLinks ul {
	list-style-type: none;
}

/* =Content
-----------------------------------------------------------------------------*/
.content {}

.content h1 {
	color:#03443E;
	font-size:33px;
	font-weight:normal;
	margin:0 0 0;
	padding:0;
}

.content h2 {
	font-size: 22px;
	font-weight: normal;
	font-weight: normal;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.content address {
	background-color: #FEFAA5;
	display: block;
	margin: 30px;
	padding: 10px;
	border: 1px solid #F48221;
	font-size: 1.2em;
	font-style: normal;
}

.content ul {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: block;
	font-size: 16px;
}

.content ul li {
	margin: 3px;
	background-image:url(/fileadmin/templates/main/images/icons/bullet_blue.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
}
.content .usual #tab_1 .recentImage {
	width:340px;float:left;
}


.wrapper .doorstop>div {
	color:#333333;
	display:block;
	float:left;
	margin-bottom:10px;
	margin-top:10px;
	width:100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DAE1E9;
	padding-top: 10px;
}
.wrapper .doorstop div div {
	width: 299px;
	float: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.wrapper .doorstop div div ul .email a {
	background-image:url(/fileadmin/templates/main/images/icons/email.png);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	font-size:17px;
	font-weight:normal;
	height:40px;
	margin-bottom:10px;
	padding:10px 0 0 60px;
}

.wrapper .doorstop div div ul .phone {
	background-image:url(/fileadmin/templates/main/images/icons/phone.png);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	font-size:17px;
	font-weight:normal;
	height:40px;
	margin-bottom:10px;
	padding:10px 0 0 60px;
}

.wrapper .doorstop div div ul .skype a {
	background-image:url(/fileadmin/templates/main/images/icons/skype.png);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	font-size:17px;
	font-weight:normal;
	height:40px;
	margin-bottom:10px;
	padding:10px 0 0 60px;
}

.wrapper .doorstop div div ul .pack a {
	background-image:url(/fileadmin/templates/main/images/icons/pack.png);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	font-size:17px;
	font-weight:normal;
	height:40px;
	margin-bottom:10px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 60px;
}

.wrapper .doorstop div div ul li {
	background-image: none;
	padding: 0px;
	font-size: 16px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-weight: normal;
}
.wrapper .border {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #BECAD7;
}


.wrapper .doorstop div div ul {
	margin: 0px;
	padding: 0px;
}
.wrapper .doorstop div h2 {
	color: #333;
	margin-top: 0px;
	font-size: 24px;
}
.wrapper .doorstop div div ul li a {
	font-weight: normal;
}



.content .usual #tab_1 p, .content .usual #tab_1 h2 {
	 margin-left:10px;
}
.wrapper .colTwo h2 {
color:#333333;
font-size:24px;
margin-top:0;
margin-bottom:10px;
}

.wrapper .colTwo ul li {
background-image:none;
font-size:16px;
font-weight:normal;
margin:0 0 10px;
padding:0;
}


.content blockquote {
	color: #999999;
	margin-right: 10%;
	margin-left: 10%;
	padding-right: 10px;
	padding-left: 25px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-style: italic;
	background-image: url(/fileadmin/templates/main/images/blockquote.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.content code, .content pre {
	font-family: "Courier New", Courier, monospace;
	font-size: 1.2em;
	margin-right: 10%;
	margin-left: 10%;
	color: #009900;
	background-color: #000000;
	padding: 10px;
	display: block;
	border: 8px inset #CCCCCC;
}

/* =Tables
-----------------------------------------------------------------------------*/

.content table {
	margin: 0px;
	width: 100%
}

.content tr {
	border-bottom: solid 1px #E4EAEF;
}

.content tr .noborder{
	border: none;
}

.content tr.trheader {
background-image:url(/fileadmin/templates/main/images/trheader.png);
background-position:left top;
background-repeat:repeat-x;
	border-bottom: solid 1px #B3BECA;
}

.content thead {
background-image:url(/fileadmin/templates/main/images/table-head_02.png);
background-position:left top;
background-repeat:no-repeat;
color:#333333;
font-size:18px;
height:75px;
background-color:#ADBCCC;
}

.content tfoot {
background-image:url(/fileadmin/templates/main/images/table-foot_01.png);
background-position:left bottom;
background-repeat:no-repeat;
color:#333333;
font-size:18px;
height:74px;
background-color:#ADBCCC;
}

.content tfoot .bronze, .content tfoot .gold, .content tfoot .silver{
height:64px;
}

.content div ul { margin-bottom: 20px;  }

.content table th {
	text-align: left;
	margin: 0px;
	padding: 5px;

}

.content table th.head a {
	font-size: 16px;
}

.content table th.gold {
text-align: right;
background-image:url(/fileadmin/templates/main/images/gold.png);
background-position:center 5px;
background-repeat:no-repeat;
font-size: 18px; vertical-align: bottom;
}

.content table th.silver{
text-align: right;
background-image:url(/fileadmin/templates/main/images/silver.png);
background-position:center 5px;
background-repeat:no-repeat;
font-size: 18px; vertical-align: bottom;
}

.content table th.bronze{
text-align: right;
background-image:url(/fileadmin/templates/main/images/bronze.png);
background-position:center 5px;
background-repeat:no-repeat;
font-size: 18px; vertical-align: bottom;
}


.content table td {
	font-size: 1.1em;
	text-align: left;
	margin: 0px;
	padding: 5px;
}

caption {
	font-size: 22px;
	font-weight: normal;
	font-weight: normal;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	color: #3F6C83;
}

.content .odd {
background-color:#EBEFF3;
}

.content .even {
background-color:#fff;
}

.content .odd th {
	background-color:#CFDEFF;
}

.content .even th {
}

th.bronze, th.silver, th.gold
{
	text-align: center !important;
}

td.heading
{
	font-size: 16px !important;
	font-weight: bold;
	 border-left: solid 1px #BECAD7;
}

td.bronze, td.silver, td.gold
{
	text-align: center !important;
	/*border-left: 1px solid #769BB7;*/
}

td.bronze
{
  border-left: solid 1px #BECAD7;font-size: 16px !important;
}

td.silver
{
  border-left: solid 1px #BECAD7; font-size: 16px !important;
}


td.gold
{
  border-left: solid 1px #BECAD7; border-right: solid 1px #BECAD7;  font-size: 16px !important;
}


td.feature
{
  border-left: solid 1px #BECAD7; border-right: solid 1px #BECAD7; font-size: 16px !important;
}


td.yes
{
	background-image: url(/fileadmin/templates/main/images/icons/tick-small.png);
	background-position: center;
	background-repeat: no-repeat;

}

td.no
{
	background-image: url(/fileadmin/templates/main/images/icons/cross-small.png);
	background-position: center;
	background-repeat: no-repeat;
}

/* =Forms
-----------------------------------------------------------------------------*/
.content form {
	width: 100%;
	display: block;
	padding: 10px;
	margin-left: 0px;
	padding:10px;
	width:584px;
}

.content form li {
	margin-bottom: 10px;
	}

.content legend {
	font-weight:normal;
	color:#3F6C83;
	font-size: 18px;
	margin-bottom: 0px;
	padding:6px;
}

.content input {
	margin: 0;
	border: 1px solid #BDD2FF;
	overflow: hidden;
	height: auto !important;
	height: 1%;
	padding: 4px 5px 0;
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
	float: left;
}

.content fieldset {
	margin-bottom: 10px;
	margin-top: 10px;
	border: 1px solid #769BB7;
	padding:10px;
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
}
.content form label {
	width: 180px;
	display: block;
	float: left;
}

.content form button { /* Resets button styles */
	background: none;
	background-color:transparent;
	cursor: pointer;
	border: 0px;
	margin: 0px;
}

/* =footer
-----------------------------------------------------------------------------*/
.footer {
clear:left;
color:#FFFFFF;
font-size:16px;
margin:0 0 50px;
min-width:960px;
padding-top:10px;
text-align:center;
width:100%;
}

.footer li {
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
}

.footer a {
	display:inline; color:#FFF; font-weight: normal;
}

.content form {
	width: 100%;
	display: block;
	padding: 10px;
	margin-left: -10px;
}

.content form label {
	width: 120px;
	display: block;
	height: 20px;
	float: left;
}

.content form button { /* Resets button styles */
	background: none;
	background-color:transparent;
	cursor: pointer;
	border: 0px;
	margin: 0px;
}

/* =ie6 Upgrade
-------------------------------------------------------------------------------
http://www.silvesterwebdesigns.com/index.php?module=freescripts&action=view&do=1
-----------------------------------------------------------------------------*/

div.updateie6 h3{
	font-size:22px;
	margin:0px;
	border: 0px;
	text-decoration:none;
	color: #333;
}
div.updateie6 {
	font-size:12px;
	background-color:#EBEFF3;
	border-color:#AABACD;
	color:#333;
	padding:6px;
	border:1px solid;
	background-image: url(/fileadmin/templates/main/images/icons/info-32.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	color: #333;
	padding-left: 40px;
}
div.updateie6 a{color:#000;font-size:12px;text-decoration:underline;}
div.updateie6 a:hover{color:#333;font-size:12px;}
div.updateie6 li{color:#000;}
div.updateie6 ul{margin-top:2px;}
div.updateie6 span#hideme{position:absolute;top:14px;right:10px;}
div.updateie6 div#whyupcontent{padding-top:10px;}

/* =Useful Classes
-------------------------------------------------------------------------------
Border Radius
-----------------------------------------------------------------------------*/

/*	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-left-bottom-radius: 10px;
	border-right-bottom-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-left-top-radius: 10px;
	border-right-top-radius: 10px;
*/




div.socialMediaLinks ul
{
	margin-top: 0px;
	list-style-type: none;
	clear: both;
	height: 50px;
}

div.socialMediaLinks ul li
{
	float: left;
	width: 50px;
	height: 50px;
	padding-right: 10px !important;
}




/*div.socialMediaLinks ul li a
{
	width: 50px;
	height: 50px;
	display: block;
}*/


.postedDate
{
	/*color: #3F6C83;*/
	color: #696969;
	font-size: 9pt;
	padding-bottom: 4px;
}

#tagline
{
	font-size: 10pt !important;
	padding: 0;
	margin: 0;
	margin-left: 31px;
	color: #EBECF2 !important;
	margin-top: -20px;
	padding-bottom: 20px;
}

#tagline a, #tagline a:link, #tagline a:active, #tagline a:visited, #tagline a:hover
{
	color: #EBECF2 !important;
	font-size: 10pt !important;
}


div.brainstormFormContainer fieldset
{
	background-color: #DDDFE8;
	border: 1px solid #9498AE;
	border-bottom-left-radius: 6px 6px;
	border-bottom-right-radius: 6px 6px;
	border-top-left-radius: 6px 6px;
	border-top-right-radius: 6px 6px;
	width: 600px;
	margin-bottom: 10px;
}

div.brainstormFormContainer fieldset legend
{
	background-color: #DDDFE8;
	border-bottom-left-radius: 6px 6px;
	border-bottom-right-radius: 6px 6px;
	border-top-left-radius: 6px 6px;
	border-top-right-radius: 6px 6px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	color: #036;
}

div.brainstormFormContainer fieldset p
{
	clear: both;
}

div.brainstormFormContainer fieldset p label, div.brainstormFormContainer fieldset p input[type='text'], div.brainstormFormContainer fieldset p textarea
{
	margin-bottom: 5px;
}

div.brainstormFormContainer fieldset p label, div.brainstormFormContainer fieldset div.radioGroupContainer label
{
	width: 150px;
	float: left;
}

div.brainstormFormContainer fieldset p input[type='text'], div.brainstormFormContainer fieldset p input[type='password'], div.brainstormFormContainer fieldset p textarea
{
	width: 250px;
	float: left;
}

div.brainstormFormContainer fieldset p textarea
{
	height: 80px;
}

div.brainstormFormContainer fieldset p label.wide
{
	clear: both !important;
	width: auto;
}

div.brainstormFormContainer fieldset label.radioButton
{
	width: 400px !important;
	padding-right: 5px;
	display: block;
}

div.brainstormFormContainer fieldset div.radioGroup
{
	float: left;
	width: 250px;
}

div.brainstormFormContainer fieldset div label.mooltiselect
{
	clear: both !important;
	width: auto;
	display: block;
}

div.brainstormFormContainer fieldset div select.mooltiselect
{
	clear: both !important;
}


div.brainstormFormContainer fieldset div.radioGroupContainer
{
	clear: both;
}


div#colorSwatch table tbody tr td
{
	height: 16px;
	width: 16px;
	cursor: pointer;
}
div#selection ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div#selection ul li
{
	float: left;
	width: 48px;
	height: 48px;
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-right: 2px;
	cursor: pointer;
	background: none;
}

div.moreButton
{
	cursor: pointer;
	width: 105px;
	height: 34px;
	background-image: url(/fileadmin/templates/main/images/more.jpg);
	background-repeat: no-repeat;
	text-indent: -9000px;
}

div.brainstormFormContainer form#brainstormForm .btnSendBrainstorm
{
	width: 105px;
	height: 34px !important;
	margin-top: 20px;
	background-image: url(/fileadmin/templates/main/images/send-brainstorm.jpg);
	background-repeat: no-repeat;
	text-indent: -9000px;
}

#frmRequestAudit fieldset
{
	width: 450px;
}

#frmRequestAudit fieldset p
{
	clear: both;
}

#frmRequestAudit fieldset p .orangeAction {
	background-image: url(/fileadmin/templates/main/images/orangeGradient.png);
	background-repeat: repeat-x;
	background-position: left top;
	color: #333;
	border: 1px solid #EB8700;
	font-size: 18px;
	margin-left: 120px;
	cursor: pointer;
	width: 217px;
}

#frmRequestAudit fieldset input[type='text']
{
	margin-bottom: 5px;
}