@charset "utf-8";
/* CSS Document */
/* Main and Common Structures */
body
{
	margin:0 auto;
	padding:0 auto;
	font-family:"Trebuchet MS", Verdana;
	font-size:10px;
	background-color:transparent;
}
img{
	
	border:0px;
	}
a:link, a:visited
{
	text-transform:uppercase;
	text-decoration:none;
	font-size:14px;
	color:white;
	font-weight:bold;
	padding-left:5px;
}

a:hover 
{
	text-transform:uppercase;
	text-decoration:none;
	font-size:14px;
	color:#ffcc00;
	font-weight:bold;
	padding-left:5px;
}
h1
{
	font-size:13px;
	text-transform:uppercase;
	font-weight:bold;
	line-height:normal;
	padding-left:5px;
}
h4
{
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
	line-height:normal;
	padding-left:5px;
}

#mainframe
{
	margin:0 auto;
	padding:0 auto;
	width:1200px;
	height:800px;
	background-color:transparent;
}

#header
{
	margin:0 auto;
	padding:0 auto;
	width:1200px;
	height:50px;
	background-color:transparent;
	vertical-align:bottom;
	float:left;
	position:relative;
	
}

#logo
{
	margin:0 auto;
	padding:0 auto;
	width:100px;
	height:50px;
	background-color:transparent;
	vertical-align:bottom;
	float:left;
	position:absolute;
}
#social
{
	margin:0 auto;
	padding-top:27px;
	width:100px;
	background-color:transparent;
	vertical-align:bottom;
	text-align:right;
	float:right;
	position:relative;
}
#logo a:link
{
	padding-left:0;
}
/* End Main and Common Structures */


/* top menu */

/* There is some browser based bug. In IE Order Now does not roll over. In both Fox, Chrom & IE there is a thin line coming. In all the Nav2 width has to be kept lesser then rest else its showing some blank space. 294 is the size of the image but then it leaves additional 4 pix after the immage.*/
#Top-Menu
{
	margin:0 auto;
	padding:0 auto;
	width:1195px;
	height:83px;
	background-image:url(../images/top_menuBG_W_S.gif);
	background-position:center;
	background-repeat:repeat-x;
	vertical-align:bottom;
	float:left;
	position:relative;
}

#Top-Menu-Right
{
	width:5px;
	height:83px;
	background-image:url(../images/top_menu_W_S_R.gif);
	background-position:center;
	background-repeat:no-repeat;
	vertical-align:middle;
	float:right;
	position:relative;
}
#Top-Menu ul 
{
    list-style:none;
    margin: 0px 0 0 0px;
    padding:0;    
}
#Top-Menu ul li {
    float:left;
}

#Top-Menu ul li a {
    overflow:hidden;
    text-indent:-9999em;
    display:block;
	border:0;
}

.nav1 a, .nav1 a:visited {
	background-image:url(../images/portfolio_normal.gif);
	/*background-color:#0000CC;*/
	background-repeat:no-repeat;
    width:294px;
    height:80px;
}

.nav1 a:hover {
    background:url(../images/portfolio_rollover.gif) 0 0px no-repeat;
    width:294px;
    height:80px;
}

#portfolio .nav1 a
{
    background:url(../images/portfolio_click.gif) 0 0px no-repeat;
    width:294px;
    height:80px;
}

.nav2 a, .nav2 a:visited {
	background-image:url(../images/order_now_normal.gif);
	/*background-color:#33FF66;*/
	background-repeat:no-repeat;
    width:287px;
    height:80px;
}

.nav2 a:hover {
    background:url(../images/order_now_rollover.gif) 0 0px no-repeat;
    width:287px;
    height:80px;
}

#ordernow .nav2 a
{
    background:url(../images/order_now_click.gif) 0 0px no-repeat;
    width:287px;
    height:80px;
}

.nav3 a, .nav3 a:visited {
	background-image:url(../images/offers_normal.gif);
	/*background-color:#996633;*/
	background-repeat:no-repeat;
    width:294px;
    height:80px;
}

.nav3 a:hover {
    background:url(../images/offers_rollover.gif)0 0px no-repeat;
    width:294px;
    height:80px;
}

#offers .nav3 a
{
    background:url(../images/offers_click.gif) 0 0px no-repeat;
    width:294px;
    height:80px;
}

.nav4 a, .nav4 a:visited {
	background-image:url(../images/login_normal.gif);
	/*background-color:#99FF66;*/
	background-repeat:no-repeat;
    width:294px;
    height:80px;
}

.nav4 a:hover {
    background:url(../images/login_rollover.gif) 0 0px no-repeat;
    width:294px;
    height:80px;
}

#login .nav4 a
{
    background:url(../images/login_click.gif) 0 0px no-repeat;
    width:294px;
    height:80px;
}

/* end top menu */

/* Content Structure */

#Center-Content
{
	width:1200px;
	height:700px;
	padding:0px;
	margin:0 auto;
	position: relative;
	background-color:transparent;
	float:left;
}

#Center-Content-left-menu
{
	width:297px;
	height:700px;
	padding:0px;
	margin:0 auto;
	position: relative;
	background-color:transparent;
	float:left;

}
#Center-Content-left-menu ul
{
	list-style:none;
    margin: 0px 0 0 0px;
    padding:0;
	margin-top:75px;
}
#Center-Content-left-menu ul li
{
	margin-top:15px;
	list-style-image:none;
}

#Center-Content-left-menu ul li a {
    overflow:hidden;
    text-indent:-9999em;
    display:list-item;
    margin-right:20px;
	border-width:0;
	height:79px;
}

.left-nav1 a, .left-nav1 a:visited {
	background-image:url(../images/who-normal.gif);
	background-repeat:no-repeat;
    width:70px;
    height:25px;
}
.left-nav1 a:hover {
    background:url(../images/who-rollover.gif) 0 0px no-repeat;
    width:70px;
    height:25px;
}
.left-nav1 a:active {
    background:url(../images/who-active.gif) 0 0px no-repeat;
    width:70px;
    height:25px;
}
#who .left-nav1 a
{	
    background:url(../images/who-big.gif) 0 0px no-repeat;
    width:297px;
    height:79px;
}

.left-nav3 a, .left-nav3 a:visited {
	background-image:url(../images/how-normal.gif);
	background-repeat:no-repeat;
    width:70px;
    height:25px;
}
.left-nav3 a:hover {
    background:url(../images/how-rollover.gif) 0 0px no-repeat;
    width:70px;
    height:25px;
}
.left-nav3 a:active {
    background:url(../images/how-active.gif) 0 0px no-repeat;
    width:70px;
    height:25px;
}
#how .left-nav3 a
{	
    background:url(../images/how-big.gif) 0 0px no-repeat;
    width:297px;
    height:79px;
}

.left-nav2 a, .left-nav2 a:visited {
	background-image:url(../images/what-normal.gif);
	background-repeat:no-repeat;
    width:70px;
    height:25px;
}
.left-nav2 a:hover {
    background:url(../images/what-rollover.gif) 0 0px no-repeat;
    width:70px;
    height:25px;
}
.left-nav2 a:active {
    background:url(../images/what-active.gif) 0 0px no-repeat;
    width:70px;
    height:25px;
}
#what .left-nav2 a
{	
    background:url(../images/what-big.gif) 0 0px no-repeat;
    width:297px;
    height:79px;
}

.left-nav4 a, .left-nav4 a:visited {
	background-image:url(../images/where-normal.gif);
	background-repeat:no-repeat;
    width:70px;
    height:25px;
}
.left-nav4 a:hover {
    background:url(../images/where-rollover.gif) 0 0px no-repeat;
    width:70px;
    height:25px;
}
.left-nav4 a:active {
    background:url(../images/where-active.gif) 0 0px no-repeat;
    width:70px;
    height:25px;
}
#where .left-nav4 a
{	
    background:url(../images/where-big.gif) 0 0px no-repeat;
    width:297px;
    height:79px;
}

#Center-Content-right-area
{
	width:903px;
	height:600px;
	padding:0px;
	margin:0 auto;
	position: relative;
	background-color:transparent;
	float:right;
}

#content-top-spacer
{
	width:903px;
	height:30px;
	background-color:transparent;
}
/* End Content Structure */


/* Footer */

#footer
{
	width:903px;
	text-decoration:none;
	text-transform:uppercase;
	position:relative;
	float:left;
}
#footer a
{
	overflow:hidden;
    margin-right:10px;
	margin-left:10px;
	border-width:0;
	color:#33CCFF;
	text-decoration:none;
	text-transform:uppercase;
}
/* End  Footer */


/* Home Content */
#content-home
{
	width:903px;
	height:600px;
	padding-left:0px;
	margin:0 auto;
	position: relative;
	background-color:transparent;
	float:right;
	vertical-align:top;
	font-size:16px;
	font-weight:lighter;
}
.hr
{
	background-color:#000099;
}

#home-casestudies
{
	width:288px;
	background-color:transparent;
	font-size:12px;
	color:#000000;
	float:left;
}
#home-recentclient
{
	width:292px;
	background-color:transparent;
	font-size:12px;
	color:#000000;
	float:right;
}

/* End home Content */

/* Who Content */
#Content-Who
{
	width:903px;
	height:600px;
	padding-left:0px;
	margin:0 auto;
	position: absolute;
	background-color:transparent;
	float:right;
/*	vertical-align:top;*/
	font-size:10px; 
}
/* End Who Content */


/* Tabs */
#Tab-Main {
	padding-right: 5px;
	position: relative;
	width: 903px;
	height: 600px;
	float: left;
}



#Tab-Main-Menu {
	position: relative;
	width: 903px;
	height: 88px;
	float: left;
}
#Tab-Main-Menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height:88px;
	color:white;
	font-size:12px;
	text-align:left;
	white-space:normal;
	color:#666666;
}
#Tab-Main-Menu ul li {
	width: 290px;
	height: 88px;
	float: left;
	padding-left:10px;

}

#Tab-Main-Menu ul li a{
    overflow:hidden;
    margin-right:0px;
	border:0;
	height:88px;
	width:290px;
	color:#999999;
	text-transform:uppercase;
}

#Tab-Main-Menu ul li a:hover {
	overflow: hidden;
	margin-right: 0px;
	border: 0;
	height: 88px;
	width: 290px;
	color: #ffcc00;
	text-transform: uppercase;

}

#Tab-Main-Menu ul li.selected {
	float: left;
	height: 88px;
	width: 290px;
	background-image: url('../images/sub-heading-bg.gif');
	background-repeat: no-repeat;
	color: #FFFFFF;
}


#Tab-Main-Menu  ul li.selected a{
	height:88px;
	width:290px;
	color:#FFF;
	text-transform:uppercase;	
}

#Tab-Main-Menu  ul li.selected a:hover {
    overflow:hidden;
    margin-right:0px;
	border:0;
	height:88px;
	width:290px;
	color:#fffb00;
	text-transform:uppercase;	
}


#Tab-Content-One-Column
{
	position:relative;
	float:left;
	background-image:url(../images/content-bg.gif);
	background-repeat:repeat-x;
	background-position:left;
	width:290px;
	height:435px;

}
#Tab-Content-Two-Column
{
	position:relative;
	float:left;
	background-image:url(../images/content-bg.gif);
	background-repeat:repeat-x;
	background-position:left;
	width:589px;
	height:435px;

}
#Tab-Content-Three-Column
{
	position:relative;
	float:left;
	background-image:url(../images/content-bg.gif);
	background-repeat:repeat-x;
	background-position:left;
	width:898px;
	height:435px;

}
#Tab-Content-Blank
{
	width:290px;
	height:435px;
	background:transparant;
	float:left;
	position:relative;
}
#Tab-Content-Yellow-One-Column
{
	width:270px;
	height:425px;
	margin:5px 5px 5px 5px ;
	background-image:url(../images/tab-content-yellow-bg.gif);
	background-repeat:repeat-x;
	float:right;
	position:relative;
	font-size:14px;
	color:#000000;
	padding-left:5px;
}
#Tab-Content-Yellow-Two-Column
{
	width:592px;
	height:425px;
	margin:5px 5px 5px 5px ;
	background-image:url(../images/tab-content-yellow-bg.gif);
	background-repeat:repeat-x;
	float:right;
	position:relative;
	font-size:14px;
	color:#000000;
	padding-left:5px;
}

#Sub-Menu 
{
	background-color:transparent;
	padding-left:10px;
	padding-top:100px;
	text-transform:uppercase;
}

#Sub-Menu ul
{
	list-style:none;
    margin: 0px 0 0 0px;
    padding:0;
}

#Sub-Menu ul li
{
	margin-top:15px;
	list-style-image:none;
}
#Sub-Menu ul li a {
    overflow:hidden;
    display:list-item;
    margin-right:20px;
	border-width:0;
	color:white;
}

#Sub-Menu ul li a:hover {
	color:#fff900;
}
#Tab-Content-Right-Shadow {
	background-image: url('../images/content-bg-right-shadow.gif');
	background-repeat: no-repeat;
	background-position: top;
	position: relative;
	width: 5px;
	height: 437px;
	float: left;
}

/* End Tabs */