/*---------------------Bluecubes Stylesheet------------------*/

body {
background:url(../images/bck_lrg.jpg) no-repeat top center #032E5B;
width:100%;
margin:0 auto;
font-family:Verdana,Arial, Helvetica, sans-serif;
font-size:13px;
color: #ffffff;
height:600px;

}

.normal {  

font-family: Verdana, Arial, Helvetica, sans-serif; 
border:1px solid #064D9F;
line-height:10pt;
padding:3px;
}


.small {
	font-size: 11px
}

a:link {
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
}
a:visited {
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	cursor: pointer;
}
a:active {
	color: #FFFFFF;
	cursor: pointer;
}






a.underline:link {
	color: #FFFFFF;
	text-decoration: underline;
	cursor: pointer;
}
a.underline:visited {
	color: #FFFFFF;
	text-decoration: underline;
	cursor: pointer;
}
a.underline:hover {
	color: #3EA1E2;
	text-decoration: underline;
	cursor: pointer;
}
a.underline:active {
	color: #FFFFFF;
	cursor: pointer;
	text-decoration: underline;
}



#main_container{
width:942px;
margin:auto;
position: relative;
}

/*---------------------Container for logo and navigation------------------*/
.header{
width:942px;
height:76px;
margin:auto;
padding-top: 48px;
}

/*---------------------Bluecubes Logo------------------*/
#logo{
padding:0;
float:left;
behavior: url("iepngfix.htc");
}

/*---------------------Navigation Container------------------*/
.right_header{
float:right;
width:520px;
}

h1 {
display: block;
text-indent: -10000px;
position: relative;
left: 9px;
outline: none;
width: 171px;
height: 37px;
background: url(../images/logo.jpg) no-repeat;
background-position: left bottom;
margin:0 auto;
float:left;
}

h2.welcome {
display: block;
text-indent: -2000%;
position: relative;
margin: 0;
width: 520px;
height: 26px;
background: url(../images/welcome.jpg) no-repeat;
}

h2.clients {
display: block;
text-indent: -2000%;
position: relative;
margin: 0;
width: 366px;
height: 26px;
background: url(../images/clients.jpg) no-repeat;
cursor: pointer;
}

h2.aboutbc {
display: block;
text-indent: -2000%;
position: relative;
margin: 0;
height: 26px;
background: url(../images/aboutbc.jpg) no-repeat;
cursor: pointer;
}

h2.portfolio {
display: block;
text-indent: -2000%;
position: relative;
margin: 0;
width: 256px;
height: 26px;
background: url(../images/portfolio_h2.jpg) no-repeat;
cursor: pointer;
}

h2.portfoliofla {
display: block;
text-indent: -2000%;
position: relative;
margin: 0;
width: 442px;
height: 26px;
background: url(../images/portfoliofla_h2.jpg) no-repeat;
cursor: pointer;
}

h2.contactus {
display: block;
text-indent: -2000%;
position: relative;
margin: 0;
width: 570px;
height: 26px;
background: url(../images/contactus.jpg) no-repeat;
}

h2.details {
display: block;
text-indent: -2000%;
position: relative;
margin: 0;
width: 316px;
height: 26px;
background: url(../images/details_h2.jpg) no-repeat;
}

h2.detailssm {
display: block;
text-indent: -2000%;
position: relative;
margin: 0;
width: 256px;
height: 26px;
background: url(../images/details_h2sm.jpg) no-repeat;
}

h2.newsssm {
display: block;
text-indent: -2000%;
position: relative;
margin: 0;
width: 256px;
height: 26px;
background: url(../images/news_h2sm.jpg) no-repeat;
}

h2.services {
display: block;
text-indent: -2000%;
position: relative;
margin: 0;
width: 630px;
height: 26px;
background: url(../images/services.jpg) no-repeat;
}

h2.clientssm {
display: block;
text-indent: -2000%;
position: relative;
margin: 0;
width: 256px;
height: 26px;
background: url(../images/clientssm.jpg) no-repeat;
}

h2.blank {
display: block;
text-indent: -2000%;
position: relative;
margin: 0;
width: 316px;
height: 26px;
border-bottom: 1px solid;
border-color: #064D9F;
}

h2.cardealer {
display: block;
text-indent: -2000%;
position: relative;
margin: 0;
width: 630px;
height: 26px;
background: url(../images/cardealer_h2.jpg) no-repeat;
}

h2.artgallery {
display: block;
text-indent: -2000%;
position: relative;
margin: 0;
width: 630px;
height: 26px;
background: url(../images/artdealer_h2.jpg) no-repeat;
}

h2.webdesign {
display: block;
text-indent: -2000%;
position: relative;
margin: 0;
width: 630px;
height: 26px;
background: url(../images/webdesign_h2.jpg) no-repeat;
}

h2.ecommerce {
display: block;
text-indent: -2000%;
position: relative;
margin: 0;
width: 630px;
height: 26px;
background: url(../images/ecomm_h2.jpg) no-repeat;
}

h2.contentmanage {
display: block;
text-indent: -2000%;
position: relative;
margin: 0;
width: 630px;
height: 26px;
background: url(../images/contentman_h2.jpg) no-repeat;
}

h2.flashanimation {
display: block;
text-indent: -2000%;
position: relative;
margin: 0;
height: 26px;
background: url(../images/flashanim_h2.jpg) no-repeat;
}

h2.onlinemarket {
display: block;
text-indent: -2000%;
position: relative;
margin: 0;
width: 630px;
height: 26px;
background: url(../images/onlinemark_h2.jpg) no-repeat;
}

h2.touchscreen {
display: block;
text-indent: -2000%;
position: relative;
margin: 0;
width: 630px;
height: 26px;
background: url(../images/touchscreen_h2.jpg) no-repeat;
}

h2.demonstration {
display: block;
text-indent: -2000%;
position: relative;
margin: 0;
width: 570px;
height: 26px;
background: url(../images/demonstration_h2.jpg) no-repeat;
}

h2.carclients {
display: block;
text-indent: -2000%;
position: relative;
margin: 0;
width: 570px;
height: 26px;
background: url(../images/carclients_h2.jpg) no-repeat;
}

h2.artclients {
display: block;
text-indent: -2000%;
position: relative;
margin: 0;
width: 570px;
height: 26px;
background: url(../images/artclients_h2.jpg) no-repeat;
}

h2.ecommclients {
display: block;
text-indent: -2000%;
position: relative;
margin: 0;
width: 570px;
height: 26px;
background: url(../images/ecommclients_h2.jpg) no-repeat;
}

h2.desport {
display: block;
text-indent: -2000%;
position: relative;
margin: 0;
height: 26px;
background: url(../images/desport_h2.jpg) no-repeat;
}

h2.webclients {
display: block;
text-indent: -2000%;
position: relative;
margin: 0;
width: 570px;
height: 26px;
background: url(../images/webdesclients_h2.jpg) no-repeat;
}

h3.cardealer {
display: block;
text-indent: -2000%;
position: relative;
margin: 0;
width: 178px;
height: 16px;
background: url(../images/cardealer_h3.jpg) no-repeat;
}

h3.artgallery {
display: block;
text-indent: -2000%;
position: relative;
margin: 0;
width: 178px;
height: 16px;
background: url(../images/artgallery_h3.jpg) no-repeat;
}

h3.ecomm {
display: block;
text-indent: -2000%;
position: relative;
margin: 0;
width: 178px;
height: 16px;
background: url(../images/ecomm_h3.jpg) no-repeat;
}

h3.cms {
display: block;
text-indent: -2000%;
position: relative;
margin: 0;
width: 178px;
height: 16px;
background: url(../images/cms_h3.jpg) no-repeat;
}

span.dark_blue{
color:#1862B3;
}

/*----------------------Navigation-------------------------*/

#menu_contain{
float:right;
position: relative;
right: 17px;
width: 505px;
}

#nav {
width:488px;
height: 36px;
position: relative;
background: url(../images/nav.jpg);
margin: 0 auto;
padding: 0;
list-style:none;
float: right;
}

#nav li {
float: left;
}

#nav li a {
position: absolute;
top: 0;
margin: 0;
padding: 0;
display: block;
height: 36px;
background: url(../images/nav.jpg) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

/*up state*/
li#nav_home a {
left: 0;
width: 71px;
background-position: 0 0;
}

li#nav_services a {
left: 71px;
width: 92px;
background-position: -71px 0;
}

li#nav_portfolio a {
left: 163px;
width: 103px;
background-position: -163px 0;
}

li#nav_about a {
left: 266px;
width: 80px;
background-position: -266px 0;
}

li#nav_news a {
left: 346px;
width: 69px;
background-position: -346px 0;
}

li#nav_contact a {
left: 415px;
width: 73px;
background-position: -415px 0;
}

/*hover state*/
li#nav_home a:hover {
background-position: 0 -44px;
}

li#nav_services a:hover {
background-position: -71px -44px;
}

li#nav_portfolio a:hover {
background-position: -163px -44px;
}

li#nav_about a:hover {
background-position: -266px -44px;
}

li#nav_news a:hover {
background-position: -346px -44px;
}

li#nav_contact a:hover {
background-position: -415px -44px;
}

/*---------------------Flash Container------------------*/
#middle_box{
width:942px;
margin:auto;
}

#middle_box_portfolio{
width:942px;
height: 333px;
border: 1px solid #fff;
}

.contact_box{
width:942px;
height: 362px;
position: relative;
top: -42px;
z-index: 99;
margin:auto;
}

/*---------------------Main Content underneath flash container------------------*/
#main_content{
width:942px;
margin: auto;
padding-top: 11px;
}

#main_content_contact{
width:942px;
margin: auto;
position: relative;
top: -90px;
padding-top: 11px;
}

/*---------------------Left Container Homepage------------------*/
.left_content_border{
width:542px;
float:left;
margin:0px 11px 0px 0px;
background: url(../images/left_cont_border.jpg) repeat-x #fff;
background-position: bottom center; 
}

.left_content{
width:520px;
margin: 1px 1px 0px 1px;
background: url(../images/left_cont_bck.png) repeat-x #032E5B;
color: #fff;
padding:  10px 10px 10px 10px;
}

/*---------------------Right Container Home------------------*/
.right_content_border{
width: 388px;
float:right;
background: url(../images/left_cont_border.jpg) repeat-x #fff;
background-position: bottom center; 
}

.right_content{
width:366px;
margin: 1px 1px 0px 1px;
background: url(../images/left_cont_bck.png) repeat-x #032E5B;
padding:  10px 10px 10px 10px;
color: #fff;
}

/*---------------------Left Container Contact Us------------------*/
.left_contact_border{
width:592px;
float:left;
margin:0px 11px 0px 0px;
background: url(../images/left_cont_border.jpg) repeat-x #fff;
background-position: bottom center; 
}

.left_contact{
width:570px;
margin: 1px 1px 0px 1px;
background: url(../images/left_cont_bck.png) repeat-x #032E5B;
color: #fff;
padding:  10px 10px 10px 10px;
}

/*---------------------Right Container Contact Us------------------*/
.right_contact_border{
width: 338px;
float:right;
background: url(../images/left_cont_border.jpg) repeat-x #fff;
background-position: bottom center; 
}

.right_contact{
width:316px;
margin: 1px 1px 0px 1px;
background: url(../images/left_cont_bck.png) repeat-x #032E5B;
padding:  10px 10px 10px 10px;
color: #fff;
}







/*---------------------Left Container Contact Us------------------*/
.left_flash_border{
width:466px;
float:left;
margin:0px 11px 0px 0px;
background: url(../images/left_cont_border.jpg) repeat-x #fff;
background-position: bottom center; 
}

.left_flash{
width:444px;
margin: 1px 1px 0px 1px;
background: url(../images/left_cont_bck.png) repeat-x #032E5B;
color: #fff;
padding:  10px 10px 10px 10px;
}

/*---------------------Right Container Contact Us------------------*/
.right_flash_border{
width: 464px;
float:right;
background: url(../images/left_cont_border.jpg) repeat-x #fff;
background-position: bottom center; 
}

.right_flash{
width:442px;
margin: 1px 1px 0px 1px;
background: url(../images/left_cont_bck.png) repeat-x #032E5B;
padding:  10px 10px 10px 10px;
color: #fff;
}











/*---------------------Left Container Services------------------*/
.left_services_border{
width:652px;
float:left;
margin:0px 11px 0px 0px;
background: url(../images/left_cont_border.jpg) repeat-x #fff;
background-position: bottom center; 
}

.left_services{
width:630px;
margin: 1px 1px 0px 1px;
background: url(../images/left_cont_bck.png) repeat-x #032E5B;
color: #fff;
padding:  10px 10px 10px 10px;
overflow:hidden;
}

	.bullet_style ul {
		display:block;
		margin-bottom:20px;
		margin-top:10px;
		margin-left:-20px;
		overflow:hidden;
		position:relative;
		width:630px;
	}
	
	.bullet_style4 ul {
		display:block;
		margin-bottom:20px;
		margin-top:10px;
		margin-left:-20px;
		overflow:hidden;
		position:relative;
	}
	
	.bullet_style li {
		float: left;
		width: 190px;
		height: 20px;
		list-style:none;
		padding-left:16px;
		background:url(../images/bullet.gif) no-repeat left center;
	}
	
	.bullet_style2 li {
		padding-left:16px;
		list-style:none;
		background:url(../images/bullet.gif) no-repeat left center;
	}
		
	.bullet_style3 li {
		padding-left:16px;
		list-style:none;
		background:url(../images/bullet.gif) no-repeat left center;
	}
	
	.bullet_style4 li {
		list-style:none;
		padding-left:16px;
		background:url(../images/bullet.gif) no-repeat;
		background-position: 0 5px;
	}
	
	
	.clientslist li {
margin-left: -16px;
float: left;
width: 196px;
line-height: 1.8;
list-style:none;
padding-left:16px;
background:url(../images/bullet.gif) no-repeat left center;
}

/*---------------------Right Container Services------------------*/
.right_services_border{
width: 278px;
float:right;
background: url(../images/left_cont_border.jpg) repeat-x #fff;
background-position: bottom center; 
}

.right_services{
width:256px;
margin: 1px 1px 0px 1px;
background: url(../images/left_cont_bck.png) repeat-x #032E5B;
padding:  10px 10px 10px 10px;
color: #fff;
}

/*---------------------Screenshots for homepage------------------*/
.screen_left{
width: 178px;
float: left;
position: relative;
top: 5px;
margin-top: 10px;
margin-right: 10px;
}

.screen_right{
width: 178px;
float: right;
margin-top: 10px;
position: relative;
top: 5px;
}

.screenshot{
position: relative;
top: -5px;
}


#services {
width:630px;
height: 190px;
position: relative;
background: url(../images/servicesnav.jpg);
margin: 0 auto;
padding: 0;
list-style:none;
float: right;
margin-bottom: 10px;
}

#services ul {
list-style:none;
}

#services li {
float: left;
}

#services li a {
position: absolute;
top: 0;
margin: 0;
padding: 0;
display: block;
height: 40px;
background: url(../images/servicesnav.jpg) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

/*up state*/
li#services_car a {
left: 0;
width: 310px;
background-position: 0 0;
}

li#services_web a {
top: 50px;
width: 310px;
background-position: 0 -50px;
}

li#services_content a {
top: 100px;
width: 310px;
background-position: 0 -100px;
}

li#services_market a {
top: 150px;
width: 310px;
background-position: -0 -150px;
}

li#services_art a {
left: 320px;
width: 310px;
background-position: -320px 0;
}

li#services_ecomm a {
left: 320px;
top: 50px;
width: 310px;
background-position: -320px -50px;
}

li#services_flash a {
left: 320px;
top: 100px;
width: 310px;
background-position: -320px -100px;
}

li#services_touch a {
left: 320px;
top: 150px;
width: 310px;
background-position: -320px -150px;
}

/*hover state*/
li#services_car a:hover {
background-position: -640px 0;
}

li#services_web a:hover {
background-position: -640px -50px;
}

li#services_content a:hover {
background-position: -640px -100px;
}

li#services_market a:hover {
background-position: -640px -150px;
}

li#services_art a:hover {
background-position: -960px 0;
}

li#services_ecomm a:hover {
background-position: -960px -50px;
}

li#services_flash a:hover {
background-position: -960px -100px;
}

li#services_touch a:hover {
background-position: -960px -150px;
}

.clientslist li {
margin-left: -16px;
float: left;
width: 196px;
line-height: 1.8;
list-style:none;
padding-left:16px;
background:url(../images/bullet.gif) no-repeat left center;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/*-----------------------------footer------------------*/
#footer{
width:944px;
height:100px;
color:#fff;

}

.center_footer{
color:#fff;
font-size:12px;
width:100%;
position: relative;
top:40px;
text-align:center;
float:left;
padding-bottom: 20px;
}

.center_footer ul{
list-style:none;
margin-top:10px;
margin-bottom:10px;
position: relative;
height:20px;
}

.center_footer li {
float: left;
}

#ques{
height:60px;
margin-left:170px;
}

#ques li {
float: left;
margin-left:10px;
}

/*--------------slider-----------------*/
	h5{
		font-size:140%;
		font-weight:normal;
		}	

		
	#content{
		position:relative;
		}			

/* Easy Slider */

	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:260px;
		height:220px;
		overflow:hidden; 
		}	
								
	#slider li img{ 
		border:none;
		}
		
	#slider li h5{ 
	font-size:13px;
	margin:12px 0;
	text-decoration:underline;
		}		

/* // Easy Slider */