/*FlexiWeb Style File - Created 18-03-2010
Menus Section
*/
.main {
	position: absolute;
	left: 3px;
	top: 239px;
	z-index: 90;
	text-align: center;
}
#main, #main ul {
	padding: 0px;
	margin:0px;
	list-style: none;
	float: left;
	width: auto;
	line-height: 22px;
	background-color: #003366;
	font-weight: normal;
	border: 1px solid #FFFFFF;
	border-right-width: 0px;
	border-top-width: 0px;
	}

#main li {
	float: left;
	padding-left: 0px;
	margin : 0px;
	border-right-width: 1px;
	border-right-color: #FFFFFF;
	border-right-style: solid;
	border-top-width: 1px;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	background-color: #003366;
}
#main li ul { /* second-level lists */
	position: absolute;
	left: -999em;
	height: auto;
	font-weight: normal;
	margin: 0px;
	z-index: 90;	
}
#main a {
	display: block;
	width: auto;
	color: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-size : 11px;
	text-decoration: none;
	margin:0px 9px;
	padding : 0px 0.5em;
	z-index: 90;	
}
#main a:hover {
color: #FFFFFF;
}
#main li:hover ul ul, #main li:hover ul ul ul, #main li.sfhover ul ul, #main li.sfhover ul ul ul {
	left: -999em;
}
#main li:hover ul, #main li li:hover ul, #main li li li:hover ul, #main li.sfhover ul, #main li li.sfhover ul, #main li li li.sfhover ul { /* lists nested under hovered list items */
	left:auto;
	
}
#main li:hover, #main li.sfhover { 
	background-color: #CC0000;
}
#main li ul a {
width:100px;	
}
.solutions {
	position: absolute;
	left: 3px;
	top: 276px;
	width : 120px;
	z-index: 90;
	text-align: left;
	text-indent: 10px;
}
#solutions, #solutions ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 120px;
	}
	
#solutions li { /* all list items */
	float : left;
	width: 120px;
	position : relative;
	line-height : 22px;
	margin-bottom : -1px;
}
	
#solutions li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 10px;
	margin-top : -20px;
}
#solutions li ul ul { /* third-and-above-level lists */
	left: -999em;
}
#solutions li a {
	width: 120px;
	display : block;
	color : #376287;
	font-weight : normal;
	font-family: Verdana, Arial, sans-serif;
	font-size : 11px;
	text-decoration : none;
	background: #C2DAEF url('images/template/leftnavibg.gif') no-repeat left;;
	border : 1px solid #FFFFFF;
	z-index: 90;	
}	
	width:100px;		
}
#solutions li:hover ul ul, #solutions li:hover ul ul ul, #solutions li.sfhover ul ul, #solutions li.sfhover ul ul ul {
	left: -999em;
}
#solutions li:hover ul, #solutions li li:hover ul, #solutions li li li:hover ul, #solutions li.sfhover ul, #solutions li li.sfhover ul, #solutions li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#solutions li a:hover {
	color : #FFFFFF;
	background: #CC0000 url('images/template/leftnavibg.gif') no-repeat left;;
}
#solutions li:hover, #solutions li.hover {
    position:static;
} 

.sectors {
	position: absolute;
	left: 3px;
	top: 276px;
	width : 120px;
	z-index: 90;
	text-align: left;
	text-indent: 10px;
}
#sectors, #sectors ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 120px;
	}
	
#sectors li { /* all list items */
	float : left;
	width: 120px;
	position : relative;
	line-height : 22px;
	margin-bottom : -1px;
}
	
#sectors li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 10px;
	margin-top : -20px;
}
#sectors li ul ul { /* third-and-above-level lists */
	left: -999em;
}
#sectors li a {
	width: 120px;
	display : block;
	color : #376287;
	font-weight : normal;
	font-family: Verdana, Arial, sans-serif;
	font-size : 11px;
	text-decoration : none;
	background: #C2DAEF url('images/template/leftnavibg.gif') no-repeat left;;
	border : 1px solid #FFFFFF;
	z-index: 90;	
}	
	width:100px;		
}
#sectors li:hover ul ul, #sectors li:hover ul ul ul, #sectors li.sfhover ul ul, #sectors li.sfhover ul ul ul {
	left: -999em;
}
#sectors li:hover ul, #sectors li li:hover ul, #sectors li li li:hover ul, #sectors li.sfhover ul, #sectors li li.sfhover ul, #sectors li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#sectors li a:hover {
	color : #FFFFFF;
	background: #CC0000 url('images/template/leftnavibg.gif') no-repeat left;;
}
#sectors li:hover, #sectors li.hover {
    position:static;
} 

.prosolutions {
	position: absolute;
	left: 3px;
	top: 276px;
	width : 120px;
	z-index: 90;
	text-align: left;
	text-indent: 10px;
}
#prosolutions, #prosolutions ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 120px;
	}
	
#prosolutions li { /* all list items */
	float : left;
	width: 120px;
	position : relative;
	line-height : 22px;
	margin-bottom : -1px;
}
	
#prosolutions li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 10px;
	margin-top : -20px;
}
#prosolutions li ul ul { /* third-and-above-level lists */
	left: -999em;
}
#prosolutions li a {
	width: 120px;
	display : block;
	color : #376287;
	font-weight : normal;
	font-family: Verdana, Arial, sans-serif;
	font-size : 11px;
	text-decoration : none;
	background: #C2DAEF url('images/template/leftnavibg.gif') no-repeat left;;
	border : 1px solid #FFFFFF;
	z-index: 90;	
}	
	width:100px;		
}
#prosolutions li:hover ul ul, #prosolutions li:hover ul ul ul, #prosolutions li.sfhover ul ul, #prosolutions li.sfhover ul ul ul {
	left: -999em;
}
#prosolutions li:hover ul, #prosolutions li li:hover ul, #prosolutions li li li:hover ul, #prosolutions li.sfhover ul, #prosolutions li li.sfhover ul, #prosolutions li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#prosolutions li a:hover {
	color : #FFFFFF;
	background: #CC0000 url('images/template/leftnavibg.gif') no-repeat left;;
}
#prosolutions li:hover, #prosolutions li.hover {
    position:static;
} 

.litesolutions {
	position: absolute;
	left: 3px;
	top: 276px;
	width : 120px;
	z-index: 90;
	text-align: left;
	text-indent: 10px;
}
#litesolutions, #litesolutions ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 120px;
	}
	
#litesolutions li { /* all list items */
	float : left;
	width: 120px;
	position : relative;
	line-height : 22px;
	margin-bottom : -1px;
}
	
#litesolutions li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 10px;
	margin-top : -20px;
}
#litesolutions li ul ul { /* third-and-above-level lists */
	left: -999em;
}
#litesolutions li a {
	width: 120px;
	display : block;
	color : #376287;
	font-weight : normal;
	font-family: Verdana, Arial, sans-serif;
	font-size : 11px;
	text-decoration : none;
	background: #C2DAEF url('images/template/leftnavibg.gif') no-repeat left;;
	border : 1px solid #FFFFFF;
	z-index: 90;	
}	
	width:100px;		
}
#litesolutions li:hover ul ul, #litesolutions li:hover ul ul ul, #litesolutions li.sfhover ul ul, #litesolutions li.sfhover ul ul ul {
	left: -999em;
}
#litesolutions li:hover ul, #litesolutions li li:hover ul, #litesolutions li li li:hover ul, #litesolutions li.sfhover ul, #litesolutions li li.sfhover ul, #litesolutions li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#litesolutions li a:hover {
	color : #FFFFFF;
	background: #CC0000 url('images/template/leftnavibg.gif') no-repeat left;;
}
#litesolutions li:hover, #litesolutions li.hover {
    position:static;
} 
/*FlexiWeb Style File - Created 18-03-2010
Elements Section
*/
body {
margin: 0px;
}
body {
background-color: #E0E0E0;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #333333;
margin: 5px 0px 30px 0px;
text-align: left;
}
body a {
color: #376287;
}
body a:visited {
color: #376287;
}
body a:hover {
color: #C50030;
}
h2 {
background-color: #AA4547;
font-size: 12px;
color: #FFFFFF;
padding: 3px;
margin: 0px 0px 0px 0px;
text-align: center;
font-weight: normal;
}
table {
font-size: 100%;
}
h1 {
font-family: Century Gothic, Trebuchet MS, Helvetica, sans-seri;
font-size: 20px;
color: #376287;
padding: 0px 0px 0px 30px;
margin: 10px 0px 5px 0px;
background: url('images/h1bg.gif') no-repeat left;font-weight:normal;
}
p {
margin: 10px 0px;
}
h3 {
font-size: 12px;
margin: 10px 0px;
}
a img {
border: none;
}
h4 {
font-family: Century Gothic, Trebuchet MS, Helvetica, sans-seri;
font-size: 14px;
margin: 0px 0px 5px 0px;
font-weight:18px;
}
input {
font-size: inherit;
}
select {
font-size: inherit;
}
th {
font-weight:normal;
}
#websolutionsmaincontent {
width: 455px;
padding: 0px 202px 10px 130px;
}
#litesolutionsmaincontent {
width: 455px;
padding: 0px 202px 10px 130px;
}
#webbrochuremaincontent {
width: 455px;
padding: 0px 202px 10px 130px;
}
#webmarketmaincontent {
width: 455px;
padding: 0px 202px 10px 130px;
}
#webstoremaincontent {
width: 455px;
padding: 0px 202px 10px 130px;
}
#webcampaignmaincontent {
width: 455px;
padding: 0px 202px 10px 130px;
}
#webstartmaincontent {
width: 455px;
padding: 0px 202px 10px 130px;
}
#websupportmaincontent {
width: 455px;
padding: 0px 202px 10px 130px;
}
#othersolutionsmaincontent {
width: 455px;
padding: 0px 202px 10px 130px;
}
#prohomemaincontent {
width: 455px;
padding: 0px 202px 10px 130px;
}
#litedesignmaincontent {
width: 455px;
padding: 0px 202px 10px 130px;
}
#litemodulesmaincontent {
width: 455px;
padding: 0px 202px 10px 130px;
}
#litedemo {
width: 455px;
padding: 0px 202px 10px 130px;
}
#litequestionsmaincontent {
width: 455px;
padding: 0px 202px 10px 130px;
}
#litedemomaincontent {
width: 455px;
padding: 0px 202px 10px 130px;
}
#salonsmaincontent {
width: 455px;
padding: 0px 202px 10px 130px;
}
#restaurantsmaincontent {
width: 455px;
padding: 0px 202px 10px 130px;
}
#naturalhealthmaincontent {
width: 455px;
padding: 0px 202px 10px 130px;
}
#holidaysmaincontent {
width: 455px;
padding: 0px 202px 10px 130px;
}
#photographersmaincontent {
width: 455px;
padding: 0px 202px 10px 130px;
}
.maincontent {
position: absolute;
left: 5px;
top: 262px;
height: auto;
width: 575px;
padding: 0px 202px 10px 10px;
text-align: left;
background: url('images/template/maincontentbg.gif') repeat-y right;
}
.outerdiv {
height: auto;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
}
.containerdiv {
background-color: #FFFFFF;
position: relative;
height: 634px;
width: 797px;
overflow: visible;
border: 2px solid #212A3D;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
padding: 0px 0px 10px 0px;
margin: 5px 0px 0px 0px;
text-align: center;
}
.logo {
position: absolute;
left: 15px;
top: 12px;
}
.flash {
background-color: #E0E0E0;
position: absolute;
left: 4px;
top: 80px;
height: 155px;
overflow: visible;
border: 2px solid #003366;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
padding: 0px 3px 0px 0px;
text-align: center;
border-right:none;
}
.major {
position: absolute;
left: 324px;
top: 80px;
height: 155px;
border: 2px solid #003366;
border-left:none;
}
.telno {
position: absolute;
top: 15px;
font-family: Verdana, Arial, sans-serif;
font-size: 16px;
color: #376287;
text-align: right;
right:10px
}
.homeportfolio {
z-index: 1;
position: absolute;
top: 475px;
width: 177px;
overflow: visible;
padding: 10px;
text-align: left;
right: 5px;
}
.homewebsiteofthemonth {
background-color: #C2DAEF;
position: absolute;
top: 245px;
overflow: visible;
padding: 10px;
text-align: right;
right:5px
}
.homesectorsolutions {
position: absolute;
left: 202px;
height: 160px;
width: 185px;
overflow: visible;
border: 1px solid #212A3D;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
padding: 1px;
text-align: left;
bottom: 4px;
}
.homesectorsolutions a {
color: #376287;
text-decoration: none;
}
.homesectorsolutions a:visited {
color: #376287;
}
.homesectorsolutions a:hover {
color: #C50030;
}
.homewebmarketing {
position: absolute;
left: 400px;
height: 160px;
width: 185px;
overflow: visible;
border: 1px solid #212A3D;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
padding: 1px;
text-align: left;
bottom: 4px;
}
.homewebmarketing a {
color: #376287;
text-decoration: none;
}
.homewebmarketing a:visited {
color: #376287;
}
.homewebmarketing a:hover {
color: #C50030;
}
.homewebsolutions {
position: absolute;
left: 4px;
height: 160px;
width: 185px;
overflow: visible;
border: 1px solid #212A3D;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
padding: 1px;
text-align: left;
bottom: 4px;
}
.homewebsolutions a {
color: #376287;
text-decoration: none;
}
.homewebsolutions a:visited {
color: #376287;
}
.homewebsolutions a:hover {
color: #C50030;
}
.homenews {
position: absolute;
top: 413px;
width: 177px;
padding: 10px;
text-align: left;
right: 5px;
}
.searchbox {
position: absolute;
top: 45px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
right:6px;
}
.navifill {
background-color: #003366;
position: absolute;
left: 4px;
top: 240px;
height: 22px;
width: 788px;
border-bottom:1px solid #FFF;
}
.homewebsolutions p {
margin: 5px 3px;
}
.homewebmarketing p {
margin: 5px 3px;
}
.fpcurrentheader {
background-color: #C2DAEF;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #376287;
visibility: visible;
text-align: center;
font-weight:bold;
}
.naviline {
position: absolute;
left: 4px;
top: 241px;
height: 1px;
width: 788px;
border-top: 1px solid #376287;
}
.footer {
background-color: #376287;
position: absolute;
left: -2px;
width: 787px;
overflow: visible;
border: 2px solid #212A3D;
font-family: Verdana, Arial, sans-serif;
font-size: 8px;
color: #FFFFFF;
padding: 5px;
bottom:-26px;
}
.footer a {
color: #FFFFFF;
text-decoration: underline;
}
.footer a:visited {
color: #FFFFFF;
}
.footer a:hover {
color: #CCCCCC;
}
.flashstatic {
background-color: #E0E0E0;
position: absolute;
left: 324px;
top: 80px;
border: 2px solid #212A3D;
border-left:none;
}
.homesectorsolutions p {
margin: 5px 3px;
}
.fptitleeven {
overflow: visible;
font-family: Verdana, Arial, sans-serif;
color: #376287;
visibility: visible;
text-align: left;
}
.fpcontenteven {
overflow: visible;
font-family: Verdana, Arial, sans-serif;
color: #376287;
visibility: visible;
text-align: left;
}
.fpindexheader {
background-color: #eeeeee;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
color: #cccccc;
visibility: visible;
text-align: center;
}
.fpindexeven {
overflow: visible;
font-family: Verdana, Arial, sans-serif;
color: #376287;
visibility: visible;
text-align: left;
}
.fpindexend {
overflow: visible;
font-family: Verdana, Arial, sans-serif;
color: #cccccc;
visibility: visible;
text-align: center;
display:none;
}
.fpitemeven {
color: #376287;
}
.homesolutioncircle {
position: absolute;
top: 245px;
width: 177px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
text-align: center;
right: 5px;
}
.homecircle {
position: absolute;
top: 268px;
width: 194px;
text-align: left;
right: 6px;
}
.marginleft5px {
margin: 0px 0px 0px 5px;
}
.benefitslitesolutions {
position: absolute;
top: 238px;
width: 177px;
padding: 0px 10px;
text-align: left;
right: 5px;
}
.redheading {
background-color: #AA4547;
}
.blueheading {
background-color: #39668C;
}
.greenheading {
background-color: #408A38;
}
.purpleheading {
background-color: #643685;
}
.salesform {
position: absolute;
top: 270px;
width: 181px;
padding: 5px;
text-align: left;
right: 7px;
}
.litedesignportfolio {
position: absolute;
top: 445px;
width: 175px;
padding: 10px;
text-align: center;
right: 6px;
}
.litemodulesportfolio {
position: absolute;
top: 445px;
width: 175px;
padding: 10px;
text-align: center;
right: 6px;
}
.litequstionsportfolio {
position: absolute;
top: 445px;
width: 175px;
padding: 10px;
text-align: center;
right: 6px;
}
.salonsgallerylink {
position: absolute;
left: 610px;
top: 465px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
color: #39668c;
visibility: visible;
text-align: left;
}
.gallerylink {
position: absolute;
top: 475px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #39668c;
visibility: visible;
text-align: center;
right: 15px
}
.restaurantsgallerylink {
position: absolute;
left: 610px;
top: 465px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
color: #39668c;
visibility: visible;
text-align: left;
}
.holidaysgallerylink {
position: absolute;
left: 610px;
top: 465px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
color: #39668c;
visibility: visible;
text-align: left;
}
.photographersgallerylink {
position: absolute;
left: 610px;
top: 465px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
color: #39668c;
visibility: visible;
text-align: left;
}
.healthgallerylink {
position: absolute;
left: 610px;
top: 465px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
color: #39668c;
visibility: visible;
text-align: left;
}
.ecommercegallerylink {
position: absolute;
left: 610px;
top: 465px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
color: #39668c;
visibility: visible;
text-align: left;
}
.gallerytextlink {
position: absolute;
left: 610px;
top: 465px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
color: #39668c;
visibility: visible;
text-align: left;
}
.gallerypiclink {
position: absolute;
top: 465px;
width: 181px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
text-align: center;
right: 13px
}
.homewebapplications {
position: absolute;
left: 400px;
height: 160px;
width: 185px;
overflow: visible;
border: 1px solid #212A3D;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
padding: 1px;
text-align: left;
bottom: 4px
}
.homewebapplications a {
color: #376287;
text-decoration: none;
}
.homewebapplications a:visited {
color: #376287;
}
.homewebapplications a:hover {
color: #c50030;
}
.homewebapplications p {
margin: 5px 3px;
}