/* CSS Document */
/*.........................................

	Title:		XSSTUDIOS
	Author:		imran@xsstudios.com
	Updated:	July 7, 2010
	Version:	1.0
    Website:	http://www.xsstudios.com
	
..........................................*/

/* Applies to all elements */
*
{
	margin:0px;
	padding:0px;
}
/* end */
img { border:none; }
/* Link styles */
a
{
	outline:none;
	color:#777777;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
}
a:hover { text-decoration:none; }
p { text-align:justify; }
/* end */
/* font styles */
.bold-text { font-weight:bold; }
.bold-black { color:#000; font-weight:bold; }
.normal-text
{
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	text-decoration:none;
}
.fourteen-px { font-size:14px; }
.sixteen-px { font-size:16px; }
.eighteen-px { font-size:18px; }
.twenty-px { font-size:20px; }
/* end */
/* Link styles */

/* end */
body
{
	background-color:#fff;
	color:#777777;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	text-align:left;
	line-height:20px;
	text-decoration:none;
	background-image:url(../images/homepage/header_background_strip.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	min-width:970px;
}
/* top-container styles */
.top-left-image
{
	background-image:url(../images/homepage/header_left_background.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:100%;
	height:106px;
}
.top-right-image
{
	background-image:url(../images/homepage/header_right_background.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	width:100%;
	height:106px;
}
.logo-container { height:80px; }
.xslogo{
	width:78px;
	float:left;
}
.menu-container
{
	width:971px;
	padding-top:12px;
	margin-left:auto;
	margin-right:auto;
}
/* end */
/* this div moves to center of body and serves as a container for all other elements, specify the width according to PSD */
.main-container
{
	margin-left:auto;
	margin-right:auto;
	width:970px;
	text-align:left;
}
.flash-container
{
	width:970px;
	margin-left:auto;
	margin-right:auto;
}
.services-icon
{
}
.services-icon div
{
	margin-top:12px;
	margin-left:13px;
	float:left;
	cursor:pointer;
}
.services-icon p
{
	margin-top:119px;
	text-align:center;
	color:#fff;
	font-size:12px;
}
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.main-container:after, .top-container:after,.menu-container:after,.services-icon:after,.top-centered-area:after
{
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: visible;
}
.testimonials
{
	width:970px;
	height:124px;
	margin-left:auto;
	margin-right:auto;
	margin-top:26px;
}
.contact-strip
{
	background-image:url(../images/homepage/contact_footer_strip.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:65px;
	margin-top:60px;
}
.contact-strip-content {
	margin-left:auto;
	margin-right:auto;
	width:970px;
	text-align:center;
	padding-top:6px;
}
.contact-information
{
	margin-left:auto;
	margin-right:auto;
	width:897px;
}
.push-up{
	margin-top:-6px;
}
.footer
{
	background-image:url(../images/homepage/footer_background_strip.jpg);
	width:100%;
	height:36px;
}
.intranet-solutions
{
	background-image:url(../images/homepage/services/intranet_solutions_icon.jpg);
	width:183px;
	height:149px;
}
.mobile-apps
{
	background-image:url(../images/homepage/services/mobile_app_icon.jpg);
	width:183px;
	height:149px;
}

.social-media-building
{
	background-image:url(../images/homepage/services/social_media_building_icon.jpg);
	width:183px;
	height:149px;
}

.webdesign
{
	background-image:url(../images/homepage/services/webdesign_icon.jpg);
	width:183px;
	height:149px;
}

.branding
{
	background-image:url(../images/homepage/services/branding_icon.jpg);
	width:183px;
	height:149px;
}
/* menu style */
ul.topnav {
	list-style: none;
	padding: 0;	
	margin: 0;
	margin-top:57px;
	float: left;
	width: 670px;
	float:right;
}
ul.topnav li {
	float: left;
	margin: 0;	
	padding: 0 2px 0 0;
	position: relative; 
	background-image:url(../images/homepage/menu/background.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	width:131px;
	height:37px;
	text-align:center;
}
ul.topnav li a{
	line-height:37px;
	color: #fff;
	font-size:12px;
	text-decoration: none;
}
ul.topnav li span { 
	display:block;
	position:absolute;
	top:1px;
	left:1px;
	width: 100%;
	height:37px;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;}
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute;
	left: 0; top: 35px;
	background-image:none;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; 
	border-bottom: 1px solid #444; 
	clear: both;
	width: 170px;
	height:30px;
	background: #333 url(../images/homepage/menu/dropdown_linkbg.gif) no-repeat 10px center;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 150px;
	line-height:30px;
	text-align:left;
	background: #333 url(../images/homepage/menu/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { 
	background: #222 url(../images/homepage/menu/dropdown_linkbg.gif) no-repeat 10px center; 
}
/*end menu */