/* CSS Document */
body 	{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	text-align: center;
}

.bg_home,.bg_sub {
	/*background-color:#FFFFFF;
	background-image: url("images2/skin/pg_bg_12_2008.jpg");
	background-position:center 24px;*/
	background-color:#FFF;
	/*background-image:url(images2/skin/bg2010.jpg);*/
	background-image:url(images2/skin/bg-2011-1.jpg);
	background-position:center -6px;
	background-repeat:no-repeat;
	
}

.bg_sub2 {
	background-image: url("images2/skin/bg2.jpg");
	background-color:#CCCCCC;
	/* DARK BG -- background-image: url("images2/skin/bg4.jpg"); 
	background-color: #333333;
	
	*/
	background-repeat:repeat-x;
}		
		
#container
{
margin-left: auto;
margin-right: auto;
width: 751px;
text-align: left;
display:block;
margin-top: 2px;
padding-top: 0px;
/*border: 8px solid #F7F7F7;*/
top: 0px;
background-color:#FFF;
}

#container_home {
margin-left: auto;
margin-right: auto;
width: 751px;
text-align: left;
display:block;
margin-top: 2px;
padding-top: 0px;
top: 0px;
background-color:#FFF;
}
 
 #bodyblock {
 display:block;
	margin:0px 0px 4px 0px;
	background-color:#FFFFFF;
	padding:18px 20px 10px 80px;
	background-image: url(images2/skin/bg-corner.jpg);
	background-repeat: no-repeat;
 }
 
 .bodyblock_home {
	padding:18px 11px 20px 76px;
}
 

 #intro_block { display:block; padding:0px 20px;}
		
		
	.title1 {
		font-size:26px;
	/*font-size:26px;*/ 
	color:#5F5F5F; 
	font-weight:lighter;
	display:block;
	margin:0px 0px 3px 0px;
	padding:0px 0px 4px 0px;
	border-bottom:1px solid #CCCCCC;
	/*text-shadow: 0 1px 1px #fff;*/
	
	text-shadow:#C0C0C0 -1px -1px 1px;
	
	/* ff6633 */

/*font-family: 'Vollkorn', arial, serif;*/
	}
	
	.t2 {
	font-size:16px;
	color:#333333;
	}
	
	
	.title1 a{
	text-decoration:none;
	font-weight:normal;
	/* ff6633 */
	}
	
	.title1 a:hover {
	color:#333333;
	}
	
	.title2 {
	font-size: 12px;
	font-weight: bolder;
	}
	
	a:link, a:active, a:visited, a:hover	{
	color:#CC6600; 
	}
	
	.tasks {
	
	font-style:italic;
	font-size:10px;
	color:#999999;
	
	}
	
	.arrowblue{
	list-style-image:url(images2/skin/arrow-blue.gif);
/*	xlist-style-position:outside;
	xmargin-left:-12px;*/
	}
	
	.arrowblue2{
/*	xlist-style-image:url(images2/skin/arrow-blue.gif);
	xmargin-left:-12px;*/
	width:270px;
	float:left;
	display:block;
	margin:0px; 
	padding:0px;
	
	}
	
	.arrowblue2 ul{
	list-style:none;
	margin:0px;
	padding:0px;
	line-height:13px;
	}
	
	.arrowblue2 ul li{
	padding:1px 0px 1px 6px;
	/*xmargin:2px 0px 1px 0px;*/
	background-image:url(images2/skin/bg-corner.jpg);
	background-repeat:no-repeat;
	width:280px;
/*	xdisplay:block;
	xfloat:left;
	xwhite-space:nowrap;*/
	border-top:1px solid #FFF;
	font-size:10px;
	}
	
	.datelist {
	margin:0px;
	padding:0px 10px 0px 0px;
	float:left;
	width:20px;
	display:block;
	}
	
	.datelist ul {
	margin:0px; 
	padding:0px; 
	list-style:none;
	line-height:13px;
	}
	
	.datelist li {
	padding:1px 3px;
	background-color:#CCCCCC;
	border-top:1px solid #FFFFFF;
	font-size:9px;
	color:#FFFFFF;
	}
	
	
	#task {
	margin:0px;
	padding:0px 10px 0px 0px;
	float:left;
	display:block;
	width:90px;
	}
	
	#task ul {
	margin:0px; 
	padding:0px; 
	/*xwidth:20px;*/
	list-style:none;
	line-height:13px;
	}
	
	#task .illustration { background-color:#33CCFF; }
	#task .design { background-color:#666666; }
	#task .logo { background-color:#FE8647; }
	
	#task li {
	padding:1px 3px;
	background-color:#333333;
	border-top:1px solid #FFFFFF;
	font-size:9px;
	color:#FFFFFF;
	text-align:justify;
	letter-spacing:2px;
	}
	
	
	#project {
	margin:0px;
	padding:0px 6px 0px 0px;
	float:left;
	width:230px;
	display:block;
	text-transform:capitalize;
	}
	
	#project ul {
	margin:0px; 
	padding:0px 0px 0px 10px; 
	list-style:none;
	line-height:13px;
	}
	
	#task .illustration { background-color:#33CCFF; }
	#task .design { background-color:#666666; }
	#task .logo { background-color:#E87B41; }
	
	#project li {
	padding:1px 3px 1px 3px;
	background-color:#FFFFFF;
	border-top:1px solid #FFFFFF;
	font-size:9px;
	color:#333333;
	text-align:left;
	letter-spacing:2px;
	}
	

	
	

	.colomn2 {
	float:left;
	display:block;
	width:340px;	
	margin:0px;
	padding:0px;
	line-height:13px;
	font-size:10px;
	}
	
	.colomn2 ul {
	margin:0px; 
	padding:0px; 
	width:346px;
	list-style:none;
	line-height:13px;
	}
	
	.colomn2 ul li{
	border-left: 1px solid #CCCCCC;
	padding:1px 0px 1px 6px;
	/*xmargin:2px 0px 1px 0px;*/
	width:340px;
	
	}

	
	
	
	#logobanner {
	margin:0px 0px 0px;
	background-image:url(images2/skin/header1.gif); background-repeat:no-repeat; background-position:0px -1px;
	
	display: block;
	clear: both;
	height: 88px;
	}
	
	
	
	#flash {
	margin:0px 24px;
	background-image: url(images/flashflat.jpg);
	
	height: 152px;
	clear: both;
	background-repeat: no-repeat;
	display: block;
	}
	
	#titlebartop {
	margin:6px 24px 0px;
	height:26px;
	
	display: block;
	background-image: url(images/titlebar-top-v3.jpg);
	width: 710px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 18px;
	text-align:left;
	
	}
	
	#barlower {
	margin:0px 24px;
	/* background-image: url(images/titlebar-top-v3.jpg); */
	background-position:bottom;
	display:block;
	width: 710px;
	}
	
	#mainbody {
	margin:8px 24px 0px 44px;
	padding: 0px;
	display: block;
	font-size: 10px;
	}
	
	#mainbody p {
	font-size: 12px;
	color:#333333;
	line-height: 18px;
	text-align: left;	
	}
	
	#bodybase {
	margin:0px 0px 0px 0px;
	padding:0px 0px;
	background-image: url(images/titlebartop.gif);
	display: block;	
	}
	
	.pic_contact { display:block; height:313px; width:751px; 
	background-image:url(images2/skin/body4.jpg); background-repeat:no-repeat;
	float:left; margin-bottom:10px;}
	
	.pic_company { display:block; height:313px; width:751px; 
	background-image:url(images2/skin/body2.jpg); background-repeat:no-repeat;
	float:left; margin-bottom:10px;}
	
	.pic_services { display:block; height:313px; width:751px; 
	background-image:url(images2/skin/body3.jpg); background-repeat:no-repeat;
	float:left; margin-bottom:10px;}
	
	#footercontainer {
	margin:0px 0px;
	padding:12px 12px;
	height: 60px;
/*	xbackground-color: #eeeded;
	xbackground-color:#B3B3B3;*/
	display: block;
	font-weight:lighter;
	font-style:normal;
	float:left;
	
	width:720px;
	}

	
	.footertagline{ font-size:24px; color:#333; float:left; padding:6px 0px 10px 0px;}
	.footerdate{ font-size:24px; float:right; /*color:#33CCFF;*/ color:#E87B41;  padding:6px 0px 10px 0px; text-align:right;}
	
	a#floater {
	position: fixed;
	top: 0;
	right: 0;
	display: block;
	height: 80px;
	width: 80px;
	background: url(images2/skin/pgfloater1.png)top right no-repeat;
	text-decoration: none;
}

a#floater2 {
	position: fixed;
	top: 0;
	right: 0;
	display: block;
	height: 333px;
	width: 331px;
	background: url(images2/skin/pgfloater_vacation2.png)top right no-repeat;
	text-decoration: none;
	z-index:20;
}


.footerservices{ font-size:10px; color:#000000; float:left; padding:0px 0px 10px 0px; clear:left; color:#666;}

form input, form textarea, form select { border: 1px solid #CCCCCC;}


#vertical_slide, #horizontal_slide {
	/*color: #8A7575;
	padding: 10px;
	border: 5px solid #F3F1F1;
	font-weight: bold;*/
	border-bottom:1px solid #CCC;
	margin-bottom:8px;
}

div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 10px;
}

.callout { font-size:16px; letter-spacing:1px; padding:4px 0px 10px 0px; color:#818181;}

.twtr-hyperlink { color:#666;}


/* SLIDEDOWN */
#what{
	float: left;
	display: inline;
	width: 160px;
	height: 45px;
	margin-left: 8px;
	background-color:#333;
	text-indent: -9999px;
	display: none;
}

#slidedown { background:#333; width:100%}

#slidedown-wrapper { color:#FFF; padding:10px;}