/* CSS Document */
body{
	background-color:#3e3b82;
	margin-top:10px;
	margin-bottom:10px;
}

#main{
	width:954px;
	position:relative;
	margin-right:auto;
	margin-left:auto;
}

#topcurve{
	width:954px;
	height:6px;
}

#logoname{
	width:954px;
	float:left;
	background-image:url(../images/bg-top-logo.jpg);
	background-repeat:no-repeat;
	height:100px;
}

#logo{
	width:500px;
	height:100px;
	float:left;
}	

#search{
	width:454px;
	float:right;
	background-image:url(../images/bg-top-logo.jpg);
	background-repeat:repeat;
	height:100px;
}

#topmenu{
	width:954px;
	position:relative;
	float:left;
	height:28px;
	border-bottom:1px solid #ffffff;
	z-index:100;
}

#middlecondent{
	width:954px;
	position:relative;
	float:left;
	background-color:#FFFFFF;
}

#leftcondent{
	width:654px;
	float:left;
}

#rightcondent{
	width:300px;
	float:right;
	background-color:#fcfcfb;
}

#servicesfull{
	width:654px;
	position:relative;
	float:left;
	margin-top:5px;
}

#webdesignfull{
	width:654px;
	position:relative;
	float:left;
	margin-top:5px;
}

#webhostingfull{
	width:654px;
	position:relative;
	float:left;
	margin-top:5px;
}

#webmaintenancefull{
	width:654px;
	position:relative;
	float:left;
	margin-top:5px;
}

#servicespicture{
	width:235px;
	float:left;
	padding-left:5px;
	padding-bottom:5px;
}

#homewebdesignpicture{
	width:235px;
	float:left;
	padding-left:5px;
	padding-bottom:5px;
}

#homewebhostingpicture{
	width:235px;
	float:left;
	padding-left:5px;
	padding-bottom:5px;
}

#homewebmaintenancepicture{
	width:235px;
	float:left;
	padding-left:5px;
	padding-bottom:5px;
}

#servicestxt{
	width:414px;
	position:relative;
	float:right;
}

#homewebdesigntxt{
	width:414px;
	position:relative;
	float:right;
}

#homewebhostingtxt{
	width:414px;
	position:relative;
	float:right;
}

#homewebmaintenancetxt{
	width:414px;
	position:relative;
	float:right;
}

#servicesheadtxt{
	font-family:verdana;
	font-weight:bold;
	font-size:13px;
	color:#d30000;
	padding:5px 0 0 5px;
}

#homewebdesignheadtxt{
	font-family:verdana;
	font-weight:bold;
	font-size:13px;
	color:#d30000;
	padding:5px 0 0 5px;
}

#homewebhostingheadtxt{
	font-family:verdana;
	font-weight:bold;
	font-size:13px;
	color:#d30000;
	padding:5px 0 0 5px;
}

#homewebmaintenanceheadtxt{
	font-family:verdana;
	font-weight:bold;
	font-size:13px;
	color:#d30000;
	padding:5px 0 0 5px;
}

#servicestext{
	font-family:verdana;
	font-size:11px;
	color:#434343;
	padding:5px 0 0 5px;
	line-height:18px;
}	
#servicestext a:visited{color:#62609a}

#homewebdesigntext{
	font-family:verdana;
	font-size:11px;
	color:#434343;
	padding:5px 0 0 5px;
	line-height:18px;
}	
#homewebdesigntext a:visited{color:#62609a}

#homewebhostingtext{
	font-family:verdana;
	font-size:11px;
	color:#434343;
	padding:5px 0 0 5px;
	line-height:18px;
}	
#homewebhostingtext a:visited{color:#62609a}

#homewebmaintenancetext{
	font-family:verdana;
	font-size:11px;
	color:#434343;
	padding:5px 0 0 5px;
	line-height:18px;
}	
#homewebmaintenancetext a:visited{color:#62609a}

#readmoretxt{
	font-family:verdana;
	font-size:10px;
	color:#434343;
	font-weight:bold;
	padding-top:5px;
	padding-right:8px;
	padding-bottom:5px;
	float:right;
}
#readmoretxt A {
	text-decoration:underline;color:#434343;
}
#readmoretxt A:Hover {
	text-decoration:none;color:#FF0000;
}

#homewebdesignreadmoretxt{
	font-family:verdana;
	font-size:10px;
	color:#434343;
	font-weight:bold;
	padding-top:5px;
	padding-right:8px;
	padding-bottom:5px;
	float:right;
}
#homewebdesignreadmoretxt A {
	text-decoration:underline;color:#434343;
}
#homewebdesignreadmoretxt A:Hover {
	text-decoration:none;color:#FF0000;
}

#homewebhostingreadmoretxt{
	font-family:verdana;
	font-size:10px;
	color:#434343;
	font-weight:bold;
	padding-top:5px;
	padding-right:8px;
	padding-bottom:5px;
	float:right;
}
#homewebhostingreadmoretxt A {
	text-decoration:underline;color:#434343;
}
#homewebhostingreadmoretxt A:Hover {
	text-decoration:none;color:#FF0000;
}

#homewebmaintenancereadmoretxt{
	font-family:verdana;
	font-size:10px;
	color:#434343;
	font-weight:bold;
	padding-top:5px;
	padding-right:8px;
	padding-bottom:5px;
	float:right;
}
#homewebmaintenancereadmoretxt A {
	text-decoration:underline;color:#434343;
}
#homewebmaintenancereadmoretxt A:Hover {
	text-decoration:none;color:#FF0000;
}

#flash{
	width:654px;
	height:215px;
}

#footer{
	width:954px;
	background-color:#FFFFFF;
	position:relative;
	float:left;
	height:50px;
	border-top:1px solid #d30000;
}

#footertxt{
	font-family:verdana;
	color:#434343;
	font-size:10px;
	font-weight:bold;
	padding-top:8px;
	padding-left:12px;
	line-height:18px;
}
#footertxt A {
	text-decoration:underline;color:#434343;
}
#footertxt A:Hover {
	text-decoration:none;color:#FF0000;
}

#bottomcurve{
	width:954px;
	float:left;
	padding-bottom:4px;
}

#requestquote{
	width:285px;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
}

/*menu*/
.menu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none;font-family:verdana;font-weight:bold;
}
.menu LI {
	Z-INDEX: 100; FLOAT: left; POSITION: relative;background-image:url(../images/bg_menu.gif); font-family:verdana;
}
.menu TABLE {
	Z-INDEX: 80; LEFT: -1px; POSITION: absolute; TOP: 25px; BORDER-COLLAPSE: collapse
}
.menu A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 10px; PADDING-BOTTOM: 3px; WIDTH: 130px; COLOR: #000; MARGIN-RIGHT: 1px; PADDING-TOP: 12px; TEXT-ALIGN: center; TEXT-DECORATION: none; height:20px;
}
.menu :visited {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 10px; PADDING-BOTTOM: 3px; WIDTH: 130px; COLOR: #000; MARGIN-RIGHT: 1px; PADDING-TOP: 12px; TEXT-ALIGN: center; TEXT-DECORATION: none; height:20px;
}
.menu :hover {
	COLOR: #444; background-image:url(../images/bg_menu_over.gif)
}
.menu UL UL {
	VISIBILITY: hidden; WIDTH: 130px; POSITION: absolute; HEIGHT: 20px
}
.menu UL LI:hover UL {
	VISIBILITY: visible
}
.menu UL A:hover UL {
	VISIBILITY: visible
}

.menu a.current{
	background-image:url(../images/bg_menu_over.gif);color:#FF6600;
}
/*menu end*/

/*subpage*/
#subpagemiddlecondent{
	width:954px;
	float:left;
	position:relative;
	background-color:#FFFFFF;
}

#subpageleftcondent{
	width:200px;
	float:left;
}

#subpagerightcondent{
	width:754px;
	float:right;
}

/*sub nav*/
#subnav {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 190px; PADDING-TOP: 0px; FONT-FAMILY: verdana; POSITION: relative
}
#subnav UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #eeeeee 1px solid; LIST-STYLE-TYPE: none; POSITION: relative
}
#subnav LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#subnav LI A {
	PADDING-RIGHT: 20px; DISPLAY: block; PADDING-LEFT: 20px; BACKGROUND: url(../images/ar_subnav_l1.gif) no-repeat left top; PADDING-BOTTOM: 8px; COLOR: #333333; PADDING-TOP: 8px; TEXT-DECORATION: none
}
#subnav LI A:hover {
	DISPLAY: block; BACKGROUND: url(../images/ar_subnav_l1.gif) no-repeat left top; COLOR: #ff9600
}
#subnav #current A {
	DISPLAY: block; FONT-WEIGHT: bold; COLOR: #000000
}
#subnav #current_on A {
	FONT-WEIGHT: bold; COLOR: #333333
}
#subnav #current_off A {
	COLOR: #333333
}
#subnav #L2 {
	BORDER-BOTTOM-STYLE: none
}
#subnav #L3 {
	BORDER-BOTTOM-STYLE: none
}
#subnav #L2 A {
	PADDING-RIGHT: 4px; DISPLAY: block; PADDING-LEFT: 14px; FONT-WEIGHT: normal; BACKGROUND: url(../img/ar_subnav_l2.gif) no-repeat left top; PADDING-BOTTOM: 5px; MARGIN-LEFT: 16px; COLOR: #666666; PADDING-TOP: 5px; TEXT-DECORATION: none
}
#subnav #L2 A:hover {
	BACKGROUND: url(../img/ar_subnav_l2.gif) no-repeat left top; COLOR: #000000
}
#subnav #L2_current A {
	DISPLAY: block; FONT-WEIGHT: bold; BACKGROUND: url(../img/ar_subnav_l2.gif) no-repeat left top; COLOR: #000000
}
#subnav #L3 A {
	PADDING-RIGHT: 4px; DISPLAY: block; PADDING-LEFT: 14px; FONT-WEIGHT: normal; BACKGROUND: url(../img/ar_subnav_l3.gif) no-repeat left top; PADDING-BOTTOM: 5px; MARGIN-LEFT: 28px; COLOR: #666666; PADDING-TOP: 5px; TEXT-DECORATION: none
}
#subnav #L3 A:hover {
	BACKGROUND: url(../img/ar_subnav_l3.gif) no-repeat left top; COLOR: #000000
}
#subnav #L3_current A {
	DISPLAY: block; FONT-WEIGHT: bold; BACKGROUND: url(../img/ar_subnav_l3.gif) no-repeat left top; COLOR: #000000
}
/*sub nav end*/

#subpagehead{
	font-family:verdana;
	font-size:12px;
	font-weight:bold;
	color:#f16822;
	padding-top:6px;
	padding-bottom:6px;
}
#subpagehead A {
	text-decoration:none;color:#f16822;
}
#subpagehead A:Hover {
	text-decoration:none;color:#FF0000;
}

#subpagetxt{
	font-family:verdana;
	font-size:11px;
	color:#434343;
	line-height:20px;
	padding-right:8px;
}
#subpagetxt a:visited{color:#62609a;}

#enquirytxt{
	width:350px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

#enquiryname{
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:6px;
	vertical-align:middle;
}

#enquiryorganizationname{
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:6px;
	vertical-align:middle;
}

#enquiryaddressname{
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:6px;
	vertical-align:middle;
}

#enquirycityname{
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:6px;
	vertical-align:middle;
}

#enquiryphonename{
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:6px;
	vertical-align:middle;
}

#enquiryemailname{
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:6px;
	vertical-align:middle;
}

#enquiryrequirementsname{
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:6px;
	vertical-align:middle;
}

#enquirybuttonname{
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:6px;
	vertical-align:middle;
}

#enquiryvaluetxt{
	padding-top:6px;
	padding-bottom:6px;
	padding-left:6px;
	vertical-align:middle;
}

#enquiryorganizationvaluetxt{
	padding-top:6px;
	padding-bottom:6px;
	padding-left:6px;
	vertical-align:middle;
}

#enquiryaddressvaluetxt{
	padding-top:6px;
	padding-bottom:6px;
	padding-left:6px;
	vertical-align:middle;
}

#enquirycityvaluetxt{
	padding-top:6px;
	padding-bottom:6px;
	padding-left:6px;
	vertical-align:middle;
}

#enquiryphonevaluetxt{
	padding-top:6px;
	padding-bottom:6px;
	padding-left:6px;
	vertical-align:middle;
}

#enquiryemailvaluetxt{
	padding-top:6px;
	padding-bottom:6px;
	padding-left:6px;
	vertical-align:middle;
}

#enquiryrequirementsvaluetxt{
	padding-top:6px;
	padding-bottom:6px;
	padding-left:6px;
	vertical-align:middle;
}

#googleanalytics{
	width:954px;
	position:relative;
	float:left;
}

#watereffect{
	width:954px;
	float:left;
	position:relative;
}

/************************************************
*	Navbar      								*
************************************************/

#navbar {
	background: #36396c;
	width: 954px;
	height: 28px;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #1A4182;
	border-bottom: 1px solid #1A4182;
	}
	
#navbar a, #navbar a:visited {
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0px 0px 0px 3px;
	}
	
#navbar a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	padding: 0px 0px 0px 3px;
	}
	
#navbar p {
	color: #FFFFFF;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 10px;
	font-weight: bold;
	}
	
#navbarleft {
	width: 954px;
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
#navbarright {
	width: 90px;
	font-size: 11px;
	float: right;
	margin: 0px;
	padding: 7px 0px 0px 0px;
	border-right: 0px solid #2255AA;
	}
	
#navbarright a img {
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}

#nav {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
	
#nav a.current {
	background:#376b9d;
}

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

#nav a, #nav a:visited {
	background: #363871;
	color: #FFFFFF;
	display: block;
    font-weight: bold;
    margin: 0px;
	padding: 7px 20px 7px 20px;
	border-right: 1px solid #376b9d;
	border-left: 0px solid #9294c4;
	}
	
#nav a:hover {
	background: #376b9d;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
    margin: 0px;
	padding: 7px 20px 7px 20px;
	}

#nav li {
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
#nav li li {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 150px;
	}
	
#nav li li a, #nav li li a:link, #nav li li a:visited {
	background: #376b9d;
	width: 160px;
	float: none;
	margin: 0px;
	padding: 7px 30px 7px 10px;
	border-bottom: 1px solid #DDDDDD;
	}
	
#nav li li a:hover, #nav li li a:active {
	background: #f6611f;
	padding: 7px 30px 7px 10px;
	}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}

#nav li:hover ul {
	left: auto;
	display: block;
	}
	
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	}

.webdesignportfolio{
	width:245px;
	float:left;
	position:relative;
	padding-top:8px;
	padding-bottom:10px;
}