@charset "UTF-8";
/* CSS Document */

html{height:100.01%;}

body{text-align:center; font-family:Arial, Arial, Helvetica, sans-serif; font-size: 62.5%; color:#ffffff; line-height:1.3em; 
background:#ffffff;}

#header{width:100%; background:url(../images/bg_header.jpg) repeat-x bottom center #0067ad;}

#header_container{width:976px; margin:0 auto 0 auto;}

#header_left{width:620px; float:left;}

	#header_container h1{font-size:36px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-weight:normal; float:left; margin:49px 0 0 0;}
	#header_container #logo{float:left; margin:17px 0 0 4px;}
	#header_container p{float:left; width:600px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; margin:14px 0 0 0; line-height:1.3em;}
	#header_container img#read_more{float:left;}
	#read{margin:18px 0 0 -13px; float:left;}

#header_right{width:330px; float:right;}

	#phone{width:325px; float:right; margin:29px 0 0 0;}
	#phone_top{width:325px; background:url(../images/bg_phone_top.png) no-repeat top; float:right; padding:0 0 7px 0;}
	#phone_bottom{width:325px; background:url(../images/bg_phone_bottom.png) no-repeat; height:10px; float:right; position:relative;}	

		#phone_top p{font-size:13px; font-weight:bold; width:250px;}
			#phone_top p#phone_img{background:url(../images/phone_img.jpg) no-repeat left center; padding:4px 0 4px 38px; margin:15px 0 0 25px;}
			#phone_top p#mail_img{background:url(../images/mail_img.jpg) no-repeat left center; padding:4px 0 4px 38px; margin:8px 0 0 25px;}
		#phone_top p a{color:#FFFFFF; text-decoration:none;}

#need_results{margin:20px 0 0 0; width:246px; height:112px; float:right;}

#nav_bar{width:100%; background:url(../images/bg_navigation.png) repeat-x top #1a1a1b; height:44px;}

#nav_container{width:976px; margin:0 auto 0 auto; background:url(../images/stand_bottom.png) no-repeat; background-position:854px 0px;}
#nav_container2{width:976px; margin:0 auto 0 auto; background:url(../images/services/paint_bottom.png) no-repeat; background-position:861px 0px;}
#nav_container3{width:976px; margin:0 auto 0 auto; background:url(../images/portfolio/book_bottom.jpg) no-repeat; background-position:865px 0px;}
#nav_container4{width:976px; margin:0 auto 0 auto; background:url(../images/contact/top_img_bottom.png) no-repeat; background-position:846px 0px;}
#nav_container5{width:976px; margin:0 auto 0 auto; background:url(../images/resources/bottom.jpg) no-repeat; background-position:845px 0px;}


	#nav_container li, #nav_container2 li, #nav_container3 li, #nav_container4 li, #nav_container5 li{display:inline; float:left; margin:14px 0 0 0; 
	padding-bottom:15px;}
	#nav_container li a, #nav_container2 a, #nav_container3 a, #nav_container4 a, #nav_container5 a{color:#b5b5b5; text-decoration:none; font-size:14px; background:url(../images/bg_nav.png) repeat-x top; 
	padding:13px 16px 12px 16px; border-left:#0c0c0d solid 1px; border-right:#4d4f4f solid 1px; position:relative;}
	#nav_container ul, #nav_container2 ul, #nav_container3 ul, #nav_container4 ul, #nav_container5 ul{border-left:#4d4f4f solid 1px; border-right:#0c0c0d solid 1px;}
	
	body#page_home li a#nav_home, 
	body#page_services li a#nav_services, 
	body#page_resources li a#nav_resources, 
	body#page_portfolio li a#nav_portfolio, 
	body#page_contact li a#nav_contact{
	background:url(../images/bg_nav_active.png) repeat-x; color:#FFFFFF;}
	
	
	
	#nav_container li a:hover, #nav_container2 li a:hover, #nav_container3 li a:hover, #nav_container4 li a:hover, #nav_container5 li a:hover{background:url(../images/bg_nav_hover.png) repeat-x; color:#FFFFFF;}


#content{width:100%; background:#f7f7f7; padding:20px 0 0 0;}



.small_box{width:306px; float:left; z-index:-1;}
.small_box_top{width:306px; height:13px; background:url(../images/small_box_top.png) no-repeat; float:left; z-index:0;}
.small_box_bottom{width:306px; background:url(../images/small_box_bottom.png) no-repeat bottom center; float:left; z-index:0; 
min-height:207px; height:auto !important; height:207px;}

	.small_box_bottom h1{margin:10px 0 0 34px; font-size:2.3em;}
	.small_box_bottom img{margin:20px 0 0 15px; float:left;}
	.small_box_bottom p{font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; margin:15px -0 0 5px; float:left; width:164px}
	.small_box_bottom a{color:#004d87; font-size:12px; float:right; text-decoration:underline; background:url(../images/read_more_arrow.jpg) no-repeat left center; 
	padding:4px 0 4px 20px;}
	.small_box_bottom a:hover{text-decoration:none;}
	.small_box_bottom p.long{width:257px; margin:15px 0 0 34px;}
	.small_box_bottom img.img_long{margin:-35px 0 0 20px;}
	
	img#scroll{margin:225px 0 0 740px; z-index:99; position:relative;}


#content_container{width:976px; margin:0 auto 0 auto; padding-bottom:30px;}

#portfolio{width:486px; height:420px; background:url(../images/portfolio.jpg) no-repeat; margin:-100px 0 0 0; position:relative; float:left;}
#portfolio_button{width:364px; height:63px; padding:300px 0 0 60px;}


#quotes{width:462px; float:right; margin:-60px 13px 0 0; position:relative;}
#quotes_top{width:462px; height:45px; background:url(../images/quote_box_top.png) no-repeat;}
#quotes_bottom{width:362px; background:url(../images/quote_box_bottom.png) no-repeat bottom center; padding:0 50px 90px 50px;}

	#quotes_bottom h1{margin:0 0 10px 0;}
	#quotes_bottom a{color:#004d87; font-size:12px; float:right; text-decoration:underline; 
	background:url(../images/read_more_arrow.jpg) no-repeat left center; padding:4px 0 4px 20px;}
	#quotes_bottom a:hover{text-decoration:none;}


#footer{width:100%; background:url(../images/bg_footer.png) repeat-x bottom #171717;}

#footer_container{width:976px; margin:0 auto 0 auto; padding:21px 0 0 0;}

	h1#whats_new{color:#FFFFFF; font-size:38px; margin:0 0 15px 0;}
	#footer_container p{color:#FFFFFF;}
	

#footer_left{width:500px; float:left;}
#footer_right{width:400px; float:right;}
	
	#footer_right img{float:right; margin:-20px 10px 0 0; position:relative;}
	

#lower_footer{width:976px; float:left; margin:30px 0 0 0; padding:0 0 40px 0;}

	#lower_footer img{float:left; margin:-20px 20px 0 0; position:relative;}
	#lower_footer ul{width:976px; float:left; margin:15px 0 0 0;}
	#lower_footer li{display:inline; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
	#lower_footer li a{color:#ebe2e2; font-weight:bold; padding:0 22px 0 0; text-decoration:underline;}
	#lower_footer li a:hover{text-decoration:none;}

#bottom_page{width:100%; background:url(../images/bg_bottom_page.gif) repeat-x top #FFFFFF; padding:15px 0 15px 0;}

#bottom_container{width:976px; margin:0 auto 0 auto; text-align:right;}
	#bottom_container p{text-align:right;}
	


/************* Services ***************/	

.box_top{background:url(../images/services/box_top.png) repeat-x top; display:inline-block; position:relative; float:left; margin-right:12px; margin-left:11px}
.box_left{background:url(../images/services/box_left.png) no-repeat top left; display:inline-block; position:relative; float:left;}
.box_right{background:url(../images/services/box_right.png) no-repeat top right; display:inline-block; position:relative; float:left;}
.box_bottom{background:url(../images/services/box_bottom.png) repeat-x bottom; display:inline-block; position:relative; float:left;}
.box_bottom_left{background:url(../images/services/box_bottom_left.png) no-repeat bottom left; display:inline-block; position:relative; float:left;}
.box_bottom_right{background:url(../images/services/box_bottom_right.png) no-repeat bottom right; display:inline-block; position:relative; float:left;}

#services{width:530px; padding:20px; min-height:160px; height:auto !important; height:160px;}
#tech{width:320px; padding:20px; min-height:160px; height:auto !important; height:160px;}


#tech ul li{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#636363; line-height:1.6em; padding:2px; background:url(../images/services/tick_light.png) no-repeat left center; padding-left:20px; background-position:5px center;}

	#tech ul li.alt{background:#ececec url(../images/services/tick_dark.png) no-repeat left center; padding-left:20px; background-position:5px center;}
	#tech h1{text-align:right;}
	#tech ul{margin-top:10px;}


.section{width:976px; border-bottom:#d9d9d9 solid 1px; margin:20px 0 0 0; float:left;}


.column_three{float:left;}

#process{background:url(../images/services/process.png) no-repeat top left; float:left; padding-left:80px; padding-right:10px; width:220px;}
#starts{background:url(../images/services/starts.png) no-repeat top left; float:left; padding-left:80px; padding-right:10px; width:210px;}
#testing{background:url(../images/services/testing.png) no-repeat top left; float:left; padding-left:80px; width:280px;}

	p#coffee{background:url(../images/services/coffee.png) no-repeat center top; padding-bottom:95px;}


#lovers{background:url(../images/services/lovers.jpg) no-repeat left top; width:680px; padding:20px 30px 20px 260px;}

#tools{background:url(../images/services/tools.jpg) no-repeat right top; width:680px; padding:20px 260px 20px 30px;}

	#tools h1{text-align:right; padding-right:70px;}
	#tools p{text-align:right; padding-right:70px;}
		#tools p#php{background:url(../images/services/php.gif) no-repeat right top;}
		#tools p#asp{background:url(../images/services/asp.gif) no-repeat right top;}
		#tools p#ajax{background:url(../images/services/ajax.gif) no-repeat right top;}



.column_two{width:420px; float:left; margin:20px 0 20px 40px;}

#planning{background:url(../images/services/planning.png) left top no-repeat; padding-left:140px; width:280px;}
#reporting{background:url(../images/services/reporting.jpg) left top no-repeat; padding-left:140px; width:280px; padding-bottom:30px;}
#dev{padding:20px 0px 40px 0px;}

	#dev p{position:relative; margin:10px 30px 10px 30px;}
	#dev h1{margin-left:30px;}
	
	
	
/************* Portfolio ***************/
	
#port{width:564px; padding:20px;}
	
	#port a{color:#005b9f;}
	
	img#graph{float:left; margin-top:-20px; position:relative;}
	
	
.project{margin:0 0 0 5px; width:966px; height:238px; float:left; padding-bottom:50px;}

	
	
	.project img{border:#32495a solid 19px; position:absolute;}
	
	.project_title{position:absolute; margin:21px 0 0 26px;}
	
	.project li.proj_title{color:#FFFFFF; font-size:18px; font-weight:bold; background:url(../images/portfolio_title_bg.png) repeat; padding:5px; margin:5px 5px 0 0; display:inline-block;
	}
	.project li.proj_category{color:#FFFFFF; font-size:14px; font-weight:bold; background:url(../images/portfolio_title_bg.png) repeat; padding:5px; margin:5px 5px 5px 0; }
	.project a{color:#FFFFFF; font-size:12px; font-weight:bold; background:url(../images/portfolio_title_bg.png) repeat; padding:5px; margin:5px 5px 0 0; display:block; text-decoration:none; width:63px; }
	.project a:hover{background-color:#000000;}
	
	
	#projects{margin:0 0 0 5px; width:928px;}
		#projects a{border:#32495a solid 19px; display:inline-block; text-decoration:none; margin:0 0 10px 0;}
			#projects a:hover{border:#000000 solid 19px; text-decoration:none;}
		#projects a img{float:left;}
		#projects a strong{float:left; display:inline-block; margin:-190px 0 0 10px; color:#FFFFFF; font-size:18px; font-weight:bold; background:url(../images/portfolio_title_bg.png) repeat; padding:5px;}
		#projects a em{float:left; display:inline-block;  color:#FFFFFF; font-size:14px; font-weight:bold; background:url(../images/portfolio_title_bg.png) repeat; padding:5px; margin:-155px 5px 5px 10px; }
		#projects a span{float:left; display:inline-block;  color:#FFFFFF; font-size:14px; font-weight:bold; background:url(../images/portfolio_title_bg.png) repeat; padding:5px; margin:-125px 5px 5px 10px; }


/************* Portfolio Details ***************/

#port_details{width:580px; padding:20px;}

	#port_details p{font-size:12px; line-height:1.3em;}
	#port_details p strong{font-size:14px; font-weight:bold;}
	#port_details p#status span{background:url(../images/portfolio/tick.png) no-repeat left top; padding:2px 0 2px 20px; margin-top:5px; 
	margin-bottom:20px; float:left;}
	#port_details p#status.under_construction span{background:url(../images/portfolio/clock.png) no-repeat left top; }
	#port_details a{color:#0000b6;}


#client{width:270px; padding:20px;}

	#client h1{text-align:right;}
	#client p{background-color:#ececec; padding:5px; margin-bottom:0;}
	#client a{color:#1d6da9;}


#project_sreenshots{width:976px; float:left; margin:10px 0 0 0;}

	#project_sreenshots h1 span{color:#0000b6;}
	#project_sreenshots h1 {border-bottom:#d9d9d9 solid 1px; padding-bottom:7px; margin:0 20px 0 20px;}

.portfolio_img{border:#3d3dc6 solid 1px; float:left; margin:20px 0 0 0; background-color:#070707;}
.portfolio_img_big{border:#3d3dc6 solid 1px; float:left; margin:20px 31px 0 0; background-color:#070707;}
	.portfolio_img p{color:#FFFFFF; background-color:#070707; margin:0 0 0 0; padding:7px; position:relative;}
	.portfolio_img_big p{color:#FFFFFF; background-color:#070707; margin:0 0 0 0; padding:7px;}



/************* Contact ***************/

#contact{width:550px; padding:20px;}

	#contact img{float:left; margin:-27px 0 0 10px; position:relative;}
	#contact h1{float:left;}
	#contact p{width:550px; float:left;}
	
	#contact table{float:left; margin-top:20px; margin-bottom:20px;}
	
		#contact table td{vertical-align:top; padding-bottom:10px; padding-right:20px;}
		
		#contact table td img{float:left; border:#eeeeed solid 1px; margin:0px 0 0 10px;}
		
		.text1{background:url(../images/contact/text1.png) no-repeat top left #f9f9f9; border:#eeeeed solid 1px; padding:7px 0 7px 5px; width:250px;
		font-family:Arial, Helvetica, sans-serif; font-size:12px;}
		.text2{background:url(../images/contact/text1.png) no-repeat top left #f9f9f9; border:#eeeeed solid 1px; padding:7px 0 7px 5px; width:170px;
		font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left;}
		.textarea{background:url(../images/contact/message.png) no-repeat top left #f9f9f9; border:#eeeeed solid 1px; padding:5px 0 0 5px; width:250px; height:160px;
		font-family:Arial, Helvetica, sans-serif; font-size:12px;}
		.send{width:183px; height:33px; background:url(../images/contact/send_message.jpg) no-repeat; border:none; cursor:pointer;}


		#contact table td#terms{font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; vertical-align:middle;}
		#contact table td#button{vertical-align:middle; text-align:right;}



#openings{width:590px; float:left; padding-bottom:30px;}

	#openings img{margin:-22px 0 0 12px; position:relative; float:left;}
	#openings h1{margin-top:30px; float:left; position:relative;}
	#openings p{float:left; width:320px;}
	
	
#skype_box_top{width:560px; background:url(../images/contact/bg_skype_top.png) no-repeat top; float:left; margin:0 0 0 20px;}
#skype_box_bottom{width:560px; background:url(../images/contact/bg_skype_bottom.png) no-repeat bottom;}
	
	
#skype{width:550px; padding:20px;}

	#skype #call{margin:-30px 0 0 0;}
	#skype a{color:#000093;}

#skype_status{float:right; margin:-60px 20px 0 0; position:relative;}
#skype_status img{margin:0 0 0 0; position:relative;}


#contact_left{float:left; width:600px;}
#contact_right{float:right; width:370px;}


#contact_details{width:370px; padding:20px;}

	#contact_details h1{text-align:right;}


p#phone_icon{background:url(../images/contact/phone.png) no-repeat left center; padding:20px 0 15px 80px; font-size:16px;}
p#messages{background:url(../images/contact/emails.png) no-repeat left center; padding:20px 0 15px 80px; font-size:16px;}
p#coffee2{background:url(../images/contact/coffee.png) no-repeat left center; padding:20px 0 15px 80px; font-size:16px;}
p#postal{background:url(../images/contact/postal_address.png) no-repeat left center; padding:20px 0 15px 80px; font-size:16px;}

	p#postal span{color:#005b9f;}
	p#coffee2 span{color:#005b9f;}


	#contact_details table{line-height:1.3em; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; border:none; background:none;}
	#contact_details table td.blue{color:#005b9f; border:none; background:none;}
	#contact_details table td.black{width:160px; background:none;}
	#contact_details table td{padding:5px 0 5px 0; line-height:1.3em; background:none;}


#thanks{width:976px; border:#033b66 solid 1px; margin:0px 0 20px 10px; background-color:#2f83c0; padding:20px; text-align:center;}

#thanks p{text-align:center; color:#FFFFFF;}

#thanks a{color:#000093; color:#FFFFFF;}


/************* FAQs ***************/

#articles{width:330px; padding:20px;}

#articles ul li{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#636363; line-height:1.6em; padding:2px;  padding-left:20px; background-position:5px center;}

	#articles ul li.alt{background:#ececec; padding-left:20px; background-position:5px center;}
	#articles h1{text-align:right;}
	#articles ul{margin-top:10px;}
	#articles ul li a{color:#636363; text-decoration:none;}
		#articles ul li a:hover{color:#0103a0; text-decoration:none;}


#faq_left{width:580px; float:left;}

.faq{width:580px; background-color:#e8eaec; padding:20px 0 20px 0; margin:0 0 20px 0;}
.no_bg{background:none;}

	.faq table{width:540px; margin:0 0 0 20px;}
	
	.faq table td{font-family:Arial, Helvetica, sans-serif; color:#424242; font-size:14px; line-height:1.3em;}
	.faq table td.q{color:#0000b6; font-size:18px; padding-right:10px;}
	.faq table td.question{color:#000000; font-size:18px; padding-bottom:20px;}
	.faq table td.top{padding:20px 0 0 0;}
		.faq table td.top a{color:#0000b6;}
		
		.faq table td li{line-height:1.3em; background:url(../images/dot.gif) no-repeat left center; padding:0 0 0 15px;}



/************* Resources ***************/

#resource_left{width:560px; float:left; padding:0 20px 0 0;}

	#resource_left h2{font-size:38px; color:#454545; font-family:Arial, Helvetica, sans-serif;}
	#resource_left h1 span{color:#0000b6;}
	#resource_left h1{color:#454545; margin:20px 0 0 0; border-bottom:#d9d9d9 solid 1px; padding-bottom:10px;}
	#resource_left a{color:#0000b6;}
	#resource_left img{border:#0000b6 solid 1px;}
	#resource_left img.intro{float:right; border:none;}
	



.code{width:540px; padding:10px 0 0 10px;}

p.border{border-left:#b2b2b2 solid 4px; padding-left:10px; margin-left:40px}

blockquote{background:url(../images/resources/quote-66.png) top left no-repeat #fcfcfc; padding:5px 15px 10px 32px; font-family:Arial, Helvetica, sans-serif; 
font-size:12px; color:#000000; line-height:1.3em; background-position:0px 20px; border:solid #CCCCCC 1px; margin:20px 0 20px 0; width:493px;}
blockquote span{background:url(../images/resources/quote-99.png) bottom right no-repeat; padding-right:20px; line-height:1.3em;}

#resource_left li{line-height:1.3em; background:url(../images/dot.gif) no-repeat left center; padding:0 0 0 15px; font-family:Arial, Helvetica, sans-serif; 
color:#000000; font-size:12px; line-height:1.3em;}
#resource_left ul{margin:0 0 0 40px;}
#resource_left img{margin:10px 0 10px 0;}




a.arrow{background:url(../images/resources/link_arrow.gif) no-repeat right center; padding:0 15px 3px 0;}

#resources{width:970px; border:#bbbbbb solid 1px; margin:30px 0 0 0; float:left; background-color:#fbfbfb;}
	#resources span a{color:#000000;}
	
	.white{padding:30px; float:left; width:910px;}
	.white img{border:#6a6b6b solid 3px; float:left;}
	.white p{width:680px; float:left; margin:0 0 0 30px; position:relative;}
	.white p span{font-size:18px; text-decoration:underline;}
	
	.blue{background-color:#eff4f7; border-bottom:#cddfed solid 1px; border-top:#cddfed solid 1px;}
	
	
	
#free{width:970px; float:left; background:url(../images/resources/bg_free.jpg) no-repeat top right; margin:20px 0 0 0;}
	#free h2{font-size:38px; color:#454545; font-family:Arial, Helvetica, sans-serif; border-bottom:#d9d9d9 solid 1px; padding-bottom:10px; margin-right:200px;
	margin-top:70px;}

	.free_article{padding:30px 30px 30px 0; float:left; width:910px;}
	.free_article img{border:#6a6b6b solid 3px; float:left;}
	.free_article p{width:550px; float:left; margin:0 0 0 30px;}
	.free_article p span{font-size:18px; text-decoration:underline;}
	.free_article p a{color:#0000b6;}



/************* Table Styles ***************/

#table_box{width:937px; background:#ffffff; border:#c9c9c9 solid 1px; padding:30px 0 30px 0;}

	#table_box table{width:866px; color:#7d8cbc; margin:0 auto 0 auto; font-family:Arial, Helvetica, sans-serif;}
		
		#table_box table td{padding:8px 0 8px 0; font-size:14px; border-bottom:#d6d6d6 solid 1px;}
		#table_box table th{padding:8px 0 8px 0; font-size:16px; font-weight:bold; border-bottom:#7d8cbc solid 2px;}




#terms_and_conditions{width:920px; padding:20px;}

#terms_and_conditions h2{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#000000; font-weight:bold; margin:10px 0 10px 0;}

#terms_and_conditions li{font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; line-height:1.3em;}

#terms_and_conditions a{color:#0000b6;}


/************* Text Styles ***************/

h1{font-family:Arial, Helvetica, sans-serif; font-size:26px; color:#000000;}
	h1 span{color:#005b9f;}

p{line-height:1.3em; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; margin:10px 0 10px 0;}

a{text-decoration:underline;}
a:hover{text-decoration:none;}

strong{font-weight:bold;}





/************* Form Validation ***************/

.LV_validation_message{
    font-weight:bold;
}

.LV_valid {
    color:#4c973d;
	display:none;
}
	
.LV_invalid {
    color:#c45034;
	font-size:14px;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
	background:url(../images/contact/correct.png) no-repeat right center;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
	background:url(../images/contact/incorrect.png) no-repeat right center;
}




/************* Image Carousel ***************/

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 980px; /*Width of Carousel Viewer itself*/
height: 344px; /*Height should enough to fit largest content's height*/
margin:0 auto 0 auto;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
z-index:0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 16px; /*margin around each panel*/
width: 306px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}



/************* Accessibility ***************/	

/* clearing */ 
.clear{clear:both; height:1px; margin:0; padding:0; font-size: 15px; line-height: 1px;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} 
* html>body .clearfix{display: inline-block; width:100%;}
* html .clearfix {/* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }

/* accessibility */ 
.accessibility { position: absolute; top: -999em; left: -999em;}