/* SCREEN STYLES FOR SALES 2 SUCCESS 
SQUID-INK DESIGN 2006
www.squidinkdesign.co.uk
*/

/* ------------ ELEMENTS ------------ */

body {
	padding: 0;
	margin: 0;
	background-color: #e4e4e4;
	color: #000;
	font-size: 69%; /* For best results set to 60%, 69% or 76%. All following font sizes must be set to em's and must always be 1.0em or more*/
	font-family: Verdana, Helvetica, Geneva, sans-serif;
}

h1 {
	padding: 0;
	margin: 0;
}

h2 {
	padding: 0;
	margin: 0;
}

h3 {
	padding: 0;
	margin: 0;
}

p {
	padding: 0;
	margin: 0;
}

ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

img {
	border-style: none;
}

.icon {
	margin: 0 0 -2px 0;
}

.italic {
	font-style: italic;
}

.bold {
	font-weight: bold; 
}

#centre_mod {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
	width: 800px;
}

#container {
	float: left;
	clear: left;
	display: inline;
	padding: 0;
	margin: 0;
	width: 800px;
	background-image: url(media/bg-e4.gif);
	background-repeat: repeat-y;
}


/* ------------ HEADER ------------ */


#header {
	float: left;
	clear: left;
	display: inline;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	width: 745px;
	height: 80px;
	color: #b4c9fa;
	background-color: #0b4db9;
	background-image: url(media/bg-header.gif);
	background-repeat: repeat-x;
	z-index: 1;
}

/* Mac IE fix \ inserted here*/

#header {
  	width: 760px;
}
 /* end Mac IE fix */


#header h1 {
	float: left;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -5000px;
}

#header p {
	float: right;
	clear: none;
	padding: 0;
	margin-top: -30px;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 0;
	text-align: right;
	color: #d8e1fa;
	/*  background-color not set as floated over bg image */
	display: inline;
	z-index: 2;
}

/* Mac IE fix \ inserted here*/

#header p {
   clear: right;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 0;
	
}
 /* end Mac IE fix */

#header .top {
	margin-top: -60px;
}

/* Mac IE fix \ inserted here*/

#header .top {
	margin-top: 18px;
}

/* end Mac IE fix */

#header p a {
	color: #d8e1fa;
	text-decoration: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#header p a:hover {
	color: #fff;
	text-decoration: underline;
}

#logo {
	float: left;
	padding: 0;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 13px;
	display: inline;
}

#stripe {
	float: left;
	clear: left;
	display: inline;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	/* browser hack - realigning bottom border for non-standards browsers */
	margin-bottom: 0 !important; /* affects standards compliant browsers  - 
	Alternate Box Model Hack No: 2 - http://css-discuss.incutio.com/?page=BoxModelHack */
	margin-bottom: -7px; /* affects IE 5.x/win */
	margin-bottom/**/:/**/ -7px; /* affects IE6/win */
/* end browser hack */
	margin-left: 20px;
	width: 760px;
	height: 6px;
	background-image: url(media/bg-redstripe.gif);
	background-repeat: repeat-x;
}

#topmenu {
	float: left;
	clear: left;
	display: inline;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	width: 760px;
	min-height: 18px;
	color: #042d89;
	background-color: #e7e7e7;
	background-image: url(media/bg-topmenu.gif);
	background-repeat: repeat-x;
}

#topmenu li {
	float: left;
	display: block;
	min-height: 13px;
	margin: 0;
}

#topmenu li a {
	float: left;
	display: block;
	padding-top: 4px;
	padding-right: 11px;
	padding-bottom: 4px;
	padding-left: 12px;
	color: #042d89;
	text-decoration: none;	
	background-color: #e7e7e7;
	background-image: url(media/bg-topmenu.gif); 
	background-repeat: repeat-x;
	border-top: 0;
	border-right: 1px solid #dedede;	
	border-bottom: 0;
	border-left: 1px solid #767676;
	list-style: none;
}

#topmenu li a:hover {
	color: #000;
	text-decoration: underline;	
	border-left: 1px solid #444;
	background-image: url(media/bg-topmenu-a.gif);
}

#topmenu li.leftend {
	border-top: 0;
	border-right: 1px solid #dedede;	
	border-bottom: 0;
	border-left: 0;
}

#topmenu li.leftend a {
	padding-top: 4px;
	padding-right: 11px;
	padding-bottom: 4px;
	padding-left: 12px;
	color: #042d89;
	text-decoration: none;	
}

#topmenu li.leftend a:hover {
	color: #000;
	text-decoration: underline;	
	background-image: url(media/bg-topmenu-a.gif);
}

#topmenu li.rightend {
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 0;
	border-top: 0;
	border-right: 0;	
	border-bottom: 0;
	border-left: 1px solid #767676;
}


/* END HEADER */

/* ------------ COPYBOX ------------ */

#copybox {
	float: left;
	clear: left;
	display: inline;
	padding: 0;
	margin: 0;
	margin-left: 20px;
	width: 760px;
	min-height: 400px;
	background-color: #fff;
	background-image: url(media/bg-imagebox.gif);
	background-repeat: no-repeat;
}

#copybox h2 {
	width: 400px;
	padding: 0;
	margin-top: 10px;
	margin-left: -1000px;
	margin-bottom: -32px;
	margin-right: 0;
	color: #042d89;
	background-color: #fff; 
	font-size: 1.6em;
	font-weight: bold;
}

#mainimage {
	float: left;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 0;
	margin-left: 25px;
	margin-bottom: 0px;
	margin-right: 0;
	display: inline;
}

/* Mac IE fix \ inserted here*/

#mainimage {
  	margin-top: 20px;
	margin-left: 25px;
	margin-bottom: 0px;
	margin-right: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
 /* end Mac IE fix */

#plugs {
	float: right;
	width: 350px;
	padding-top: 60px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 36px;
	text-align: right;	
	display: inline;
}

/* Mac IE fix \ inserted here*/

#plugs {
	margin-top: 58px;
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 36px;
   padding: 0;
}
 /* end Mac IE fix */


#plugs dl {
	float: right;
	padding: 0;
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 10px;
	margin-right: 0 ;
	display: inline; /* fixes IE/Win double margin bug */	
}



#plugs dt {
	float: right;
	width: 275px;
	margin-top: -3px;
	margin-left: 50px;
	margin-bottom: 0;
	margin-right: 0;
	padding: 0;
	font-size: 1.4em;
	font-weight: bold;
	color: #555;	
} 

/* Mac IE fix \ inserted here*/

#plugs dt {
	float: left;
   margin-top: -3px;
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 0;
}
 /* end Mac IE fix */


 
#plugs dt.alt {
	float: right;
	margin-top: -3px;
	margin-left: 0;
	margin-bottom: 0;
	margin-right: -60px;	
}

/* Mac IE fix \ inserted here*/

#plugs dt.alt {
	float: right;
   margin-top: -3px;
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 0;
}
 /* end Mac IE fix */
 
#plugs dt a {
	border: none;
	color: #555;
	text-decoration: none; 
}

#plugs dt a:hover {
	border: none;
	color: #333;
	text-decoration: underline; 
}

#plugs dd {
	float: right;
	margin-top: -30px;
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 60px;
	padding: 0;
	font-size: 1.1em;
	color: #555;	
}

/* Mac IE fix \ inserted here*/

#plugs dd {
   margin-top: 0;
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 0;
}
 /* end Mac IE fix */
 
 #plugs dd a {
	border: none;
	color: #555;
	text-decoration: none; 
}

#plugs dd a:hover {
	border: none;
	color: #333;
	text-decoration: underline; 
}

#plugs dd.img {
	float: right;
	margin-top: -13px;
	margin-left: 7px;
	margin-bottom: 0;
	margin-right: -60px;
	padding: 0;
	display: inline;
}

/* Mac IE fix \ inserted here*/

#plugs dd.img {
   margin-top: 0;
	margin-left: 7px;
	margin-bottom: 0;
	margin-right: 0;
}
 /* end Mac IE fix */
 

/* END COPYBOX */

/* ------------ COPY ------------ */

#twocol {
	float: left;
	padding: 0;
	margin-top: 31px;
	margin-left: 31px;
	margin-bottom: 0;
	margin-right: 0;
	width: 698px;
	color: #333;
	background-image: url(media/bg-twocol.gif);
	display: inline;
}

#copy {
	float: left;
	display: inline;
	width: 483px;
	height: 100%;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 0;
	padding: 0;
	padding-bottom: 10px;
	margin: 0;
}

#copy p {
	width: 95%;
	padding: 0;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 10px;
	margin-right: 0;
	background-color: #fff; 
	font-size: 1.1em;
	line-height: 1.3em;
}

#copy h2 {
	width: 463px;
	padding: 0;
	margin-top: -1px;
	margin-left: 0;
	margin-bottom: 10px;
	margin-right: 0;
	color: #042d89;
	background-color: #fff; 
	font-size: 1.5em;
	font-weight: bold;
}

#copy h2.clientlist {
	margin-top: -1px;
	margin-left: 15px;
	margin-bottom: 10px;
	margin-right: 0;
}

#copy h3 {
	width: 430px;
	padding: 0;
	margin-top: 15px;
	margin-left: 0;
	margin-bottom: 5px;
	margin-right: 0;
	color: #042d89;
	background-color: #fff; 
	font-size: 1.1em;
	font-weight: bold; 
}

#copy ul {
	list-style: square ;
	margin-top: 20px;
	margin-left: 0;
	margin-bottom: 20px;
	margin-right: 0;
}

#copy ul.clientlist {
	margin-top: 20px;
	margin-left: 15px;
	margin-bottom: 20px;
	margin-right: 0;
}


#copy li {	
	padding: 0;
	margin-top: 0;
	/* browser hack - realigning list items/bullets for non-standards browsers */
	margin-left: 21px !important; /* affects standards compliant browsers  - 
	Alternate Box Model Hack No: 2 - http://css-discuss.incutio.com/?page=BoxModelHack */
	margin-left: 16px; /* affects IE 5.x/win */
	margin-left/**/:/**/ 16px; /* affects IE6/win */
	margin-bottom: 10px;
	margin-right: 20px;
	/* end browser hack */
	background-color: #fff; 
	font-size: 1.1em;
	line-height: 1.2em;
	list-style-type: square inside;
	list-style-position: outside;
	list-style-image: url(media/grey_arrow.gif);
}

#copy a {
	color: #042dba;
	text-decoration: none;
}

#copy a:hover {
	text-decoration: underline;
}

#copy li h3 {
	width: 380px;
	margin-top: 15px;
	margin-left: 0;
	margin-bottom: 5px;
	margin-right: 0;
	color: #000;
	background-color: #fff; 
	font-weight: normal; 
}

#copy li h3 a {
	color: #000;
	text-decoration: none;
}

#copy h2.training {
	width: 420px;
	margin-top: 2px;
	margin-left: 25px;
	margin-bottom: 10px;
	margin-right: 0;
}

#box {
	border: solid 5px #eee;
	width: 450px;
	min-width: 450px;
	padding: 0;
	padding-top:0;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
	margin-top: 15px;
	margin-left: 0;
	margin-bottom: 15px;
	margin-right: 0;
}

 #box h3 {
 	width: 350px;
 	padding: 0;
	margin-top: 15px;
	margin-left: 20px;
	margin-bottom: 15px;
	margin-right: 0;
	font-size: 1.3em;
}

/* #box ul {
	list-style: square ;
	margin-top: 20px;
	margin-left: 0;
	margin-bottom: 20px;
	margin-right: 0;
} */

#box li {
	padding: 0;
	margin-top: 0;
	margin-left: 36px;
	margin-bottom: 10px;
	margin-right: 20px;
	background-color: #fff; 
	font-size: 1.2em;
	line-height: 1.2em;
	list-style: square inside;
	list-style-position: outside;
}

.floatpic {
	float: left;
	display: inline;
	clear: none;
	margin-top: 2px;
	margin-left: 0;
	margin-bottom: 5px;
	margin-right: 12px;
}

p#fitright {
	min-width: 442px;
	/* browser hack - realigning p width for non-standards browsers */
	width: 442 !important; /* affects standards compliant browsers  - 
	Alternate Box Model Hack No: 2 - http://css-discuss.incutio.com/?page=BoxModelHack */
	width: 355px; /* affects IE 5.x/win */
	width/**/:/**/ 355px; /* affects IE6/win */
/* end browser hack */
}

p#breadcrumb {
	text-align: right;
	margin-top: 15px;
	margin-left: 0;
	margin-bottom: 10px;
	margin-right: 0;
}

.space {
	text-align: center;
	
	
}

#menu {
	float: right;
	display: inline;
	height: 100%;
	width: 215px;
	padding: 0;
	margin: 0;
	color: #244c70;
	background-color: #e7f0f8;
	border-top: solid 1px #c8ddf0;
	border-right: 0;	
	border-bottom: 0;
	border-left: 0;
}


#menu li {
	float: left;
	display: block;
}

#menu li.deadlink {
	float: left;
	display: block;
	/* browser hack - realigning menu width for non-standards browsers */
	width: 189px !important; /* affects standards compliant browsers  - 
	Alternate Box Model Hack No: 2 - http://css-discuss.incutio.com/?page=BoxModelHack */
	width: 215px; /* affects IE 5.x/win */
	width/**/:/**/ 189px; /* affects IE6/win */
	margin: 0;
/* end browser hack */
	padding-top: 5px;
	padding-right: 12px;
	padding-bottom: 5px;
	padding-left: 12px;
	border-top: 0;
	border-right: solid 1px #c8ddf0;	
	border-bottom: solid 1px #c8ddf0;
	border-left: solid 1px #c8ddf0;
	/*  background-image: url(media/bg-menu-a.gif);
	background-repeat: repeat-y;*/
	color: #000;
	background-color: #F3F7FB;
	font-size: 1.1em;
	text-decoration: none;
}

#menu li a {
	float: left;
	display: block;
	/* browser hack - realigning menu width for non-standards browsers */
	width: 189px !important; /* affects standards compliant browsers  - 
	Alternate Box Model Hack No: 2 - http://css-discuss.incutio.com/?page=BoxModelHack */
	width: 215px; /* affects IE 5.x/win */
	width/**/:/**/ 189px; /* affects IE6/win */
	margin: 0;
/* end browser hack */
	padding-top: 5px;
	padding-right: 12px;
	padding-bottom: 5px;
	padding-left: 12px;
	border-top: 0;
	border-right: solid 1px #c8ddf0;	
	border-bottom: solid 1px #c8ddf0;
	border-left: solid 1px #c8ddf0;
	background-image: url(media/bg-menu.gif);
	background-repeat: repeat-y;
	color: #022e71;
	background-color: #e7f0f8;
	font-size: 1.1em;
	text-decoration: none;
}

#menu li a:hover {
	color: #000;
	background-color: #e7f0f8;
	text-decoration: underline;
	background-image: url(media/bg-menu-a.gif);
	background-repeat: repeat-y;
}

#menu h3 {
	padding: 0 0 5px 13px;
}

#menu p {
	float: left;
	clear: left;
	display: inline;
	width: 189px;
	margin-top: 5px;
	margin-left: 13px;
	margin-bottom: 4px;
	margin-right: 0;
	padding: 0 0 1px 0;
	color: #444;
	line-height: 1.3em;
}

#menu p a {
	color: #042d89;
	text-decoration: none;
}

#menu p a:hover {
	color: #042d89;
	text-decoration: underline;
}

#menu img {
	margin: 0 0 -3px 0;
}

#menu .top {
	margin-top: 25px;
	margin-left: 13px;
	margin-bottom: 5px;
	margin-right: 0;
	font-weight: bold;
} 

#menu .spaced {
	margin-top: 8px;
	margin-left: 13px;
	margin-bottom: 8px;
	margin-right: 0;
}

 #clear {
   clear:both;   
}

p#diggit {
	text-align: left;
	font-size: 1.0em;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 10px;
	margin-right: 0;
	border-style: none;
}


/* END COPY */

/* ------------ FOOTER ------------ */

#footer {
	float: left;
	clear: left;
	display: inline;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	width: 760px;
	height: 70px;
	color: #b4c9fa;
	background-color: #1b4cba;
	background-image: url(media/bg-footer.gif);
	background-repeat: repeat-x;
	border-top: none;
	border-right: none;
	border-bottom: solid #444 2px;
	border-left: none;
}

#footer a {
	color: #b4c9fa;
	text-decoration: none;
}

#footer a:hover {
	color: #fff;
	text-decoration: underline;
}

#footermenu {
	padding: 0;
	margin-top: 12px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 12px;
}

#copyright {
	float: left;
	display: inline;
	padding: 0;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 12px;
}

#squidink {
	float: right;
	display: inline;
	padding: 0;
	margin-top: 20px;
	margin-right: 12px;
	margin-bottom: 0;
	margin-left: 0;
}

/* END FOOTER */