/* ----  MAIN NAVIGATION ---*/

#pixopoint_menu1 {
	height:25px; padding-left:160px;
	background:#343434; /* url("../images/dazzle_red.png") repeat-x; */
	xbackground-position:50% 0;
	margin:0;}
	
#pixopoint_menu1 ul {
	border:none;
	xbackground:none;
	margin:0; padding:0; list-style:none;
}
#pixopoint_menu1 li {
	line-height:25px; float:left; padding:0; margin:0 0px;
	z-index:20;
	letter-spacing:0px;
	background:;
	border:none;  
	font-family:Trebucht MS,sans-serif; font-weight:normal; font-size:12px; color:#fff;/*-- top level menu items--*/
	position:relative;
	}
#pixopoint_menu1 li:hover,#pixopoint_menu1 li.sfhover {
	background:#343434 url("/images/chroma/b-hover.gif"); background-repeat:no-repeat;
	xbackground-position:0 60px;
	}
#pixopoint_menu1 li a {
	border:none; background:none; text-decoration:none;
	display:block; padding:0 12px;
	background:#343434;/*--background main and 1st level dropdown--*/
	color:#fff;/*-- base font colour of top level menu items--*/
	}
#pixopoint_menu1 li a:hover {
	border:none;
	background:none;
	xbackground: url('images/b-hover.gif'); background-repeat:no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	xbackground-position:100% -120px;
	}

#pixopoint_menu1 ul ul { /*-- 1st level dropdown */
	position:absolute;
	left:-999em;
	top:25px;
	xwidth:140px; 
	}
#pixopoint_menu1 li:hover ul,#pixopoint_menu1 li.sfhover ul {
	left:auto;
	}
#pixopoint_menu1 ul ul li a { 
	padding:4px 10px;
	text-transform:normal;
	font-variant:normal;
	}
#pixopoint_menu1 ul ul li {
	letter-spacing:0px;
	color:#fff;
	z-index:20;
	width:140px;
	font-family:helvetica,arial,sans-serif;
	font-size:11px;
	font-weight:normal;
	font-style:normal;
	background:#FFFFFF;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	margin:0;
	}
#pixopoint_menu1 ul ul li a {
	line-height:22px;
	color:#FFFFFF;
	text-decoration:none;
	}
#pixopoint_menu1 ul ul li:hover a,#pixopoint_menu1 ul ul li.sfhover a {
	color:#FFFFFF;
	text-decoration:none;
	}
#pixopoint_menu1 ul ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover li a {
	color:#FFFFFF;
	}
#pixopoint_menu1 ul ul li:hover li a:hover,#pixopoint_menu1 ul ul li.sfhover li a:hover {
	color:#FFFFFF;
	}
#pixopoint_menu1 ul ul li:hover,#pixopoint_menu1 ul ul li.sfhover {
	color:#FFFFFF;
	background:#E15B04; /* background colour of sub menu items */
	}
#pixopoint_menu1 ul ul ul li {
	font-size:1em;}#pixopoint_menu1 ul ul ul, #pixopoint_menu1 ul ul ul ul {
	position:absolute;
	margin-left:-999em;
	top:0;
	width:120px;
	}
#pixopoint_menu1 li li:hover ul,#pixopoint_menu1 li li.sfhover ul,#pixopoint_menu1 li li li:hover ul,#pixopoint_menu1 li li li.sfhover ul {
	margin-left:120px;
	}
#pixopoint_menu1 ul ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover li a {
	text-decoration:none;
	}
#pixopoint_menu1 ul ul li li:hover a,#pixopoint_menu1 ul ul li li.sfhover a {
	color:#FFFFFF;
	text-decoration:none;
	}
#pixopoint_menu1 li.pixo_search:hover {
	background:none;
	}
#pixopoint_menu1 li.pixo_search form {
	margin:0;
	padding:0;
	}
#pixopoint_menu1 li.pixo_search input {
	font-family:tahoma,sans-serif;}
#pixopoint_menu1 li.pixo_search input.pixo_inputsearch {
	width:100px;
	}
#pixopoint_menu1 li.pixo_right {
	float:right;
	}

/* ---- GENERAL ---*/

body{margin:0; padding:0; margin-top:5px; font-family: xTrebuchet MS, Verdana, sans-serif;
	text-align: center;	background: #ffffff url(/images/chroma/bg_vfade.jpg) repeat-x top left;}
	
h1      { font-size:16pt; font-weight:bold; color: #666666; text-align:left; margin:0; }
h2	    { font-size:13pt; font-weight:normal; color: #666666; text-align:left; margin:0; }
h3	    { font-size:10pt; font-weight:bold; color: #343434; text-align:center; margin:0; }
h4      { font-size: 9pt; font-weight:normal; color: #343434; text-align:center; padding:5px; margin-top:0; line-height:140% }
h5 	    { font-size: 8pt; font-weight:normal; color: #000;  text-align:left; padding:5px; margin-top:0; line-height:140% }
h6      { font-size: 6pt; font-weight:bold; color: #000; text-align:left; margin:0; }
p 	    { color: #000; text-align:left; font-size:10pt; padding-left:5px; margin:0;}
ul 		{ color: #000;  text-align:left; font-size:10pt; padding-left:30px;}
ul.square   { color:#000; text-align:left; padding-left:28; margin-left:0; line-height:130%; list-style:square}
li.square	{ color:#000; text-align:left; padding-bottom:12; }


/* ---- SEARCH ENTRY FORM ---*/

#searchform {margin:100px 0 0 5px; float:right; clear: both; width: 200px; }
#search input { border: 0;}

#search #s {width: 128px; padding: 4px 0 4px 22px; margin-right: -6px; line-height: 0; font: normal 12px Verdana; vertical-align: top; color: #000; background: url(/images/chroma/search_box.jpg) no-repeat;}

#search #searchsubmit {width: 35px; height: 22px; background: url(/images/chroma/submit_btn.jpg); cursor: pointer; margin: 0; padding: 0; *margin-top:1px; text-align: left;}


/* ---- SEARCH RESULTS PAGE ---*/
.message_header {width:600px; float:left; border:1px solid #dddddd}
.search_item {width:600px; float:left; margin-top:15px; padding:5px; border:1px solid #dddddd}



/* ---- GENERAL SITE WIDE---*/
#wrapper {width: 900px;	margin-left: auto;	margin-right: auto;	text-align:center; border-bottom: 1px solid #343434;
			background: #fff url(/images/chroma/sidebar_fill.gif) repeat-y left top;xpadding-bottom: 15px;}

#wrapper_h {width: 900px; margin:0px auto 0px auto; background:#fff;}			
.footer_wpr {width:900px; height:15px; background:#fff url(/images/chroma/footer_wpr.gif);background-repeat:no-repeat;}
.lwr_infobox {width:900px; height:100px; background:#fff url(/images/chroma/lwr_infobox.gif);background-repeat:no-repeat;}
			
#banner{width:900px; height:140px; background-image: url(/images/chroma/chr_ban06.jpg); background-repeat:no-repeat;}

.centerpic{	text-align: center;}
.date {font-family: Verdana, sans-serif;	font-size: 8pt; color:#000;	padding-top:6px; width:160px; height:30px; margin-top:8px;}
.decorange{	color: #DF5B06;text-decoration:normal}
.decgreen{	color: #007C09;}

/* ---- External Footer: ---*/
#footer {width: 900px; margin-left: auto; margin-right: auto; clear:both; margin-bottom: 10px; xborder:1px solid #454545;}

.copyright {	padding: 5px 0px 0px 0px; font-size:7pt; color: #343434; margin:0px;}
.madeby {padding: 5px 2px 2px 2px; font-size:7pt; color: #343434; text-decoration: none; 	margin:5px; margin-bottom:10px;}

div.clearer {clear: left; line-height: 0px; height: 0px;}

img	{border-style: none; padding:0;}
a {color: #038bad; xtext-decoration: none;}

.sitemeter {	width:20px; height:20px; text-align:center;	em { color: rgb(255,0,0) }}


/* ---- CMS MAIN CONTENT AREA DEFINITION ---*/
#one_column {float: left; width: 860px; padding:10px; margin:30px 10px 20px 10px; xborder:1px solid #ea0000;}
#one_colhome {float: left; width: 900px; padding:0px; margin:15px 0px 0px 0px; xborder:1px solid #ea0000;}
#two_column {float: left; width: 700px; padding:5px; margin:30px 10px 20px 10px; xborder:1px solid #ea0000;}
#left_column {float: left; clear:left; padding-left:0px; width:160px; min-height:300px; xborder:1px solid #444444;}


/* ---- HOME PAGE ---*/
/* ---- new home page styling ---*/
#service_shell {width:900px; margin:10px 0 20px 0; padding:0;}
.box1 {width:286px; height:290px; float:left; padding:2px; margin:0px 3px 0 6px; _margin:0px 3px 0 3px; overflow:hidden; border:1px solid #dddddd}
.box2 {width:286px; height:290px; float:left; padding:2px; margin:0px 3px 0 3px; overflow:hidden; border:1px solid #dddddd}
.box3 {width:286px; height:290px; float:left; padding:2px; margin:0px 3px 0 3px; overflow:hidden; border:1px solid #dddddd}

#wa_box {width:584px; height:180px; float:left; padding:2px; margin:0px 3px 0 3px; overflow:hidden; border:1px solid #dddddd}
#othr_box  {width:286px; height:180px; float:left; padding:2px; margin:0px 3px 0 6px; overflow:hidden; border:1px solid #dddddd}
.widget1 {width:100px;float:left; padding-top:7px;margin-left:5px;}

/* ---- original style home page ---*/
#intro_shell {width:700px; border:1px solid #0000ea }
.intro_left {width:340px; height:220px; float:left; padding-top:5px; border:1px solid #dddddd}
.intro_right {width:340px; height:220px; float:left;  padding-top:5px; margin-left:15px; border:1px solid #dddddd}
.ipn {font-size:9px}
.ipem {font-size:9px}
#freeForm {xborder:1px solid #000;}
.label {float: left; width: 70px; margin:2px 5px 2px 50px; clear:both; padding-top:2px; font-size:10px; text-align: right;font-weight: bold;}
.n {width: 140px; background-color: #fff; font-size: 10px; margin-bottom:4px; xmargin:0;}
.em {width: 140px; background-color: #fff; font-size: 10px; margin-bottom:4px; xmargin:0;}
.s-btn {text-align:center; margin-top:5px; padding:2px 0 2px 0;}

.srv_bg {width: 700px; height: 180px; margin-left: auto; margin-right: auto;	margin-bottom: 15px; border:1px solid #dddddd;}

.web_bg {width: 680px; height: 315px;
	background-image: url(/images/chroma/web_bg.jpg); background-repeat:no-repeat;
	margin-left: auto; margin-right: auto; margin-bottom: 10px; padding:10px;
	xborder:1px solid #000;
}

.sub_shell {width:670px;height:145px; margin-top:10px; xborder:1px solid #0000ea;}

* html .images {
	margin-right:10px;
}/* --- IE6 Fix --- */

/* --- image fader --- */
#slideshow {
	position:relative;
	width:300px; height:137px;
	border:1px solid #dddddd;
	margin:2px 2px 2px 2px;
}
#slides {display: none;}


#screenshot{/*-- text flyout --*/
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	width:300px; 
	font-family:Trebuchet MS, Sans Serif; font-size:10pt;
}

/* ---- TESTIMONIAL PAGE ---*/
#mycustomscroll{width: 680px; height:430px; float:left;	margin-top:20px; padding: 10px 10px 30px 10px; border: 2px solid #dddddd;	overflow: auto;}	

/* ---- 404 PAGE ---*/
#error_page { width:650px; margin:60px auto 60px auto; padding:20px;	text-align:center; color:#000;	border:2px solid #dddddd;}

/* ---- NEWS PAGE GLOBAL STYLES - specific styles in css/news.css & admin/news.css ---*/
dl dt dd {margin:0;padding:0;}
dl dd {xmargin-left:1em;}
dl {margin-left:2em}
dt {font-size:10pt;text-align:left; font-weight:bold;}
dd {font-size:9pt;text-align:left;}

	
/* ---- OTHER PAGES ---*/

#main{
	float:left;
	width: 880px; 
}
#campaign {
	margin-left: auto;
	margin-right: auto;
	width:650px;
	margin-top:40px;
	padding:10px;
	border:2px outset #B1B1B1;
}

.Xblocks{
	width: 700px; clear:both;
	margin-left: auto;
	margin-right: auto;
	margin-top:40px; margin-bottom:15px;
	xborder:1px solid #000;
}
.Xterms_block{
	width: 700px; height:400px; clear:both;
	margin-left: auto;	margin-right: auto;
	margin-bottom: 15px;
	padding:10px;
	overflow:auto;
	xborder:1px solid #000;
}

.Xlogo_portfolio {
	width: 260px;
	height:170px;
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	padding:8px 0 0 9px;
	* padding:8px 0 0 0; /* --- IE7 Fix --- */
	background-image: url(/images/chroma/logo_bg.jpg); background-repeat:no-repeat; xbackground-position:10% 10%;
	xborder:1px #343434 solid;
}
* html .logo_portfolio {
	padding:8px 0 0 0; 
}/* --- IE6 Fix --- */



.Xstyleblock1{
	width: 740px; clear:left;
	margin-left: auto;
	margin-right: auto;
	margin-top:25px;
	background-color: #D1D9DC;
	border-right: 2px solid #444444;
	border-bottom: 3px solid #444444;
	padding: 10px;
	padding-bottom: 30px;
	margin-bottom: 40px;
}
.Xstyleblock2{
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
	padding: 10px; 
	margin-bottom: 30px;
}
.Xstyleblock3{
	width: 898px;
	float:left;
	xmargin-left: auto;
	xmargin-right: auto;
	background-color: #FFF;
	margin-bottom: 30px;
}
.XelementP{
	float:left;
	width:770px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.XelementL{
	xfloat:left;
	text-align:center;
	width:980px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}



/* ---- ECOMM PAGE ---*/

.nt	{
	font-family: verdana, sans-serif;
	font-size: 10pt;
	padding-left:5px;
	color:#000;
	text-align:left;
}
	


/* ---- HELP PAGE ---*/
	
.sol_box {
	width: 550px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #DDDDDD;
}

img	{  border-style: none;
}


/* ---- WEB GALLERY ---*/

#Xwebshowcase{
	width: 850px;
	float:left;
	margin-top:15px; margin-bottom:20px;
	padding-bottom:20px;
	xborder:1px solid #000;
}
*html #Xwebshowcase {
	margin-top:40px; padding-bottom:10px; margin-bottom:0px;
}/* --- IE6 Fix --- */


.Xcontainer {
	float: left;
	width: 200px; height:200px;
	margin: 10px 6px 40px 6px;
	xpadding-bottom:10px; 
	xborder:1px solid #ea0000;
}
*html .Xcontainer {
	margin:10px 2px 20px 2px;
}/* --- IE6 Fix --- */


.Xphoto img{
	width: 200px; height:200px;
	border: 1px outset #8B8B8B;
	background-color: #FFF;
	position: relative;
}
/* ---- NEW STYLE WEB GALLERY ---*/
#portfolio_shell {width: 870px; 	margin:15px auto 20px auto;	xborder:1px solid #dddddd;}
.display_shell {width:280px; height:172px; float:left; margin:0 0 15px 6px; background:#fff url(/images/uploaded/portfolio/webpic_bg.gif);background-repeat:no-repeat;}
.web_img {width:270px; height:145px; margin:9px 5px 0 5px;}
.img_title {width:280px; height:15px; margin-top:3px; overflow:hidden;}

/* ---- CONTACT PAGE ---*/

#subForm {
	font-size: 9pt;
}

#subForm .label {
	float: left;
	clear: left;
	width: 230px;
	margin-right: 10px;
	margin:3px; padding-top:3px;
	text-align: right;
	font-weight: bold; 
}

input#submit {
	background-color: #CBD893;
	font-family: verdana, sans-serif;
}

select#refer {
	font-family: "Century Gothic", "Gill Sans", Arial, sans-serif;
}

input#name, input#email, input#company, input#phone {
	width: 200px;
	background-color: #FBEF99;
	font-family:verdana, sans-serif;
	font-size: 8pt;
	margin:5px; 

}
textarea#comments {
	width: 350px;
	background-color: #FBEF99;
	font-family:verdana, sans-serif;
	font-size: 8pt;
	margin:5px;
}

input#name:focus,
input#email:focus,
input#company:focus,
input#phone:focus,
textarea#comments:focus,
select#refer:focus
{
	background-color: #FDD041;
}



/* ---- LOWER MENU ---*/

#navmenu2 {width:400px; margin-left:auto; margin-right:auto;}

#navmenu2 ul {
	padding-left:0px;
	text-align:center; font-size:8pt; font-family:verdana, sans serif;
	margin:15px auto 5px auto;
}

#navmenu2 li{
	display: inline;
	list-style-type: none;
}

#navmenu2 li a{
	text-decoration: none;
	color: #343434;
}

#navmenu2 li a:hover{
color: #DF5B06; 
}