/*
	1em = 12px;
*/


@charset "UTF-8";
/* =CALL LIBRARY */
	@import url("ie.css"); /* ------- Reset all CSS Styles */


/*-- back to basics --*/

* {

	margin: 0;
	padding: 0;

}

/* body general styles */
	body{
		font: 62.5%/2.2em "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #4b4942;
		background: #FFFFFf;
	}

html {

	padding: 1px 0 0 1px;

}
h1 {
         font: bold 20px  'Lucida Grande', Verdana, Tahoma;
         padding-bottom:10px; color:#0099CC;
         margin-bottom:10px;
         letter-spacing: -1px;
}
h2  {
         font: normal 16px 'Lucida Grande', Verdana, Tahoma;
         padding-bottom:5px; color:#0099CC;
         margin-bottom:5px;
         letter-spacing: -2px;
}


h3 {
         font: bold 14px 'Lucida Grande', Verdana, Tahoma;
         padding-bottom:10px; 
         margin-bottom:10px;
         letter-spacing: 0px; color:#ffffff;
}
h5 {
         font: normal 12px 'Lucida Grande', Verdana, Tahoma;
         padding-bottom:10px;
         margin-bottom:10px;
         letter-spacing: 0px;
}
img {
    border: none;
}

p {

	margin: 0;
	padding: 0;
	color: #546066;
	line-height: 1.6em; 
	font-size: 100%;

}

a.morelink,  a.morelink:visited, a.morelink:hover {

	margin: 0;
	padding: 0 0 0 21px;
	height: 17px; font-weight:bold; color:#0099FF;
	font-size: 100%;
	background: url(../images/morelink.gif) no-repeat left center;

}



ol { list-style-type: upper-roman; }

strong.highlight {
	background: #fdf8a2 !important;
	color: #505050;
}
.line {
	clear: both;
	margin: 0;
	padding: 20px 0;
	background: url(../images/interface/line.gif) repeat-x left;
	height: 1px;
}

.headerh2

 {
         font: normal 18px 'Lucida Grande', Verdana, Tahoma;
         padding-bottom:10px;  padding-top:0px; color:#0099CC;
         margin-bottom:10px; margin-top:0px;
         letter-spacing: -2px;
}


/* SERVICES - BREAKDOWN *******************************************/
#breakdown {
	margin: 0;
	padding: 0; 
}

#breakdown p {
	margin: 0 0 15px 0;
	padding: 0;
}

#breakdown a span {
	display: none;
}

#breakdown p.brief {
	margin:-5px 0 0 47px;
	padding:0;
	color: #a6b6bc;
}

#breakdown a#co {
	margin: 0 0 10px 0;
	padding: 0;
	display: block;
	background: url(../images/interface/services_co.gif) 0 0 no-repeat;
	height: 40px;
}

#breakdown a#co:hover,
#breakdown a#co.active {
	margin: 0 0 10px 0;
	padding: 0;
	background: url(../images/interface/services_co.gif) 0 -40px no-repeat;
	height: 40px;
}

#breakdown a#con {
	margin: 0 0 10px 0;
	padding: 0;
	display: block;
	background: url(../images/interface/services_brand.gif) 0 0 no-repeat;
	height: 40px;
}

#breakdown a#con:hover,
#breakdown a#con.active {
	margin: 0 0 10px 0;
	padding: 0;
	background: url(../images/interface/services_brand.gif) 0 -40px no-repeat;
	height: 40px;
}

#breakdown a#prod {
	margin: 0 0 10px 0;
	padding: 0;
	display: block;
	background: url(../images/interface/services_p.gif) 0 0 no-repeat;
	height: 40px;
}

#breakdown a#prod:hover,
#breakdown a#prod.active {
	margin: 0 0 10px 0;
	padding: 0;
	background: url(../images/interface/services_p.gif) 0 -40px no-repeat;
	height: 40px;
}

#breakdown a#design {
	margin: 0 0 10px 0;
	padding: 0;
	display: block;
	background: url(../images/interface/services_design.gif) 0 0 no-repeat;
	height: 40px;
}

#breakdown a#design:hover,
#breakdown a#design.active {
	margin: 0 0 10px 0;
	padding: 0;
	background: url(../images/interface/services_design.gif) 0 -40px no-repeat;
	height: 40px;
}

#breakdown a#user {
	margin: 0;
	padding: 0;
	display: block;
	background: url(../images/interface/ui_services.gif) 0 0 no-repeat;
	height: 40px;
}

#breakdown a#user:hover,
#breakdown a#user.active {
	margin: 0;
	padding: 0;
	background: url(../images/interface/ui_services.gif) 0 -40px no-repeat;
	height: 40px;
}

#breakdown #codeopt p,
#breakdown #consulting p,
#breakdown #prodmgmt p,
#breakdown #webdesign p {
	margin: 0 0 15px 47px;
	padding: 0;
}

#breakdown #ui p {
	margin: 10px 0 15px 47px;
}

a {

	margin: 0;
	padding: 0;
	color: #0000FF;
	text-decoration: none;

}
a : visited {

	margin: 0;
	padding: 0;
	color: #0000FF;
	text-decoration: none;

}


a:hover {

margin: 0;
	padding: 0;
	color: #0000FF;
	text-decoration: none;
}

a : link {

	margin: 0;
	padding: 0;
	color: #0000FF;
	text-decoration: none;

}


/* SERVICES - BREAKDOWN End *******************************************/

	
    a.jobs{color: #0000FF; text-decoration: none;}
	a.jobs:visited{color: #0000FF; text-decoration: none; }
	a.jobs:hover{color: #f00; text-decoration: underline; }

	hr{display: none;}
	strong{font-weight: bold; color : #4b4942;}
	ul.borderedlist li{
		border-bottom: 1px dashed #33CCFF;
	}
	ul.borderedlist li a{
		display: block;
		padding:3px 0 0 2px;
		height: 26px;
		color: #ffffff;
	}
	ul.borderedlist li a:hover{color: #ffffff;}

/* LAYOUT - the main layout styles */
	.container{
		width:100%;
		margin: 0 auto;
		position: relative;
		overflow:hidden;
	}
	/* header layout */
	#header{
		height: 253px;
		background: #4a4841 url(../images/top_bg.jpg) top repeat-x;
		position: relative;
	}
	#navigation{
		position: absolute;
		right: 0px;
		top:20px;
	}
	/* main area layout */
	#main{padding:24px 0 20px 0;}
	#leftcolumn{float: left;width:20%;}
	#center{float: left;width:50%;padding: 0 20px;}
#centers{float: left;padding: 0 20px;}
	#rightcolumn{float: left;width:24%;}
	/* bottom layout */
	#bottominfo{
		border-top: 5px solid #42423b;
		background: #000000;
		padding-bottom:25px;
		width: 100%;
		overflow: hidden;
	}
	.bottomcolumn{
		float: left; padding-left:20px;
		width:30%;
		margin-right: 10px;
	}
	.bottomright{margin-right:2px;}
	
/* HEADER - the header styles */
	#header .container{height: 253px;}
	/* logo */
	
	/* top navigation */
	#navigation li{
		float: left;
		padding-right: 27px;
		text-transform: uppercase;
		font-size: 1.3em;
		font-weight: bold;
	}
	#navigation li a{color: #ffffff;}
	#navigation li a: visited{color: #ffffff;}

	#navigation li a:hover  {color: #FFFFCC;}
	/* message and building pic */
	#banner{
		position: absolute;
		height: 125px;
		color: #a49c8f;
		font-weight: bold;
		padding:0 440px 0 27px;
		bottom: 0;
		background: url(../images/web2.gif) right bottom no-repeat;
		font-size: 1.3em;
	}
	#banner a, a:visited, a:hover {
		color: #ffffff;
		font-weight: bold;
		font-size: 1.em;
	}
	
/* =CONTENT - the content styles */
	/* left column */
	.leftbox{padding: 10px 13px 10px 23px; margin:0px; width:93%;}
	.leftbox a, a:visited{color: #0000FF; font-size:1em; font-weight: normal;}
	.leftbox a: hover {color: #FF0000; font-size:1em; font-weight: normal;}

	h3.header_small{
	font: bold 12px Tahoma,Verdana,Arial; text-align:left;
	padding: 10px 0px 10px 15px; background: url(../images/tblheader.jpg) no-repeat; }
	ul.leftbox{font-size: 1.2em; }

	.features{padding:6px; font: Verdana,Arial, Helvetica, sans-serif; border: 1px solid #124888;}
	#leftcolumn {padding-left:1px;}
	#leftcolumn .leftbox p{padding-left:2px; padding-bottom:1em;line-height:1.5em; font-size:12px}	
	/* center column */
	.article_wrapper h2{color: #5699A7; font-size:2em;margin:10px 0;}
	.article_wrapper p{padding-bottom:10px;font-size:1.3em; font-weight:none;}
	.article_wrapper a, a:visited, a:hover {color: #0000FF; font-size:1.0em; font-weight:none;}

	/* right column */
	.rightbox_wrapper{
		padding:5px;
		margin-bottom: 20px; 
		/* width:270px; */
		font-size:11px;
		line-height: 18px;
		color: #58584D;
	}
	.rightbox{border: 0px dashed #d9e0e8;width:230px;padding:5px; text-align:justify;}
	.rightbox h4{background: url(../images/footer_bg1.jpg) no-repeat; font-size:1.3em;color: #ffffff;padding:8px; text-align:center; font-weight: bold;padding-top:10px;}
	.rightbox p{font-size:1em;padding:10px; border: 1px solid #124888;}
	.rightbox a, a:visited{color: #0000FF; font-size:1em; font-weight: normal;}
	.rightbox a: hover {color: #FF0000; font-size:1em; font-weight: normal;}


	.lastbox{margin:0;}
/* =BOTTOM */
	.bottomcolumn h3{
		font:20px bold "Lucida Grande", Tahoma, Verdana, Arial, Helvetica;
		border-bottom: 4px solid #ffffff; 
		color: #ffffff;  
		padding:15px 0 5px 5px;
	}
	.bottomcolumn p{
		padding: 10px 35px 10px 5px;
		font-size: 1.2em; color: #ffffff;  

	}
	.iconlist{
		border-top: 1px dashed #ffffff;
		font-size: 1.2em;
	}
	ul.iconlist li a{
		padding-left: 25px; color: #ffffff; font-weight:bold;
		background: url(../images/footer_list.jpg) left bottom no-repeat;
	}
	ul.iconlist  li a:hover{background: #3D3E38 url(../images/footer_list.jpg) left top no-repeat;color: #ffffff;}
	
	.button{
		display: block;
		float: left;
		width: auto;
		line-height:1em;
		text-align: center;
		background: #659AA6;
		border: 4px solid #fff;
		color: #fff;
		cursor: pointer;
		margin:0;
		padding:3px 8px; /* IE6 */
	}
	
/* =FOOTER */
	#footer{
		height: 37px; padding:0 15px 0 0; 
		background: #4a4841 url(../images/footer_bg.jpg) 0 0 repeat-x;
		font-size: 1.2em; 
	}

	#footer a, a:visited, a:hover {color: #A39D97;
	}
	#copyright{
		float: left;
		height: 23px;
		padding:2px 0 0 5px;color: #A39D97;
		margin-top: 5px;
	}
#copyright1{
		float: left;
		height: 23px;
		padding:2px 0 0 10px;color: #A39D97;
		margin-top: 5px;
	}

	#footer_navigation{
		float: right;
		padding-top:7px;
	}
	#footer_navigation li{float: left; padding-left:18px;}
	#footer_navigation li a{text-transform:none;}
	#footer_navigation li a:hover{color: #FFFF00;}
	


span.emphasis {
         font: bold 12px 'Lucida Grande', Verdana, Tahoma;
         
}





/* CSS Menu */

ul.sp {
	list-style: none;
	margin: 0;
	padding: 0;
	}

img {
    border: none;
} 

	
/*- Menu 1--------------------------- */
	
#menu1 {
	width: 200px;
	margin: 0px;
	
	}
	
#menu1 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit; 
	font: bold 11px 'Lucida Grande', Verdana, Tahoma;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu1 li a:link, #menu1 li a:visited {
	color: #ffffff;
	display: block;
	background:  url(../images/bgrmenu.jpg);
	padding: 8px 0 0 10px;
	}
	
#menu1 li a:hover, #menu1 li #current {
	color: #ffffff;
	background:  url(../images/bgrmenu.jpg) 0 -32px;
	padding: 8px 0 0 10px;
	}


	
	/* Call Us */

ul.sp1 {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
	
#callus {
	padding: 10px;
	
	}
	
ul.page {
display: block;
	padding-left: 0;
	margin-left: 5px;
	list-style-type: none;
	text-decoration: none;
	text-align:left;
}

ul.page li { 
    font: normal 12px Verdana, Arial, Tahoma;
    margin-top: 2px; 	padding-bottom: 10px;
	padding-bottom: 5px;
padding-left: 20px; /* set to width of the image, bullet.png with some extra padding to it to prevent text from sticking to the image */
		background: transparent url(../images/bullet1.gif) 0% 0% no-repeat; /* this image is 11 by 14 pixel */
line-height: 20px;
      }


ul.page li bulletYellow {
background:url(../images/bullet2.gif) 0% 0% no-repeat;

}


ul.box {
background: #EAF1FD; 
        margin: 12px 12px 12px 12px;
        padding: 3px 3px 3px 3px;
		
		}
ul.box li { 
        font: bold 11px 'Lucida Grande', Verdana, Tahoma;
		color: #ffffff;                /* text color is white */ 
        background: #000000;            /* Content, padding will be black */
        margin: 12px 12px 12px 12px;
        padding: 12px 12px 12px 12px; /* Note 0px padding right */
        list-style: none             /* no glyphs before a list item */
      }
#borderlinks a {
padding-left: 4px;        
font: bold 12px 'Lucida Grande', Verdana, Tahoma;
display: block; 
width: 150px; height: 40px;
color: black;
text-decoration: none;
border: 1px solid white;
}
#borderlinks a:visited {
padding-left: 4px;        
font: bold 12px 'Lucida Grande', Verdana, Tahoma;
display: block; 
width: 150px; height: 40px;
color: black;
text-decoration: none;
border: 1px solid white;
}

#borderlinks a:hover{
font: bold 12px 'Lucida Grande', Verdana, Tahoma;
border: 1px solid black; display: block; 
background-color: #EAF1FD;
}  

	/*-- cms table stuff --*/

.data { font-size:1.2em; width:99%; border-top:1px solid #eee; border-left:1px solid #eee; padding:3px; text-indent:5px;} 
.data td { border-bottom:1px  solid #eee; border-right:1px solid #eee;}
.data th { font-size:1.2em; border-right:1px solid #eee; border-bottom:1px solid #eee; height:25px; background-image:url(../images/th.gif); background-repeat:repeat-x;}

.error {color:#ea0437;}
	
.logo table { font-size:1.2em; border-top:1px solid #eee; border-left:1px solid #eee; padding:3px; text-indent:5px;} 
.logo { font-size:1.2em; border-top:0px solid #eee; border-left:0px solid #eee; padding:3px; text-indent:5px;} 
.logo td { border-bottom:0px  solid #eee; border-right:0px solid #eee;}

	/*-- SIFR stuff --*/

.sIFR-flash {

	visibility: visible !important;
	margin: 0;

}

.sIFR-replaced {

	visibility: visible !important;

}


span.sIFR-alternate {

	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;

}

.sIFR-flash + div[adblocktab=true] {

  display: none !important;

}

.flashreplace { position:absolute;left:-999em;}

.pmimage {
	margin: 10px 10px 10px 10px;
	padding: 0 0 0 10px; text-align:center;
	background: url(../images/pm.gif) no-repeat;
	height: 541px; 	width: 405px;

}

/* Portfolio - FEATURED  ****************************************/
#feature {
	margin: 0;
	padding: 0;
}

#feature h1 {
	margin: 0 0 10px 0;
	padding: 0;
	background: url(../images/title_feature.gif) no-repeat top left;
	height: 21px;
}

#feature #flash {
	margin: 0 0 15px 0;
	padding: 0;
}

#recent p {
	margin: 0 0 15px 0;
	padding: 0;
}

#recent p.left {
	float: left;
}

#recent p.right {
	float: right;
}

#imageContainer {
	position: relative;
	margin: auto auto 15px auto;
	width: 500px;
}

#imageContainer {
	height: 225px;
}

#imageContainer img {
	display: none;
	position: absolute;
	top: 0; 
	left: 0;
}