@charset "utf-8";
/* CSS Document */

* {
	padding: 0px;
	margin: 0px; 
	}

body {
	margin: 0px;
	background: #fff url(../Images/factory.jpg) no-repeat bottom right;
	background-attachment: fixed;
	font: 1em Verdana, Arial, Helvetica, sans-serif
	}

a {
	color: #a13727;
	outline: none; 
 	}

a:hover {
	color: #c68974;
	text-decoration: none;
 	}
	

#header {
	z-index: 6;
	top: 0px;
	left: 0px;
	width: 100%;
	padding: 0px;
	margin: 0 0 10px 0;
	background: red;
	background: #f8f4e8 url(../Images/top.jpg) repeat-x top;
	}


* HTML #header {
	position: static;
	}

#header ul.quicklinks {
	color: #fff;
	float: left;
	display: block;
	margin: 6px 0 10px 20px; 
	padding: 0;
	font-size: 0.7em;
	list-style-type: none;
	z-index: 5;
	width: 500px;
	}

#header ul.quicklinks li {
	display: inline;
	border-right: 2px solid #fff;
	margin: 0px;
	padding: 0 20px;
 	}
	
#header ul.quicklinks li div {
	display: inline;
	}

#header ul.quicklinks li a {
	color: #fff;
	text-decoration: none;
 	}

#header ul.quicklinks li a:hover {
	color: #a13727;
	text-decoration: underline;
	}

#header ul.quicklinks li.last {
	border-right: 0px solid #fff;
	}
 
#header h1 {
	width: 45%;
	color: #a13727;
	text-align: right;
	float: right;
	display: block;
	margin: 6px 0 6px 0; 
	padding: 0px 20px;
	font-size:0.7em;
	font-weight: normal;
	}

#header h1 a, #header h1 a:hover {
	color: #a13727;
	text-decoration: none;
	}


#header h2 {
	background: url(../Images/logo.jpg) no-repeat ;
	clear: both; 
	float: right;
	width: 330px;
	}

#header h2 a {
	display: none;
	height: 100px;
	width: 330px;
	display: block;
	outline: none; 
	}

#header h2 a b {
	display: none;
	}
	
#bodycontent .centeringdiv {
	text-align: center; 
	margin: 15px auto 0 auto;
	clear:both;
	}

#bodycontent .centeringdiv p {
	text-align: center;
	margin: 0px;
	}
	
#bodycontent .centeringdiv h1 {
	text-align: center; 
	margin: 15px auto 0 auto;
	font-size: 3.2em;
	color: #a23826;
	}
	
#bodycontent .centeringdiv h1 i {
	text-align: center; 
	margin: 15px auto 0 auto;
	font-size: 0.2em;
	}

#bodycontent .centeringdiv p.small {
	text-align: center;
	font-size: 0.6em;
	margin: 0px;
	}
	

#content {
	width: 980px;
	margin: 20px auto 0 auto;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	}

	

#navagation {
	width: 200px;
	margin: 0px;
	float: left;
	background: url(../Images/nav-border.png) no-repeat right;
	overflow: visible;
	}

#navagation ul { 
	margin: 20px 0 0 0;
	padding: 0;
	list-style-type: none;
	font-size: 0.7em;
	font-weight: bold;
	}

#navagation ul li ul { 
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 0.8em;
	font-weight: normal;
	}

#navagation li { 
	padding: 0 0 15px 16px;
	background: url(../Images/Icons/nav-bullet.gif) no-repeat top left;
	}

#navagation ul li ul li { 
	padding: 2px 0 0 13px;
	background: url(../Images/Icons/nav-bullet-sm.png) no-repeat left;
	}

#navagation li a { 
	text-decoration: none;
	color: #000;
	margin: 0;
	padding: 0;
	display: block;
	}

#navagation li a:hover { 
	text-decoration: none;
	color: #a13727;
	}







#navagation li ul li a,
#navagation li#Software ul li a,
#navagation li#Licences ul li a,
#navagation li#Hardware ul li a,
#navagation li#Services ul li a,
#navagation li#Sectors ul li a,
#navagation li#Technical ul li a,
#navagation li#Contact ul li a,
#navagation li#News ul li a,
#navagation li#Information ul li a { 
	text-decoration: none;
	color: #3c3c3c;
	}

#navagation li ul li a:hover,
#navagation li#Software ul li a:hover,
#navagation li#Licences ul li a:hover,
#navagation li#Hardware ul li a:hover,
#navagation li#Services ul li a:hover,
#navagation li#Sectors ul li a:hover,
#navagation li#Technical ul li a:hover,
#navagation li#Contact ul li a:hover,
#navagation li#News ul li a:hover,
#navagation li#Information ul li a:hover { 
	text-decoration: none;
	color: #c68974;
	}

#bodycontent h2 {
	font-size: 1.2em;
	padding: 0 0 3px 0;
	border-bottom: 2px solid #a13727;
	}

/* Search Box Start */


#navagation #searchbox {
	float: left; 
	margin: 2px auto; 
	text-align: center;
	width: 170px;
	border: 1px solid #a13727;
	}
	
	
#navagation #searchbox p {
	text-align: center;
	padding: 4px; 
	color: #fff;
	font-size: 0.6em;
	font-weight: bold;
	background: #a13727;
	display: block;
	margin: 0 0 5px 0;
	}

#navagation #searchbox form#cse-search-box {
	margin: 0;
	}
	
#navagation #searchbox form#cse-search-box .box {
	border: 1px solid #000;
	padding: 2px 5px;
	margin: 0 0 5px 0;
	width: 140px;
	font-size: 0.6em;
	}
	
#navagation #searchbox form#cse-search-box .button {
	background: #d3cfc3;
	border: 1px solid #000;
	margin: 0 0 5px 0;
	padding: 1px 5px;
	font-size: 0.6em;
	}
	
/* Search Box End */



#bodycontent h3 {
	font-size: 0.8em;
	padding: 10px 0 3px 0;
	text-align: center;
	color: #a13727;
	clear: both;
	}

#bodycontent h4 {
	font-size: 0.8em;
	padding: 10px 0 3px 0;
	text-align: left;
	margin-bottom: 5px;
	color: #a13727;
	border-bottom: 1px solid #a13727;
	}

#bodycontent p, #bodycontent p.notoppadding {
	font-size: 0.7em;
	margin-top: 0;
	line-height: 1.3em;
	text-align: justify;
	}

#bodycontent p{
	margin: 10px 0;
	}
	
#bodycontent .notoppadding p {
	margin: 0 0 10px 0;
	}
	
#bodycontent p.center {
	text-align: center;
	}
	
#bodycontent p.alignright {
	text-align: right;
	}
	
#bodycontent table {
	margin-bottom: 0;
	}
	
#bodycontent table td p {
	margin: 0;
	margin: 4px 0 2px 0;
	}
	
#bodycontent table td {
	font-size: 0.7em;
	line-height: 1.3em;
	margin: 10px 0;
	text-align: justify;
	}
	
#bodycontent ul { 
	margin: 5px auto 20px auto;
	overflow: hidden;
	text-align: left;
	}
	
#bodycontent ol { 
	margin: 5px auto 12px auto;
	overflow: hidden;
	text-align: left;
	}

#bodycontent ol li {
	font-size: 0.7em;
	line-height: 1.3em;
	margin: 0px 0 15px 40px;
	}
	
#bodycontent ul li {
	font-size: 0.7em;
	line-height: 1.3em;
	margin: 4px 0 4px 40px;
	list-style-image: url(../Images/Icons/bullet.gif);
	}
	
#bodycontent .left ul { 
	margin: 0 auto;
	}
	
#bodycontent li p {
	font-size: 1em;
	line-height: 1.3em;
	margin: 2px 0 12px 0;
	}

#bodycontent li li {
	font-size: 1em;
	line-height: 1.3em;
	margin: 4px 0 4px 50px;
	}

#bodycontent li h3 {
	font-size: 1em;
	padding: 10px 0 3px 0;
	text-align: left;
	color: #a13727;
	margin: 0px;
	}

#rightcol {
	width: 230px;
	margin: 0px 0 20px 0;
	float: right;
	overflow: visible;
	text-align: center;
	}

#rightcol img {
	margin: 20px auto;
	}

#rightcol #quicklinkbox {
	background: url(../Images/right-highlight-box.png) no-repeat center;
	padding: 20px 0;
	width: 240px;
	text-align: center;
	
	}

#rightcol #quicklinkbox ul { 
	margin: 3px auto 20px auto;
	overflow: hidden;
	width: 200px;
	text-align: left;
	}

#rightcol #quicklinkbox ul ul { 
	margin: 5px auto 0 20px;
	overflow: hidden;
	width: 200px;
	text-align: left;
	}

#rightcol #quicklinkbox ul li { 
	margin: 5px auto;
	padding: 0;
	list-style-type: none;
	font-size: 0.7em;
	font-weight: normal;
	}
	
#rightcol #quicklinkbox ul li li {
	font-size: 0.9em;
	} 

#rightcol #quicklinkbox li a {
	display: block; 
	text-decoration: none;
	height: 16px; 
	width: 178px;
	padding: 0 0 0 20px;
	}

#rightcol #quicklinkbox li p {
	padding: 0 0 0 20px;
	font-size: 0.8em;
	}

#rightcol #quicklinkbox a {
	background: url(../Images/Icons/quicklink-default.png) no-repeat left;
	}

#rightcol #quicklinkbox a.buy {
	font-weight: bold;
	font-size: 0.8em;
	background: url(../Images/Icons/buy.png) no-repeat left;
	}

#rightcol #quicklinkbox a.info {
margin-top: 20px;
	background: url(../Images/Icons/info.png) no-repeat left;
	}


#rightcol #quicklinkbox a.trial {
	background: url(../Images/Icons/download.png) no-repeat left;
	}

#rightcol #quicklinkbox a.details {
	background: url(../Images/Icons/manual.png) no-repeat left;
	}

#rightcol #quicklinkbox a.casestudy {
	background: url(../Images/Icons/manual.png) no-repeat left;
	}

#rightcol #quicklinkbox a.manual {
	background: url(../Images/Icons/manual.png) no-repeat left;
	}

#rightcol #quicklinkbox a.install {
	background: url(../Images/Icons/install-guide.png) no-repeat left;
	}

#rightcol #quicklinkbox a.examples {
	background: url(../Images/Icons/example.png) no-repeat left;
	}

#rightcol #quicklinkbox a.moviereel {
	background: url(../Images/Icons/movie-reel.png) no-repeat left;
	}

#rightcol #quicklinkbox a.demo {
	background: url(../Images/Icons/demo.png) no-repeat left;
	}

#rightcol #quicklinkbox a.callback {
	background: url(../Images/Icons/call-back.png) no-repeat left;
	}

#rightcol #quicklinkbox a.contact {
	background: url(../Images/Icons/contact.png) no-repeat left;
	}
	
#rightcol #quicklinkbox a.imageflyer {
	background: url(../Images/Icons/imageflyer.png) no-repeat left;
	}
	
#rightcol #quicklinkbox a.quickchange {
	background: url(../Images/Icons/quickchange.png) no-repeat left;
	}

#rightcol #quicklinkbox a.contentmanager {
	background: url(../Images/Icons/content-manager.png) no-repeat left;
	}

#rightcol #quicklinkbox a.rollerwriter {
	background: url(../Images/Icons/rollerwriter.png) no-repeat left;
	}

#rightcol #quicklinkbox a.rsswriter {
	background: url(../Images/Icons/rss.png) no-repeat left;
	}

#rightcol #quicklinkbox a.swep {
	background: url(../Images/Icons/swep.png) no-repeat left;
	}





#rightcol #quicklinkbox #suggestedlinks {
	width: 190px;
	margin: auto;
	padding: 0;
	border: 1px solid #d3cfc3;
	background: #fff;
	overflow: hidden;
	font-size: 0.6em;
	text-align: left;
	}

#rightcol #quicklinkbox #suggestedlinks h3 {
	margin: 0 0 5px 0;
	padding: 5px;
	text-align: center;
	font-size: 1em;
	border-bottom: 1px solid #d3cfc3;
	background: #d3cfc3;
	}

#rightcol #quicklinkbox #suggestedlinks p {
	margin: 0 5px 10px 5px;
}

#rightcol #quicklinkbox #suggestedlinks p b {
	display: block;
	color: #a13727;
	text-decoration: underline;
}

#rightcol #quicklinkbox #suggestedlinks a {
	color: #000;
	text-decoration: none;
	background: none;
}

#rightcol #quicklinkbox #suggestedlinks a:hover {
	color: #c68974;
	text-decoration: underline;
}

.clear {
	clear: both;
}

p#footer {
	clear: both;
	display: block;
	padding: 10px 0;
	font-size: 0.7em;
	text-align: center;
	margin: 10px 0 0 0;
	border-top: 5px solid #c68974;
	background:#fff;
}
	
#bodycontent table.coloured {
	width: 500px;
 	background: #e7d5cb;
	margin: 0 auto;
	border-top: 1px solid #a13727;
	border-left: 1px solid #a13727;
}
	
#bodycontent table.coloured td {
 	border-right: 1px solid #a13727;
 	border-bottom: 1px solid #a13727;
	padding: 2px;
	text-align: left;
	font-size: 0.6em;
	line-height: 1.3em;
}
 
 #bodycontent table.coloured td h3 {
 	text-align: left;
	margin: 10px 0 0 0;
	padding: 0px;
	font-size: 1em;
}
 
 #bodycontent table.coloured td h3.top {
	margin: 0 0 0 0;
}
	
#bodycontent .left {
	float: left;
}
	
#bodycontent .right {
	float: right;
}
	
/* Styles for product boxes */

#highlightedprod {
	width: 802px;
	margin: auto;
	margin-bottom: 30px;
	overflow: hidden;
}
		
#highlightedprod .productbox {
	background: #fff;
	border: 2px solid #d3cfc3;
	float: left;
	padding: 2px;
}
		
#highlightedprod .productbox p {
	padding-left: 5px;
	padding-right: 5px;
}
		
#highlightedprod .productbox h3	{
	margin:0px; 
	padding: 5px 5px 5px 25px; 
	background: #a13727;
	text-align: center;
	font-size: 0.9em;
	background-position: top left;
	background-repeat: no-repeat;
}

#highlightedprod .productbox h3.imageflyer {
	background-image: url(../Images/Overview-Icons/imageflyer-overview.png);
	}

#highlightedprod .productbox h3.backgroundmaker {
	background-image: url(../Images/Overview-Icons/backgroundmaker-overview.png);
	}

#highlightedprod .productbox h3.contentmanager {
	background-image: url(../Images/Overview-Icons/content-manage-overview.png);
	}

#highlightedprod .productbox h3.swephd {
	background-image: url(../Images/Overview-Icons/swephd-overview.png);
	}

#highlightedprod .productbox h3.zone {
	background-image: url(../Images/Overview-Icons/3zone-overview.png);
	}	

#highlightedprod .productbox h3.unlimited {
	background-image: url(../Images/Overview-Icons/sitewide-licenses-overview.png);
	}

#highlightedprod .productbox h3.primary {
	background-image: url(../Images/Overview-Icons/primary-licenses-overview.png);
	}		
	
	
#highlightedprod .productbox h3.consultancy {
	background-image: url(../Images/Overview-Icons/consultancy-overview.png);
	}	
	
#highlightedprod .productbox h3.designservice {
	background-image: url(../Images/Overview-Icons/design-overview.png);
	}	
	
#highlightedprod .productbox h3.remotetraining {
	background-image: url(../Images/Overview-Icons/remotetrain-overview.png);
	}	

#highlightedprod .productbox h3 a	{
	text-decoration: none;
	color: #fff;
}
		
#highlightedprod .productbox h3 a b	{
	display: block;
	font-size: 0.6em;
	font-weight: normal;
}
		
#highlightedprod .productbox .imagesection {
	text-align: center;
	margin: 5px 0 0 0;
}
		
#highlightedprod .productbox h4	{
	background: #d3cfc3;
	border: 0px;
	text-align: center;
	font-size: 0.6em;
	margin: 0px;
	padding: 5px 2px;
}
		
#highlightedprod .productbox h4 a	{
	text-decoration: none;
}


/* Imageflyer Archiver Buttons */

a.archiver {
	width: 200px;
	height: 36px;
	display: block;
	margin: 0 auto;
	text-decoration: none;
	
	}

a.archiver b {
	visibility: hidden;
	}
	
a.archiver {
	background: url(../Images/archiver-button.png) no-repeat;
	background-position: top;
	}


a.archiver:hover {
	background-position: bottom;
	}

/* Styles for icons on Overview pages */

#bodycontent #systembox {
	background: #fff;
	border: 2px solid #d3cfc3;
	margin: 5px auto;
	padding: 2px;
	width: 550px;
}
		
#bodycontent #systembox p {
	padding-left: 5px;
	padding-right: 5px;
}

#bodycontent .standoutbox {
	border: 2px solid #a13727;
	background: #d3cfc3;
	padding: 0 10px;
	width: 85%;
	margin: 10px auto;
}

#bodycontent .standoutbox p {
	font-size: 0.7em;
	text-align: center;
}


#bodycontent table#clocks td {
	background: #d3cfc3;
	border: 1px solid #000;
	text-align:center;
	width: 175px;
	padding: 5px;
	}
	
#bodycontent table#clocks td.blank {
	background: none;
	border: 0px solid #000;
	}
	
#bodycontent table#clocks td a	{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 1em;
	color: #000000;
	font-weight: bold;
	margin-top: 5px;
	display: block;
	}
	
#bodycontent table#clocks td a:hover {
	text-decoration: underline;
	}
	
#bodycontent table.swepdetails {
	border: 1px solid #d3d3d3;
	background: #f4f4f4;
	margin: auto;
	font-size: 1.5em;
}

#bodycontent table.swepdetails td {
	text-align: center;
}