/* services specific */

/* home specific */

/* HTML tags */


#logo {
	width:36px;
	height:165px;
	background: url(../assets/build/logo_mainnew.gif) no-repeat;
	position: relative;
	z-index: 100;
	top: -20px;
	right: -834px;
}
#headwrap { width:540; display:block; float:left}

body {
	margin: 0 42px 0 10px; /* to avoid margins */
	text-align: center; /* to correct the centering IE bug*/
	font-size:70%;
	font-family:Verdana;
	color:#666;
	background: #143766 url(../assets/build/bg_main.jpg) repeat-x;
	line-height:1.7em
}

img {clip: rect(-665px,-1130px,-675px,-1120px)}
blockquote { }
hr { border:thin}
p {margin:0}
h1, h2, h3, h4, strong { font-weight:normal }
h2, h3, h4 {font-size:120%; margin:0 10px 5px 0; color:#6fa930}
h1 { font-size:90%;	font-family:Verdana; color:#6285b3; margin:0 0 0 30px}
strong, .newstitle { color:#693}

#mainleft1 p, #portmainleft1 p, #table { margin:0 15px 10px 30px}
#mainleft1 h2, #portmainleft1 h2, #mainleft1 h3, #mainleft1 h4 { font-size:120%; margin:0 30px 5px 30px}
#mainleft1 ul, #portmainleft1 ul { margin:0 30px 15px 30px; list-style-image:url(../assets/build/bullet.gif)}
#mainleft1 li, #portmainleft1 li { margin:0 0 10px 0}
#mainright1 h2, #portmainright1 h2, #mainright1 h3,  #portmainright1 h3 { padding:5px 0 0 30px}
#portmainright1 h2 { padding:25px 0 0 30px}
#mainright1 h3,  #portmainright1 h3 { padding:15px 0 0 30px}
#mainright1 h4,  #portmainright1 h4 { padding:20px 0 0 0}
#mainright1 ul,  #portmainright1 ul { margin:0 0 -10px -10px; list-style:none}
#mainright1 p,  #portmainright1 p { margin:0 15px 0 30px}
#portmainright1 p {padding:6px 0 6px 0} 
.mainleft2-left h2, .mainleft2-right h2 {color:#6fa930;  padding:10px 0 0 20px }
#mainright3 h2, #mainleft3-1 h2 { color:#6fa930; margin:0;  padding:10px 0 0 20px }
#mainright3 p, #mainleft3-1 p { margin:0 15px 0 20px; padding:6px 0 6px 0  }

#WebDesign h1, #CreativeDesign h1, #PrintDesign h1, #NewsletterDesign h1 {
	background:url("../assets/promo/ad_webdesign.gif") no-repeat;
	height:0px;
	margin:0;
	overflow:hidden;
	padding-top:50px;
	width:220px;
	cursor:pointer;
}
#CreativeDesign h1 {background:url("../assets/promo/ad_creativedesign.gif") no-repeat}
#PrintDesign h1 {background:url("../assets/promo/ad_printdesign.gif") no-repeat}
#NewsletterDesign h1 {background:url("../assets/promo/ad_enewsletter.gif") no-repeat}



/* layout */

#wrapper { width:834px; margin-left: auto; margin-right: auto; margin-top:30px; text-align: left; /* to realign your text */}
#head {  float:left; width:540px; height:55px}
#mainnav {height:55px; width:540px; background: url(../assets/build/bg_mainnav.png) no-repeat bottom; float:left}
#footbox {width:370px; margin-right:10px; float:right }
#footwrap {width:110px; float:left; margin:1px 0 0 15px; color:#fff}



#mainleft {width:540px; float:left}
#mainleft1, #portmainleft1 {width:540px; float:left; padding-bottom:15px; background:url(../assets/build/bg_mainleft1.gif) no-repeat bottom}
#sitemaphead {width:540px; float:left; margin-left:-1px}

#portmainleft1 {background:url(../assets/build/bg_portmainleft1.gif) no-repeat bottom}
#mainleft2 {width:526px; float:right; margin-top:1px}
#mainleft3 {width:526px; float:right; margin-top:1px}
	.servicebox, .servicebox2 {
	width:263px;
	height:120px;
	margin-bottom:1px;
	background-image: url(../assets/build/sprite.gif);
	background-repeat: no-repeat;
	background-position: -852px -805px;
}
	.servicebox2 { background-position: -852px -665px}

	#mainleft3-1 { width:525px; background:url(../assets/build/sprite.gif) -852px 0px no-repeat}
	.mainleft2-left { width:263px; float:left; margin:1 0 0 14px}
	.mainleft2-right { width:263px; float:right}
	
	.mainleft2-2-top { width:263px; float:left; padding:10px 15px 0 20px }
	.mainleft2-2-bottom { width:228px; float:left; margin:0 15px 0 20px }

#mainleft4 {width:540px; float:left}

#mainright {width:294px; background:url(../assets/build/img_righttop.gif) no-repeat; padding-top:20px; float:right}
	#mainright1 {width:294px; float:right; background:url(../assets/build/bg_mainright1.gif) no-repeat bottom}
#portmainright1 {width:281px; margin-right:0px; float:left;background:url(../assets/build/sprite.gif) 0 0 no-repeat}
	#mainright2 {width:282px; float:right; margin-top:1px; margin-right:12px}
	#mainright2-1 {width:280px; float:right}
.mainright2-2-left { width:165px; float:left}
.mainright2-2-right { width:84px; float:right}
	
	#mainright3 {width:282px; float:right; background:url(../assets/build/bg_mainright-3.gif) no-repeat bottom; margin-right:12px; display:block}



#newsbox {background:url(../assets/build/sprite.gif) 0px -886px; width:282px; height:10px; display:block; float:left}

.mainleft2boximg { float:left; margin:12px 10px 0 5px; }
.mainleft2boxtxt { margin:15px 10px 0 0}

.mainright3boxleft { float:left; margin:0 10px 0 15px; width:42%; text-align:center }
.mainright3boxright { position:relative;	margin:0 15px 0 0; float:right; width:42%; text-align:center}

#upperfoot {background:	url(../assets/build/sprite.gif) -852px -631px no-repeat; height:14px; width:526px; float:left; margin-bottom:1px}	
#footer { width:512px; height:24px; float:right; clear:both; background:url(../assets/build/sprite.gif) -852px -587px no-repeat}

/* anchor styling */

a  { color:#6285b3; font-weight:normal; text-decoration:none}
/*
#portfolio p a  {
	color:#6285b3;
	font-weight:normal;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}
*/
a:hover { text-decoration:none; color:#FF9966}

/* #mainnav ul li { display: inline; }
#mainnav ul {margin:0 0 0 0; padding-top:0em; list-style-type: none; text-align: right }
#mainnav ul a { font-size:80%; text-decoration: none; text-transform:uppercase; padding: 0.2em; line-height:15px; height:26px;  padding-left:8px } */


.mainright2-2-left ul {margin: 0; list-style-type: none; padding-top:0; }
.mainright2-2-left ul li {line-height:34px }
.mainright2-2-left ul a { text-decoration: none; padding: 0 0 0.9em 0; height:21px; padding-left:0; margin-left:-35px }
.mainright2-2-left ul a:hover { color:#6fa930  }


#footer ul li { display: inline; margin-right:-5px }
#footer ul {margin: 0; list-style-type: none; text-align: right; padding-top:0; }
#footer ul a { font-size:90%; text-decoration: none; padding: 0 0 0.9em 0; height:21px; padding-left:0; color:#FFF}
#footer ul a:hover { color:#6fa930}



/* boxes */

/* classes */

.title { font-weight:bold; color:#ff6a00}
.warning { color:#CC0000}
.textbox{ border:solid #ccc 1px; margin:0 0 5px 0; width:90%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:75%; color:#666666}
.white { color:#fff}

.port_left { FLOAT: left; padding: 15px 7px 5px 30px; WIDTH: 70px}
.port_mid { FLOAT: left; padding:15px 5px 5px 5px; WIDTH: 70px }
.port_right { padding:15px 30px  5px 7px; FLOAT: left;  WIDTH: 70px; clear:right}
.example { margin:0 0 0 15px}

/* news */

.featuredItem {	border-top: #0f366a 1px solid}
.featuredItem A { display: block; padding-bottom: 10px; padding-top: 10px; text-decoration: none}
.featuredItem A:hover { background-color:#d3ebba}
.opennews{ /*class added to contents of 2nd demo when they are open*/
color: #6fa930;
}

.closednews{ /*class added to contents of 2nd demo when they are closed*/
color:#693;
}
.newstitle { font-size:100%; text-decoration: none; cursor: hand; cursor: pointer; margin: 10px 0;}
.lDescription {	display: block; color:#666666}
.mainright2-2-news ul {list-style-type: none; margin-left:-35px }
.trick {position:absolute;	left: -600px;	top: -600px}

/* IE hacks */
*html DIV#ja-containerwrap { width:282px; float:right; margin:1px 6px 0 0; display:block}
*html #mainright3-upper {margin-right:6px}
*html #mainright3 {margin: 0px 6px 0 0}
*html #home #mainright3 {margin: -3px 6px 0 0}
*html #mainright2 {width:282px; float:right; background:url(../assets/build/bg_mainright-3-h2.gif) no-repeat bottom #fff }
*html .mainleft2-2-top { width:198px }
*html .mainleft2-2-bottom { width:213px; margin:-10px 15px 0 10px }
*html #headline { margin:0px 20px -10px 30px; z-index:-20}
*html body {font-size:69%}
*html .mainright2-2-left ul a { margin-left:0px }
*html .mainright2-2-news ul {list-style-type: none; margin-left:0px }
*html .textbox{ font-size:100%; color:#666666}
.auto #ja-mainnavwrap2 {WIDTH: 95%! important}
*html #footbox {width:330px; margin-right:10px; float:right }
*html #footwrap {width:100px; float:left; margin:1px 0 0 10px; color:#fff}
*html #mainnav {height:55px; width:540px; background: url(../assets/build/bg_mainnav.gif) no-repeat bottom; float:left}
*html #mainright1 ul,  *html #portmainright1 ul { margin:0 0 -10px 30px; list-style:none}
*html #mainleft1 ul, *html #portmainleft1 ul { margin:0 30px 15px 45px; list-style-image:url(../assets/build/bullet.gif)}



/* main nav */
ul.accessibility {POSITION: absolute; TOP: -200%}

/* TAB Module CSS */
DIV#ja-tabswrap {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; background:url(../assets/build/tab_bg.gif) repeat-y #FFFFFF; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; PADDING-TOP: 0px
}
UL.ja-tab-top {	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
UL.ja-tab-bottom {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
UL.ja-tab-top LI.ja-tab-li {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0; PADDING-TOP: 0px; background:url(../assets/build/tab-top.gif) 0px 0px  no-repeat; height:24px; list-style-type: none;}
UL.ja-tab-bottom LI.ja-tab-li {	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0; PADDING-TOP: 0px; background:url(../assets/build/tab_off-bot.jpg) no-repeat; height:24px; list-style-type: none;}
UL.ja-tab-top LI.ja-tab-li SPAN {DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; CURSOR: pointer; PADDING-TOP: 4px; TEXT-ALIGN: center; font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; font-size:12px
}
UL.ja-tab-bottom LI.ja-tab-li SPAN {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; CURSOR: pointer; PADDING-TOP: 4px; TEXT-ALIGN: center; font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; font-size:12px}
HTML > BODY UL.ja-tab-top LI.ja-tab-li SPAN { }
HTML > BODY UL.ja-tab-bottom LI.ja-tab-li SPAN { }

UL.ja-tab-top LI.ja-tab-hover SPAN {
	BACKGROUND: url(../assets/build/tab-top.gif) 0px -24px no-repeat; COLOR: #6fa930; height:24px}
UL.ja-tab-bottom LI.ja-tab-hover SPAN {
	BACKGROUND: url(../assets/build/tab_on-bot.jpg) no-repeat; COLOR: #6fa930; height:24px}
UL.ja-tab-top LI.ja-tab-hover SPAN {}
UL.ja-tab-bottom LI.ja-tab-hover SPAN {}
.ja-tab-top-border {BORDER-TOP: #cccccc 1px solid}
.ja-tab-bottom-border {	BORDER-BOTTOM: #cccccc 1px solid}
DIV#ja-tab-content {padding: 15px; DISPLAY: block; background:url(../assets/build/tab_bg.gif) repeat-y right;  HEIGHT: 0px}
.ja-tabswrap {	WIDTH:482px}
.ja-tab-content {display: block}
UL.ja-tab-content {list-style-type: none}
DIV#ja-containerwrap { width:282px; float:right; margin:1px 12px 0 0}



/* TRANS MENU CSS */

#ja-transmenu A.havechild-mainlevel-trans {color:#fff }
#ja-transmenu A.havechild-mainlevel-trans-first:hover { COLOR: #fff}
a.mainlevel-trans {color:#FFF}
.havechild-mainlevel-trans, .mainlevel-trans {  height:28px}

/* html links below */

.transMenu {
	28: -1000px; OVERFLOW: hidden; POSITION: absolute; TOP: -1000px
}
.transMenu .content {
	POSITION: absolute
}
.transMenu .items {
	Z-INDEX: 2; 28: 0px; POSITION: relative; TOP: 0px
}
.top.transMenu .items {
	
}
.transMenu .background {
	Z-INDEX: 1; FILTER: alpha(opacity=80); 28: 0px; POSITION: absolute; TOP: 0px; -moz-opacity: .8
}
.transMenu .shadowRight {
	Z-INDEX: 3; FILTER: alpha(opacity=40); WIDTH: 2px; POSITION: absolute; TOP: 3px; -moz-opacity: .4
}
.transMenu .shadowBottom {
	Z-INDEX: 1; FILTER: alpha(opacity=40); 28: 3px; POSITION: absolute; HEIGHT: 2px; -moz-opacity: .4
}
.transMenu .item {
	FONT-SIZE: 100%; TEXT-TRANSFORM: none; CURSOR: pointer; COLOR: #6285b3; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-28-STYLE: none; TEXT-ALIGN: 28; BORDER-BOTTOM-STYLE: none; 
}
.transMenu .hover.item { background-color:#6285b3; COLOR: #fff
}

.transMenu .item IMG {
	MARGIN-28: 10px
}
.transMenu .item#active {
	background-color: #6285b3; COLOR: #fff; BORDER-BOTTOM: #FF0000 1px solid
}
.transMenu .item#active:hover {
	background-color: #6285b3; COLOR: #FF0000
}
#ja-transmenu-wrapper { padding-left:0}

#ja-transmenu {margin:17px 0 0 10px; list-style-type: none;  text-align:left;}

#ja-transmenu li {
	 DISPLAY: inline;  BACKGROUND: none transparent scroll repeat 0% 0%; margin:0 0.5em 0 0.3em;
}
#ja-transmenu a {
	font-size:100%; text-decoration: none; padding: 0.6em; line-height:15px; height:20px
}

#ja-transmenu li a:hover {
	COLOR: #6285b3; background-color:#fff;height:50px
}


/* IE hacks */

*html .havechild-mainlevel-trans, .mainlevel-trans { height:58px; margin-top:10px}

*html #ja-transmenu {margin:17px 0 0 43px; }

*html .transMenu {margin-left:15px}


* html .transMenu .hover.item { background-color:#fff; COLOR: #6285b3
}