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

html, body, ul, ol, li, p, hi, h2, h3, h4, h5, h6, form, fieldset {
	margin:0;
	padding:0;
	border:0;
}

body {
	font:100.01% Arial, Helvetica, sans-serif;
	color:#666;
	background:#000;
	margin:10px;
	padding:0px;
	text-align:left;

}

#wrapper {
    width:780px;
    position: relative;
	/*float: left;*/
	margin:auto;
	background-color:#000;
}

/*TO STYLE MAIN TEMPLATE */

/*MAIN TEMPLATE - container to hold the logo's */
#mainlogo {
	width: 100%;
	float: left;
}

/*MAIN TEMPLATE - contentworx logo*/
#logo {
	width: 270px;
	float: left;
}

/*MAIN TEMPLETE - experience logo*/
#logo_2 {
	float: right;
	margin-top:33px;

}

/*MAIN TEMPLATE - navigation bar */
#nav_bar {
	width: 100%;
	float:left;
	margin-top: 35px;
	height: 20px;
}

/*MAIN TEMPLATE - to style home button*/
#home {
	font:110% Arial, Helvetica, sans-serif;
	float: left;
	padding-left:35px;
	padding-right:15px;
}

/*MAIN TEMPLATE - to style services, nextstep, clients, case, about us, contact us buttons*/
#services, #nextstep, #clients, #case, #aboutus, #contactus {
	font:110% Arial, Helvetica, sans-serif;
	float: left;
	padding-left: 16px;
	padding-right:16px;
}

/*MAIN TEMPLATE - to style nav bar links*/
#home a, #services a, #nextstep a, #clients a, #case a, #aboutus a, #contactus a {
	text-decoration:none;
	color:#FFF;
}

/*MAIN TEMPLATE - to style nav bar links on hover*/
#home a:hover, #services a:hover, #nextstep a:hover, #clients a:hover, #case a:hover, #aboutus a:hover, #contactus a:hover {
	color:#F00;
	
}

/*MAIN TEMPLATE - to style heading*/
#heading {
	font:120%  Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	width:200px;
	float: left;
	margin-top:50px;
	padding-top:50px;
	padding-left:150px;
	text-align: center;
}

/*MAIN TEMPLATE - to style heading picture*/
#heading_pic {
	width:200px;
	float: left;
	margin-top:50px;
	border-left: #F00 2px solid;
	padding-left:25px;
}

/*MAIN TEMPLATE - to style text*/
#text {
	
	width: 690px;
	float:left;
	padding-left: 35px;
	padding-bottom:10px;
	margin-top:50px;
	font:90% Arial, Helvetica, sans-serif;
	background-color:#000;
	color:#FFF;
}

/*MAIN TEMPLATE - to style movie*/
#movie {
	width: 550px;
	float:left;
	padding-left:125px;
	margin-top:30px;
	background-color: #000;
}

/*MAIN TEMPLATE - to style contentworx small logo*/
#contentworx_logo_small {
	width: 300px;
	float: left;
	padding-left: 320px;
	margin-top:40px;

}

/*for clients page and about us page */

#bcma {
	float:left;
	width:150px;
	margin-top:30px;
	padding-left:320px;
	

}

#logo_small {
	width: 300px;
	float: left;
	padding-left: 300px;
	margin-top:15px;

}


/*MAIN TEMPLATE - to style copyright text*/
#copyright {
	width: 400px;
	float: left;
	padding-left:10px;
	margin-top:50px;
    font:70% Arial, Helvetica, sans-serif;	
	color:#FFF;
}

/*MAIN TEMPLATE - to style footer box*/
#footer {
	font:80% Arial, Helvetica, sans-serif;	
	width: 600px;
	float: left;
	margin-top:10px;
	padding-left:10px;
	padding-bottom:10px;
}

/*MAIN TEMPLATE - to style footer home button */
#footer_home {
	padding-right:10px;
	float: left;

}

/*MAIN TEMPLATE - to style footer rest of navigation buttons */
#footer_services, #footer_nextstep, #footer_client, #footer_case, #footer_aboutus, #footer_contactus {
	padding-left: 10px;
	padding-right:10px;
	float: left;
}

/*MAIN TEMPLATE - to style the footer navigation button links */
#footer_home a, #footer_services a, #footer_nextstep a, #footer_client a, #footer_case a, #footer_aboutus a, #footer_contactus a {
	text-decoration:none;
	color:#FFF;	
}

/*MAIN TEMPLATE - to style footer navigation button links on hover */
#footer_home a:hover, #footer_services a:hover, #footer_nextstep a:hover, #footer_client a:hover, #footer_case a:hover, #footer_aboutus a:hover, #footer_contactus a:hover {
	color:#F00;
}

.bold{
	font-weight:bold;
}