/* Frontec Core CSS */

body {
	/* Attributes */
	margin : 0 ;
	padding : 0 ;
	background-color : rgb(207,208,212) ;
	background-image : url(../images/bodyBg.jpg) ;
	background-repeat : repeat-y ;
	background-position : 0 0 ;
	
	/* Typography */
	text-align : center ;
	font-family : Arial, Helvetica, sans-serif ;
	color : rgb(50,50,60) ;
}

img {
	/* Attributes */
	border : none ;
}

a:link,
a:visited {
	/* Attributes */
	background-color : transparent ;
	
	/* Typography */
	color : rgb(31,105,143) ;
	text-decoration : underline ;
}

a:hover,
a:active {
	/* Attributes */
	background-color : transparent ;
	
	/* Typography */
	color : rgb(31,105,143) ;
	text-decoration : underline ;
}

div#pageContainer {
	/* Attributes */
	margin : 0 auto ; /* auto setting is for centering in Firefox/Safari */
	padding : 0 ;
	background-color : rgb(255,255,255) ;
	background-image : url(../images/rightColumnBg.gif) ;
	background-repeat : repeat-x ;
	background-position : 113px 0 ;
	width : 800px ;
	border : 1px solid gray ;
	border-top : none ;
	border-bottom : none ;
	
	/* Typography */
	text-align : left ;
}

div#upperNav {
	/* Attributes */
	margin : 0 ;
	padding : 2px ;
	background-color : rgb(31,105,143) ;
	background-image : url(../images/upperNavBg.gif) ;
	background-repeat : repeat-x ;
	background-position : 0 0 ;
	
	/* Typography */
	text-align : right ;
	font-size : 9px ;
	color : rgb(233,240,244) ;
}

div#upperNav p {
	/* Attributes */
	margin : 0 ;
	padding : 0 ;
	display:inline;
}

p#loginLink a:link,
p#loginLink a:visited {
	/* Attributes */
	background-image : url(../images/loginIcon.gif) ;
	background-repeat : no-repeat ;
	background-position : 0 1px ;
	padding : 0 2px 0 10px ;
	
	/* Typography */
	color : rgb(233,240,244) ;
	text-decoration : none ;
	text-transform : uppercase ;
	letter-spacing: 2px;
}

p#loginLink a:hover,
p#loginLink a:active {
	/* Attributes */
	background-image : url(../images/loginIconHover.gif) ;
	background-repeat : no-repeat ;
	background-position : 0 1px ;
	padding : 0 2px 0 10px ;
	
	/* Typography */
	color : white ;
	text-decoration : none ;
	text-transform : uppercase ;
	letter-spacing: 2px;
}

p#languageLink a:link,
p#languageLink a:visited {
	/* Attributes */
	padding : 0 15px 0 10px ;
	
	/* Typography */
	color : rgb(233,240,244) ;
	text-decoration : none ;
	text-transform : uppercase ;
	letter-spacing: 2px;
}

p#languageLink a:hover,
p#languageLink a:active {
	/* Attributes */
	padding : 0 15px 0 10px ;
	
	/* Typography */
	color : white ;
	text-decoration : none ;
	text-transform : uppercase ;
	letter-spacing: 2px;
}

div#headerArea {
	/* Attributes */
	margin : 0 ;
	padding : 0 ;
	background-color : rgb(212,212,213) ;
	background-image : url(../images/headerAreaBg.jpg) ;
	background-repeat : no-repeat ;
	background-position : 0 0 ;
	height : 82px ;
	
	/* Typography */
}

div#headerArea h1 {
	/* Attributes */
	margin : 0 ;
	padding : 0 ;
	background-color : transparent ;
	background-image : url(../images/headerAreaLogo.jpg) ;
	background-repeat : no-repeat ;
	background-position : 0 0 ;
	height : 82px ;
}

div#headerArea h1 span {
	/* Attributes */
	display : none ;
}

div#mainNavArea {
	/* Attributes */
	margin : 0 ;
	padding : 0 ;
	background-color : rgb(163,166,15) ;
	background-image : url(../images/mainNavBg.jpg) ;
	background-repeat : no-repeat ;
	background-position : 0 0 ;
	height : 31px ;
	
	/* Typography */
	font-size : 14px ;
}

#mainNavMenu, 
#mainNavMenu ul { 
	/* Attributes */
	padding : 0 ; 
	margin : 0 ; 
	list-style : none ; 
} 

#mainNavMenu a:link,
#mainNavMenu a:visited { 
	/* Attributes */
	display : block ; 
	background-image : url(../images/mainNavMenuSep.gif) ;
	background-position : top right ;
	background-repeat : no-repeat ;
	padding: 5px 15px 10px 15px ;
	
	/* Typography */
	text-decoration : none ;
	color : rgb(113,113,116) ;
} 

#mainNavMenu a:hover,
#mainNavMenu a:active { 
	/* Attributes */
	display : block ; 
	background-image : url(../images/mainNavMenuSepHover.gif) ;
	background-position : top right ;
	background-repeat : no-repeat ;
	padding : 5px 15px 10px 15px ;
	
	/* Typography */
	text-decoration : none ;
	color : rgb(100,100,105) ;
}

body#bodyServices #mainNavMenu #menuServices a:link,
body#bodyServices #mainNavMenu #menuServices a:visited,
body#bodyAbout #mainNavMenu #menuAbout a:link,
body#bodyAbout #mainNavMenu #menuAbout a:visited,
body#bodySupport #mainNavMenu #menuSupport a:link,
body#bodySupport #mainNavMenu #menuSupport a:visited,
body#bodyContact #mainNavMenu #menuContact a:link,
body#bodyContact #mainNavMenu #menuContact a:visited,
body#bodyBuy #mainNavMenu #menuBuy a:link,
body#bodyBuy #mainNavMenu #menuBuy a:visited,
body#bodyFree #mainNavMenu #menuFree a:link,
body#bodyFree #mainNavMenu #menuFree a:visited,
body#bodywhatwedo #mainNavMenu #menuwhatwedo a:link,
body#bodywhatwedo #mainNavMenu #menuwhatwedo a:visited { 
	/* Attributes */
	background-image : url(../images/mainNavMenuSepSelected.gif) ;
} 

body#bodyServices #mainNavMenu #menuServices a:hover,
body#bodyServices #mainNavMenu #menuServices a:active,
body#bodyAbout #mainNavMenu #menuAbout a:hover,
body#bodyAbout #mainNavMenu #menuAbout a:active,
body#bodySupport #mainNavMenu #menuSupport a:hover,
body#bodySupport #mainNavMenu #menuSupport a:active,
body#bodyContact #mainNavMenu #menuContact a:hover,
body#bodyContact #mainNavMenu #menuContact a:active,
body#bodyBuy #mainNavMenu #menuBuy a:hover,
body#bodyBuy #mainNavMenu #menuBuy a:active,
body#bodyFree #mainNavMenu #menuFree a:hover,
body#bodyFree #mainNavMenu #menuFree a:active,
body#bodywhatwedo #mainNavMenu #menuwhatwedo a:hover,
body#bodywhatwedo #mainNavMenu #menuwhatwedo a:active 

{ 
	/* Attributes */
	background-image : url(../images/mainNavMenuSepHover.gif) ;
} 



#mainNavMenu li { 
	/* Attributes */
	float : left ;  
}

#mainNavMenu li ul { 
	/* Attributes */
	position : absolute ; 
	width : 190px ; 
	left : -999em ; 
	background-color : rgb(247,248,248) ;
	background-image : url(../images/mainNavMenuBg.gif) ;
	background-repeat : repeat-x ;
	background-position:bottom left;
	margin : 0 ;
	border : 1px solid rgb(214,214,215) ;
	border-right : 1px solid rgb(180,181,181) ;
	border-bottom : 1px solid rgb(180,181,181) ;
} 

#mainNavMenu li ul a:link,
#mainNavMenu li ul a:visited { 
	/* Attributes */
	width : 190px ;
	padding : 5px ;
	background-image : none ;
	
	/* Typography */
	font-size : 12px ;
	color : rgb(113,113,116) ;  
}

#mainNavMenu li ul a:hover,
#mainNavMenu li ul a:active { 
	/* Attributes */
	width : 190px ;
	padding : 5px;
	background-image : none ;
	
	/* Typography */
	font-size : 12px ; 
	color : rgb(50,50,75) ;
	text-decoration : underline ;
} 

body#bodyServices #mainNavMenu li#menuServices ul a:link,
body#bodyServices #mainNavMenu li#menuServices ul a:visited,
body#bodyServices #mainNavMenu li#menuServices ul a:hover,
body#bodyServices #mainNavMenu li#menuServices ul a:active,
body#bodyAbout #mainNavMenu li#menuAbout ul a:link,
body#bodyAbout #mainNavMenu li#menuAbout ul a:visited,
body#bodyAbout #mainNavMenu li#menuAbout ul a:hover,
body#bodyAbout #mainNavMenu li#menuAbout ul a:active,
body#bodySupport #mainNavMenu li#menuSupport ul a:link,
body#bodySupport #mainNavMenu li#menuSupport ul a:visited,
body#bodySupport #mainNavMenu li#menuSupport ul a:hover,
body#bodySupport #mainNavMenu li#menuSupport ul a:active,
body#bodyContact #mainNavMenu li#menuContact ul a:link,
body#bodyContact #mainNavMenu li#menuContact ul a:visited,
body#bodyContact #mainNavMenu li#menuContact ul a:hover,
body#bodyContact #mainNavMenu li#menuContact ul a:active,
body#bodyBuy #mainNavMenu li#menuBuy ul a:link,
body#bodyBuy #mainNavMenu li#menuBuy ul a:visited,
body#bodyBuy #mainNavMenu li#menuBuy ul a:hover,
body#bodyBuy #mainNavMenu li#menuBuy ul a:active,
body#bodyFree #mainNavMenu li#menuFree ul a:link,
body#bodyFree #mainNavMenu li#menuFree ul a:visited,
body#bodyFree #mainNavMenu li#menuFree ul a:hover,
body#bodyFree #mainNavMenu li#menuFree ul a:active,
body#bodywhatwedo #mainNavMenu li#menuwhatwedo ul a:link,
body#bodywhatwedo #mainNavMenu li#menuwhatwedo ul a:visited,
body#bodywhatwedo #mainNavMenu li#menuwhatwedo ul a:hover,
body#bodywhatwedo #mainNavMenu li#menuwhatwedo ul a:active 
{ 
	/* Attributes */
	background-image : none ;
} 

#mainNavMenu li:hover ul { 
	/* Attributes */
	left : auto ; 
}

#mainNavMenu li:hover ul, 
#mainNavMenu li.sfhover ul { 
	/* Attributes */
	left : auto ; 
}

div#contentArea {
	/* Attributes */
	margin : 0 ;
	padding : 0 ;
	background-color : transparent ;
}

div#leftColumn {
	/* Attributes */
	margin : 0 ;
	padding : 0 0 100px 0 ;
	background-color : rgb(255,255,255) ;
	background-image : url(../images/leftColumnBg.gif) ;
	background-repeat : repeat-x ;
	background-position : bottom left ;
	float : left ;
	width : 595px ;
	border-right : 1px solid rgb(174,174,147) ;
}

div#leftColumn h1 {
	/* Attributes */
	margin : 36px 48px 22px 48px ;
	padding : 0 ;
	border-bottom : 1px solid rgb(143,180,199) ;
	
	/* Typography */
	color : rgb(31,105,143) ;
	font-size : 16px ;
	font-weight : normal ;
	text-transform : uppercase ;
	letter-spacing : 5px ;
}

div#leftColumn h2 {
	/* Attributes */
	margin : 24px 48px 18px 48px ;
	padding : 0 ;
	
	/* Typography */
	color : rgb(163,165,16) ;
	font-size : 14px ;
	font-weight : bold ;
	letter-spacing : 2px ;
}

div#leftColumn h3 {
	/* Attributes */
	margin : 24px 48px 4px 48px ;
	padding : 0 ;
	
	/* Typography */
	color : rgb(31,105,143) ;
	font-size : 14px ;
	font-weight : bold ;
	letter-spacing : 0 ;
}

div#leftColumn p {
	/* Attributes */
	margin : 0 48px 18px 48px ;
	padding : 0 ;
	
	/* Typography */
	color : rgb(50,50,60) ;
	font-size : 12px ;
	font-weight : normal ;
	line-height : 18px ;
	letter-spacing : 0 ;
}

div#leftColumn ul {
	/* Attributes */
	margin : 0 48px 22px 48px ;
	padding : 0 48px 0 48px ;
	
	/* List Properties */
	list-style-type : square ;
	
	/* Typography */
	color : rgb(50,50,60) ;
	font-size : 12px ;
	font-weight : normal ;
	line-height : 15px ;
	letter-spacing : 0 ;
}

div#leftColumn ul li {
	/* Attributes */
	padding : 0 0 10px 0 ;
}

div#leftColumn ul li ul {
	/* Attributes */
	margin : 10px 0 0 24px ;
	padding : 0 ;
	
	/* List Properties */
	list-style-type : circle ;
	
	/* Typography */
	color : rgb(100,100,110) ;
}

div#leftColumn ol {
	/* Attributes */
	margin : 0 48px 22px 48px ;
	padding : 0 48px 0 48px ;
	
	/* List Properties */
	
	
	
	/* Typography */
	color : rgb(50,50,60) ;
	font-size : 12px ;
	font-weight : normal ;
	line-height : 15px ;
	letter-spacing : 0 ;
}

div#leftColumn ol li {
	/* Attributes */
	padding : 0 0 10px 0 ;
}

div#leftColumn strong {
	/* Typography */
	color : rgb(10,10,20) ;
	font-weight : bold ;
}

div#leftColumn em {
	/* Typography */
	color : rgb(80,80,90) ;
	font-style : italic ;
}

div#leftColumn a:link,
div#leftColumn a:visited {
	/* Attributes */
	background-color : transparent ;
	
	/* Typography */
	color : rgb(31,105,143) ;
	text-decoration : underline ;
}

div#leftColumn a:hover,
div#leftColumn a:active {
	/* Attributes */
	background-color : rgb(31,105,143) ;
	
	/* Typography */
	color : rgb(255,255,255) ;
	text-decoration : none ;
}

div#leftColumn blockquote {
	/* Attributes */
	margin : 5px 15px 5px 5px  ;
	padding : 10px 5px 10px 15px ;
	width : 200px ;
	float : right ;
	border-top : 1px solid rgb(163,165,16) ;
	background-image : url(../images/rightColumnBg.gif) ;
	background-position : center center ;
	background-repeat : repeat-x ;
}

div#leftColumn blockquote p {
	/* Attributes */
	margin : 0 ;
	padding : 0 ;
	
	/* Typography */
	color : rgb(163,165,16) ;
	font-size : 16px ;
	font-weight : normal ;
	font-style : italic ;
	line-height : 24px ;
	letter-spacing : 1px ;
}

div#leftColumn img.floatLeft {
	/* Attributes */
	border : 1px solid rgb(31,105,143) ;
	margin : 4px 10px 2px 50px ;
	padding : 3px ;
	float : left ;
	background-color : white ;
}

div#leftColumn img.floatRight {
	/* Attributes */
	border : 1px solid rgb(31,105,143) ;
	margin : 4px 30px 2px 10px ;
	padding : 3px ;
	float : right ;
	background-color : white ;
}

div#rightColumn {
	/* Attributes */
	margin : 0 ;
	padding : 0 ;
	background-color : transparent ;
	float : right ;
	width : 200px ;
}

div#rightColumn h1 {
	/* Attributes */
	margin : 16px 12px 16px 12px ;
	padding : 0 ;
	
	/* Typography */
	color : rgb(50,50,60) ;
	font-size : 16px ;
	font-weight : normal ;
	text-transform : uppercase ;
	letter-spacing : 3px ;
}

div#rightColumn h2 {
	/* Attributes */
	margin : 16px 0 16px 12px ;
	padding : 0 ;
	border-bottom : 1px solid rgb(174,174,147) ;
	
	/* Typography */
	color : rgb(163,165,16) ;
	font-size : 14px ;
	font-weight : bold ;
	letter-spacing : 0 ;
}

div#rightColumn p {
	/* Attributes */
	margin : 0 12px 16px 12px ;
	padding : 0 ;
	
	/* Typography */
	color : rgb(50,50,60) ;
	font-size : 12px ;
	font-weight : normal ;
	line-height : 17px ;
	letter-spacing : 0 ;
}

div#rightColumn ul {
	/* Attributes */
	margin : 0 12px 16px 12px ;
	padding : 0 12px 0 24px ;
	
	/* List Properties */
	list-style-image : url(../images/listIcon01.gif) ;
	list-style-type : square ;
	
	/* Typography */
	color : rgb(50,50,60) ;
	font-size : 12px ;
	font-weight : normal ;
	line-height : 14px ;
	letter-spacing : 0 ;
}

div#rightColumn ul li {
	/* Attributes */
	padding : 0 0 10px 0 ;
}

div#rightColumn ol {
	/* Attributes */
	margin : 0 12px 16px 12px ;
	padding : 0 12px 0 24px ;
	
	/* Typography */
	color : rgb(50,50,60) ;
	font-size : 12px ;
	font-weight : normal ;
	line-height : 15px ;
	letter-spacing : 0 ;
}

div#rightColumn ol li {
	/* Attributes */
	padding : 0 0 10px 0 ;
}

div#rightColumn strong {
	/* Typography */
	color : rgb(10,10,20) ;
	font-weight : bold ;
}

div#rightColumn em {
	/* Typography */
	color : rgb(80,80,90) ;
	font-style : italic ;
}

div#rightColumn a:link,
div#rightColumn a:visited {
	/* Attributes */
	background-color : transparent ;
	
	/* Typography */
	color : rgb(31,105,143) ;
	text-decoration : none ;
}

div#rightColumn a:hover,
div#rightColumn a:active {
	/* Attributes */
	background-color : transparent ;
	
	/* Typography */
	color : rgb(31,105,143) ;
	text-decoration : underline ;
}

div#footerArea {
	/* Attributes */
	margin : 0 ;
	padding : 0 ;
	background-color : rgb(36,109,143) ;
	background-image : url(../images/footerAreaBg.gif) ;
	background-repeat : repeat-x ;
	background-position : 0 0 ;
	height : 31px ;
	clear : both ;
	
	/* Typography */
	text-align : center ;
	font-size : 9px ;
	color : rgb(233,240,244) ;
}

div#footerArea p {
	/* Attributes */
	margin : 0 ;
	padding : 10px 0 0 0 ;
}

div#footerArea a:link,
div#footerArea a:visited {
	/* Typography */
	color : rgb(233,240,244) ;
}

div#footerArea a:hover,
div#footerArea a:active {
	/* Typography */
	color : rgb(255,255,255) ;
}

form#supportRequestForm {
	/* Attributes */
	margin :0 48px 0 48px ;
	
	/* Typography */
	font-size : 12px ;
}

form#supportRequestForm label {
	/* Attributes */
	display : block ;
	padding : 10px 0 0 0 ;
	
	/* Typography */
	font-weight : bold ;
}

form#supportRequestForm fieldset {
	padding: 0  0 0 20px ;
	border : 1px solid gray ;
	background-color:rgb(255,255,255);
	background-image : url(../images/rightColumnBg.gif) ;
	background-repeat : repeat-x ;
	background-position : 0 0 ;
}

form#supportRequestForm p {
	margin: 0 ;
	padding: 0 0 10px 0 ;
}

div.rss_box a {
	/* Attributes */
	background-color : transparent ;
	
	/* Typography */
	font-weight : bold ;
}
}