original
*
{
	margin: 0;
	padding: 0;
}
html
{
	width: 100%;
	height: 100%;
	min-height: 100%;
}

body
{
	
	background: #61a1d0;
	font-family: Arial, Sans-Serif;	
	width: 100%;
	height: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
	min-height: 100%;
}



h1, h2, h3, h4, h5, h6
{
	font-weight: normal;
	margin: 0;
	padding: 0;
}
h1
{
	font-size: 3em;
	line-height: 1;
}
h2
{
	font-size: 2em;
}
h3
{
	font-size: 1.5em;
	line-height: 1;
}
h4
{
	font-size: 1.2em;
	line-height: 1.25;
}
h5
{
	font-size: 1em;
	font-weight: bold;
}
h6
{
	font-size: 1em;
	font-weight: bold;
}
h7
{
	font-size: 24px;
	vertical-align: top;
	padding: 0 0 10px 10px;
}
img
{
	border: 0;
}
td
{
	vertical-align: top;
}
a
{
	outline: none;
}
.float-left
{
	float: left;
	display: inline;
}

.GoogleCheckout
{
	height: 870px;
}

.Inquiry
{
	height: 1080px;
}


.float-right
{
	float: right;
	display: inline;
}
.txtleft
{
	text-align: left;
}
.txtright
{
	text-align: right;
}
.txtcent
{
	text-align: center;
}
.txtjust
{
	text-align: justify;
}
.clear
{
	clear: both;
}
.cleft
{
	clear: left;
}
.cright
{
	clear: right;
}

.TextpageHeader
{
	color: #02548c;
	font-size: 24px;
	vertical-align: top;
	padding: 0px 0px 10px 10px;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
}
.Textcontain
{
	margin: 0px;
	padding: 0px;
	color: #707070;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	padding: 0 0 0 10px;
	text-align: justify;
}
.req-form-tp-bg
{
	background-image: url(../images/port-frm-main-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	float: left;
	width: 223px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 50px;
}
.input-bx-main-out
{
	float: left;
	padding-bottom: 8px;
}
.input-bx-main
{
	margin: 0px;
	float: left;
	width: 165px;
	font-family: "Calibri" , Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #515151;
	text-decoration: none;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 4px;
	border: 1px solid #d1d1d1;
	font-weight: normal;
}
.ddlStyle
{
	border-style:double;
	border-color:Gray;
	}
.input-bx-main-a
{
	margin: 0px;
	float: left;
	width: 165px;
	font-family: "Calibri" , Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #515151;
	text-decoration: none;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 4px;
	border: 1px solid #d1d1d1;
	font-weight: normal;
	height: 60px;
	text-align: left;
	vertical-align: top;
}
.alignmiddle
{
	margin: 0px;
	float: left;
	width: 150px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

# Textcontain a
{
	font-size: 20px;
}
.SubTextpoint
{
	color: #02548c;
	font-size: 18px;
	vertical-align: middle;
	font-weight: bold;
}

.Textpoint
{
	color: #02548c;
	font-size: 18px;
	vertical-align: middle;
	font-weight: bold;
}

.errmsg
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ff0000;
}

.home
{
	min-height: 100%;
	height: 1655px;
}
#wrapper
{
	margin: auto;
	width: 992px;
	padding: 0px 5px 0px 5px;
	background: #fff;
	height: 100%;
	text-align: left;
	min-height: 100%;
	height: 100%;
}
#wrapper #header
{
	height: 125px;
	border-right: solid 1px #b1b3b3;
	padding: 0px 15px 0px 0px;
	background: url(../images/headerbg.jpg) no-repeat;
	clear: both;
	float: left;
	width: 975px;
	display: inline;
}
#wrapper #logo
{
	margin-top: 8px;
	text-decoration: none;
	font-size: .8em;
	color: #0060b7;
	font-weight: bold;
}
#wrapper #topmenu
{
	list-style-type: none;
	font-size: .7em;
	color: #fff;
	font-family: Tahoma;
	float: right;
}
#wrapper #topmenu li
{
	display: inline;
}
#wrapper #topmenu li a
{
	text-decoration: none;
	color: #fff;
	height: 31px;
	cursor: pointer;
	font-weight: bold;
}
* html #wrapper #topmenu li a:hover
{
	background: #3098cb;
}
#wrapper #topmenu li span
{
	display: block;
	float: left;
	height: 31px;
}
#wrapper #topmenu li a .topmenuleft
{
	width: 5px;
}
#wrapper #topmenu li a:hover .topmenuleft
{
	background: #3098cb url(../images/topmenuleftbg.jpg) no-repeat;
}
#wrapper #topmenu li a .topmenubg
{
	height: 23px;
	padding: 8px 5px 0px 5px;
}
#wrapper #topmenu li a:hover .topmenubg
{
	background: #3098cb;
}
#wrapper #topmenu li a .topmenuright
{
	width: 5px;
}
#wrapper #topmenu li a:hover .topmenuright
{
	background: #3098cb url(../images/topmenurightbg.jpg) no-repeat;
}
#wrapper #topmenu li .sap
{
	padding: 6px 2px 0px 2px;
	height: 25px;
}
#wrapper #call
{
	list-style-type: none;
	font-weight: bold;
	font-family: Arial Narrow;
	color: #fff;
	margin-top: 65px;
	float: right;
	display: inline;
}
#wrapper #call li
{
	display: block;
	float: left;
}
#wrapper #call li .callno
{
	color: #fcff00;
}
#wrapper #call li form
{
	margin-left: 10px;
}
#wrapper #call li form .submit
{
	margin-left: 5px;
}
#wrapper #call li form .text
{
	padding: 2px;
	border: solid 1x #979696;
	font-size: .7em;
	color: #979696;
}
#wrapper #mainmenu
{
	list-style-type: none;
	border-left: solid 1px #b1b3b3;
	border-right: solid 1px #b1b3b3;
	clear: both;
	float: left;
	width: 989px;
	background: url(../images/menubg.gif) repeat-x;
	height: 36px;
}
#wrapper #mainmenu li
{
	display: inline;
	background: url(../images/menusep.jpg) no-repeat top right;
}
#wrapper #mainmenu li.lastmenu
{
	background: none;
}
#wrapper #mainmenu li a
{
	display: block;
	float: left;
	text-decoration: none;
	color: #fff;
	height: 24px;
	padding: 12px 32px 0px 33px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: .7em;
	font-family: Tahoma;
}
#wrapper #mainmenu li a.last
{
	padding: 12px 34px 0px 33px;
}
#wrapper #mainmenu li a:hover
{
	background: #0b334b url(../images/menubg.gif) repeat-x left -37px;
}

.headerbottom
{
	clear: both;
	margin-bottom: 15px;
	float: left;
}
#homerow1
{
	height: 289px;
	width: 990px;
	clear: both;
	float: left;
	margin-bottom: 10px;
}
#homerow1 #homerow1col1
{
	width: 276px;
	height: 289px;
	background: url(../images/row1col1bg.jpg) no-repeat left 46px;
	margin-right: 14px;
	float: left;
}
#homerow1 #homerow1col1 #requestquote
{
	width: 243px;
	height: 223px;
	background: url(../images/requestformbg.jpg) no-repeat;
	margin: 5px 0px 0px 15px;
}
#homerow1 #homerow1col1 #requestquote fieldset
{
	border: none;
	padding: 8px 0px 0px 36px;
}
#homerow1 #homerow1col1 #requestquote fieldset .text
{
	border: solid 1px #d1d1d1;
	color: #515151;
	padding: 4px;
	width: 160px;
	margin-bottom: 7px;
}
#homerow1 #homerow1col1 #requestquote fieldset textarea
{
	font-family: Arial;
}
#homerow1 #homerow1col2
{
	width: 412px;
	height: 289px;
	float: left;
	background: url(../images/row1col2bg.jpg) repeat-x left 46px;
	margin-right: 13px;
}
#homerow1 #homerow1col2 .centerflash
{
	margin: 13px 0px 0px 26px;
}
#homerow1col3
{
	float: left;
	width: 275px;
	height: 289px;
	background: url(../images/row1col1bg.jpg) no-repeat left 46px;
}
#homerow1col3 .chat
{
	margin: 5px 0px 0px 12px;
}
#homerow1col3 #sociallinks
{
	list-style-type: none;
	margin: 6px 0px 0px 1px;
	background: url(../images/socialline.jpg) no-repeat;
	padding: 4px 0px 0px 43px;
}
#homerow1col3 #sociallinks li
{
	display: inline;
	margin-right: 30px;
}
#homerow1col3 #sociallinks .last
{
	margin-right: 0px;
}
#homerow1col3 span
{
	text-transform: uppercase;
	font-weight: bold;
	font-size: .7em;
	display: block;
	text-align: center;
}
#homerow2
{
	width: 992px;
	height: 210px;
	float: left;
	background: url(../images/homerow2bg.jpg) repeat-x;
	clear: both;
}
#homerow2 #homerow2left
{
	background: url(../images/homerow2left.jpg) no-repeat;
	width: 983px;
	height: 210px;
	padding-left: 9px;
	float: left;
}
#homerow2 #homerow2left #homerow2right
{
	background: url(../images/homerow2right.jpg) no-repeat right top;
	width: 974px;
	height: 204px;
	padding-top: 6px;
	float: left;
	padding-right: 9px;
}
#homerow2 #homerow2col1
{
	width: 259px;
	height: 203px;
	background: url(../images/homerow2col1bg.jpg) repeat-y;
	margin-right: 24px;
	float: left;
}
#homerow2 #homerow2col1 ul
{
	list-style-type: none;
	margin: 2px 0px 0px 16px;
	font-family: Calibri;
	font-size: .8em;
	font-weight: bold;
}
#homerow2 #homerow2col1 ul li
{
	height: 26px;
	width: 230px;
	margin-bottom: 7px;
	background: url(../images/portfoliolinkbg.jpg) no-repeat;
	padding: 1px;
}
* html #homerow2 #homerow2col1 ul li
{
	margin-bottom: 6px;
}
/*This fix for IE6*/
* + html #homerow2 #homerow2col1 ul li
{
	margin-bottom: 6px;
}
/*This fix for IE7*/
#homerow2 #homerow2col1 ul li a
{
	text-decoration: none;
	color: #4a4b4b;
	display: block;
	height: 19px;
	width: 204px;
	background: url(../images/portarrow.jpg) no-repeat 9px 8px;
	padding: 7px 0px 0px 26px;
}

.sf-sub-indicator
{
	position: absolute;
	display: block;
	right: .75em;
	top: 1.05em; /* IE6 only */
	width: 10px;
	height: 10px;
	text-indent: -999em;
	overflow: hidden;
	background: url( '../images/arrows-ffffff.png' ) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

#homerow2 #homerowcol2
{
	float: left;
	width: 399px;
	height: 203px;
	background: url(../images/publicsitebg.jpg) repeat-y;
	margin-right: 22px;
}
#homerow2 #homerowcol2 #freesites
{
	list-style-type: none;
	margin: 22px 0px 0px 31px;
}
#homerow2 #homerowcol2 #freesites li
{
	display: inline;
}
#homerow2 #homerowcol2 #freesites li a
{
	display: block;
	float: left;
	color: #0172b9;
	font-size: .7em;
	text-align: center;
	margin-right: 20px;
	display: inline;
}
#homerow2 #homerowcol2 #freesites li a .linkthumb
{
	display: block;
	width: 66px;
	height: 75px;
	background: url(../images/freesitelinkbg.jpg) no-repeat;
	padding: 15px 16px 0px 15px;
}
#homerow2 #homerow1col3
{
	float: left;
	height: 203px;
	width: 263px;
	background: url(../images/callbackbg.jpg) repeat-y;
}
#homerow2 #homerow1col3 #callbackform
{
	font-size: .7em;
	font-weight: bold;
	color: #474747;
	margin-left: 45px;
}
#homerow2 #homerow1col3 #callbackform label
{
	width: 40px;
	display: block;
	float: left;
	clear: left;
	padding-top: 3px;
}
#homerow2 #homerow1col3 #callbackform .text
{
	border: solid 1px #d1d1d1;
	float: left;
	width: 124px;
	padding: 2px;
	margin-bottom: 5px;
}
* html #homerow2 #homerow1col3 #callbackform .text
{
	margin-bottom: 4px;
}
* + html #homerow2 #homerow1col3 #callbackform .text
{
	margin-bottom: 4px;
}
#homerow2 #homerow1col3 #callbackform .sbtn
{
	margin-left: 40px;
}
#servicesbox
{
	clear: both;
	width: 992px;
	background: url(../images/servicesbg.jpg) repeat-x;
	height: 263px;
	margin-top: 11px;
	float: left;
	margin-bottom: 5px;
}
#servicesbox #serviceboxleft
{
	width: 983px;
	height: 263px;
	background: url(../images/servicesleft.jpg) no-repeat;
	padding-left: 9px;
	float: left;
}
#servicesbox #serviceboxleft #serviceboxright
{
	width: 971px;
	height: 248px;
	background: url(../images/servicesright.jpg) no-repeat right top;
	padding: 15px 9px 0px 3px;
	float: left;
}
#servicesbox .servicelistbox
{
	float: left;
	width: 227px;
	height: 229px;
	background: url(../images/serviceinnerbg.jpg) no-repeat;
	margin-right: 19px;
}
#servicesbox .last
{
	margin-right: 0px;
}
#servicesbox .servicelistbox .serviceshead
{
	display: block;
	clear: both;
	margin-left: 40px;
	font-family: Tahoma;
	color: #054b74;
	font-weight: bold;
	font-size: .75em;
	padding-top: 7px;
	margin-bottom: 24px;
}
#servicesbox .servicelistbox .serviceslist
{
	margin-left: 14px;
	list-style-type: none;
	font-family: Tahoma;
	font-size: .75em;
}
#servicesbox .servicelistbox .serviceslist li
{
	width: 185px;
	height: 23px;
	background: url(../images/servicesarrow.gif) no-repeat left 7px;
	padding-left: 15px;
}
#servicesbox .servicelistbox .serviceslist li a
{
	text-decoration: none;
	color: #7f7f7e;
	display: block;
	width: 185px;
	height: 18px;
	padding-top: 5px;
	background: url(../images/servicelinkborder.jpg) no-repeat left bottom;
}
#servicesbox .servicelistbox .serviceslist li a.lastlink
{
	background-image: none;
}
#servicesbox .servicelistbox .serviceslist li a:hover
{
	color: #545453;
}
#portfoliobottom
{
	width: 992px;
	height: 428px;
	clear: both;
	background: url(../images/portfoliobottombg.jpg) repeat-x left 36px;
}
#portfoliobottom #portfoliobottomleft
{
	width: 979px;
	height: 391px;
	background: url(../images/portfoliobottomleft.jpg) no-repeat;
	padding-left: 13px;
}
*html #portfoliobottom #portfoliobottomleft
{
	margin-top: -3px;
}
/*This fix for IE6*/
* + html #portfoliobottom #portfoliobottomleft
{
	margin-top: -3px;
}
/*This fix for IE7*/
#portfoliobottom #portfoliobottomleft #portfoliobottomright
{
	width: 966px;
	height: 370px;
	background: url(../images/portfoliobottomright.jpg) no-repeat right top;
	padding-right: 13px;
	margin-top: -1px;
	text-align: center;
	padding-top: 21px;
}
#portfoliobottomright ul
{
	list-style-type: none;
	margin: auto;
	margin-left: 35px;
}
#portfoliobottomright ul li
{
	background: url(../images/portfoliolinkbg.gif) no-repeat;
	width: 266px;
	height: 147px;
	display: inline;
	display: block;
	float: left;
	margin-right: 50px;
	margin-bottom: 15px;
	padding-top: 12px;
}
#portfoliobottomright ul li.last
{
	margin-right: 0px;
}
#portfoliobottomright ul li a
{
	display: block;
	margin-top: 10px;
	font-family: Tahoma;
	color: #535353;
	font-size: .75em;
}
#footer
{
	height: 114px;
	width: 992px;
	background: url(../images/footerbg.jpg) repeat-x;
	margin-top: 10px;
	clear: both;
}
#footer #footerleft
{
	height: 114px;
	width: 978px;
	background: url(../images/footerleft.jpg) no-repeat;
	padding-left: 14px;
}
#footer #footerleft #footerright
{
	height: 99px;
	width: 965px;
	padding-right: 13px;
	background: url(../images/footerright.jpg) no-repeat right top;
	text-align: center;
	padding-top: 15px;
	color: #fff;
	font-size: .7em;
	font-family: Tahoma;
}
#footerright ul
{
	list-style-type: none;
}
#footerright ul li
{
	display: inline;
}
#footerright ul li a
{
	text-decoration: none;
	color: #fff;
	font-weight:bold;
	
}
#footerright ul li span
{
	padding: 0px 5px 0px 5px;
}

/*Inner Pages*/
#innerleft
{
	float: left;
	display: inline;
	width: 708px;
	margin: 6px 4px 0px 0px;
}
#innerright
{
	float: right;
	display: inline;
	width: 280px;
	vertical-align: top;
}
#innerleft #pager
{
	background: #dcddde;
	width: 261px;
	height: 33px;
	margin-right: 6px;
}
#innerleft #pager ul
{
	list-style-type: none;
	font-family: Tahoma;
	font-size: .75em;
	margin-top: 8px;
}
#innerleft #pager ul li
{
	display: inline;
}
#innerleft #pager ul li a
{
	display: block;
	float: left;
	text-decoration: none;
	color: #000;
	height: 18px;
	display: inline;
}
#innerleft #pager ul li .pre
{
	background: url(../images/pre.jpg) no-repeat;
	padding: 1px 0px 0px 25px;
	height: 17px;
	margin-right: 15px;
}
#innerleft #pager ul li .next
{
	background: url(../images/next.jpg) no-repeat right top;
	padding: 1px 25px 0px 0px;
	height: 17px;
	margin-left: 15px;
}
#innerleft #pager ul li .num
{
	height: 18px;
	width: 17px;
	text-align: center;
	background: url(../images/pagenumbg.jpg) no-repeat;
	padding-top: 1px;
	margin: 0px 5px 0px 5px;
}
#innerleft #portbg
{
	float: left;
	display: inline;
	clear: both;
	width: 637px;
	background: url(../images/portbg.jpg) repeat-y;
	padding: 25px 37px 15px 34px;
}

#align
{
	float: left;
	padding: 25px 37px 15px 34px;
}
#innerleft #portbg h4
{
	color: #02548c;
}
#innerleft #portbg p
{
	font-size: .8em;
	color: #7c7f81;
	text-align: justify;
	line-height: 1.5em;
}
#innerleft #portbg .portitem
{
	width: 636px;
	height: 239px;
	background: url(../images/portitembg.jpg) repeat-x;
	margin-top: 22px;
}
* html #innerleft #portbg .portitem
{
	margin-top: 12px;
}

#innerleft #portbg .portitem .portiteminner
{
	width: 578px;
	height: 199px;
	padding: 20px;
}
#innerleft #portbg .portitem .portiteminner p
{
	margin-top: 10px;
	height: 130px;
}


/*LOGO ITEM*/
#innerleft #portbg .logoitem .logoiteminner
{
	width: 578px;
	height: 120px;
	padding: 20px;
	background: url(../images/logoitembg.jpg) repeat-x;
	
	
}

#innerleft #portbg .logoitem
{
	width: 636px;	
	
	margin-top: 22px;
}
* html #innerleft #portbg .logoitem
{
	margin-top: 12px;
}

/*Poster Page CSS*/
#innerleft #portbg .posteritem
{
	width: 636px;
	height: 239px;
	background: url(../images/portitembg.jpg) repeat-x;
	margin-top: 22px;
}
* html #innerleft #portbg .posteritem
{
	margin-top: 12px;
}
#innerleft #portbg .posteritem .posteriteminner
{
	width: 578px;
	height: 170px;
	padding: 10px;
}
#innerleft #portbg .posteritem .posteriteminner p
{
	margin-top: 10px;
	height: 130px;
}
#innerleft #portbg .posteritem .posteriteminner a
{
	float: right;
	text-decoration: none;
	font-size: .75em;
	color: #7c7f81;
}
#innerleft #portbg .posteritem .posteriteminner a:hover
{
	color: #2e3133;
}

/*portitem_log*/



#innerright #quicklinks
{
	width: 267px;
	height: 49px;
	background: url(../images/quicklinksbg.jpg) repeat-x;
	margin-bottom: 15px;
}
#innerright #quicklinks ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Verdana;
	font-size: .8em;
	color: #4f4f4f;
	float: left;
	margin: 8px 0px 0px 5px;
	display: inline;
}
#innerright #quicklinks ul li
{
	display: inline;
}
#innerright #quicklinks ul li a
{
	text-decoration: none;
	color: #4f4f4f;
	display: block;
	float: left;
	height: 23px;
	display: inline;
}
#innerright #quicklinks ul li span
{
	display: block;
	float: left;
	padding: 0px 3px 0px 3px;
	padding-top: 3px;
}
#innerright #quicklinks ul li .share
{
	background: url(../images/share.jpg) no-repeat left 3px;
	padding: 3px 0px 0px 23px;
	height: 20px;
}
#innerright #quicklinks ul li .suggest
{
	background: url(../images/suggest.jpg) no-repeat;
	padding: 3px 0px 0px 26px;
	height: 20px;
}
#innerright #sidelist
{
	width: 274px;
	margin-top: 12px;
	background: url(../images/sidelistbg.jpg) repeat-y;
	float: left;
	clear: both;
	text-align: center;
	display: inline;
}
#innerright #sidelist .sidelistinner
{
	margin: 20px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}
#innerright #sidelist .sidelistinner li
{
	margin-bottom: 3px;
}
#innerright #sidelist .sidepager
{
	list-style-type: none;
	margin-left: 78px;
}
#innerright #sidelist .sidepager li
{
	display: inline;
}
#innerright #sidelist .sidepager li a
{
	display: block;
	float: left;
	margin-right: 12px;
	width: 17px;
	height: 17px;
	text-decoration: none;
	color: #000;
	font-family: Verdana;
	font-size: .8em;
}
#innerright #sidelist .sidepager li a.num
{
	background: url(../images/sidenumbg.jpg) no-repeat;
}
.req-form-mid-bg
{
	background-image: url(../images/req-form-mid-bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	margin: 0px;
	float: left;
	width: 273px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.form-btm-curve-bg
{
	background-image: url(../images/form-btm-curve-bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0px;
	float: left;
	width: 273px;
	padding-bottom: 20px;
}





/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu *
{
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu
{
}
.sf-menu ul
{
	position: absolute;
	top: -999em;
	width: 10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li
{
	width: 100%;
}
.sf-menu li:hover
{
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li
{
	float: left;
	position: relative;
}
.sf-menu a
{
	display: block;
	position: relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul
{
	left: 0;
	top: 2.2em; /* match top ul list item height */
	z-index: 99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul
{
	top: -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul
{
	left: 13.4em; /* match ul width */
	top: 0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul
{
	top: -999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul
{
	left: 10em; /* match ul width */
	top: 0;
}

/*** DEMO SKIN ***/
.sf-menu
{
	float: left;
}
.sf-menu ul li
{
	background-image: none !important;
}
.sf-menu ul li a
{
	width: 15.4em;
	padding-left: 1em !important;
	background: #0b334b !important;
	border-bottom: solid 1px #041925;
	border-top: solid 1px #21657d;
	padding-top: 6px !important;
	height: 20px !important;
}
.sf-menu a, .sf-menu a:visited
{
	/* visited pseudo selector so IE6 applies text colour*/
}
.sf-menu li
{
	background: none;
}
.sf-menu ul li a:hover
{
}
.sf-menu li li
{
	background: none;
}
.sf-menu li li li
{
	background: none;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active
{
	outline: 0;
}
.sf-menu li:hover
{
	background: #0b334b url(../images/menubg.gif) repeat-x left -37px !important;
}

/*** arrows **/
.sf-menu a.sf-with-ul
{
	padding-right: 2.25em;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator
{
	position: absolute;
	display: block;
	right: .75em;
	top: 1.05em; /* IE6 only */
	width: 10px;
	height: 10px;
	text-indent: -999em;
	overflow: hidden;
	background: url( '../images/arrows-ffffff.png' ) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator
{
	/* give all except IE6 the correct values */
	top: 1.0em;
	background-position: 0 -98px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator
{
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator
{
	background-position: -10px 0;
}
.sf-menu ul a > .sf-sub-indicator
{
	background-position: 0 0;
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator
{
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul
{
	background: url( '../images/shadow.png' ) no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off
{
	background: transparent;
}