@charset "utf-8";
/******************************************************************
***   Global Settings   ***
*******************************************************************/
/*
-------------------------------------------------
@Encoding			= charset "utf-8"
-------------------------------------------------
@Css Version		= Css Level 2
-------------------------------------------------
@Copyright			= Copyright 2008-2009, 
-------------------------------------------------
@Language			= en
-------------------------------------------------
@Author				= http://seedsolutions.co.in/ 
-------------------------------------------------
@Link				= http://seedsolutions.co.in/ 
-------------------------------------------------

*/

/*********************************************************************
***   Body Class Starts Here   ***
**********************************************************************/

/***** Global Selectors *****/
	
* {
	margin:0;
	border:0;
	padding:0;
}
html, body {
	margin:0;
	padding:0;
}
body {
	font-family: Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	background: #FFFFFF url(../images/body_bg.jpg) top repeat-x;
}


/********** Headings **********/


h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;
}
/***** Common Formatting *****/

img {
	border:0;
}


/***** Global Classes *****/

.clear {
	clear:both;
}
.noindent {
	margin-left:0;
	padding-left:0;
}
.nobullet {
	list-style:none;
	list-style-image:none;
}
.error {
	color:#FF0000;
	font-size:10px;
}
.smallfont {
	font-size:10px;
}


/* ---------------***  	Wrapper    *** ------------- */


#bodypagebg {		       			/* site center align */
	text-align: center;
	width: 890px;
	margin: 0px auto 0 auto;
	height:auto;
}
#wrapper {	                         /* Main Outer Fix  */
	width:890px;
	position: relative;
	top: 0;
	left: 0;
	margin: 0 auto;
	text-align: center;
}
/************************************************************************
*** Body Class Ends Here ***
*************************************************************************/


/*************************************************************************
*** Header Class Starts Here ***
**************************************************************************/


/*  header Starts here */

#header{
background:url(../images/header.jpg) top no-repeat;
height:248px;
float:left;
width:890px;
}

.top_logo{
float:right;
margin-top:7px;
width:100%;
text-align:right;
}

/* Menu Class Start Here */


.header_text{
font-size:36px;
font-weight:bold;
float:right;
width:43%;
margin-left:300px;
color:#000000;
text-align:left;
margin-top:12px;
}

.header_text p{
font-size:16px;
}

.header_button{
float:right;
width:43%;
padding-left:200px;
margin-top:10px;
text-align:left;
}

a.find_out{
background:url(../images/button01.png);
width:132px;
color:#FFFFFF;
font-family:"Myriad Pro";
font-size:14px;
height:27px;
display:block;
float:left;
text-align:center;
line-height:25px;
text-decoration:none;
margin-right:10px;
}

a.get_qoute{
background:url(../images/button02.png) no-repeat;
width:121px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
height:27px;
display:block;
line-height:26px;
text-align:left;
padding-left:11px;
text-decoration:none;
float:left;

}



#outer {margin-top:54px; float:left; height:60px; width:890px; text-align:left;} /* margin for this demo only */

#point {display:table; padding:0; margin:0; list-style:none; float:left; }
#point li {display:table-cell; margin:0; padding:0; text-align:left; }
#point li a span{font-size:10px; font-weight:normal; background:#FFffff; display:block;}

#point li a {float:left; font-size:16px; letter-spacing:1px; padding:0px 40px 30px 0px; text-decoration:none; color:#000000; font-weight:bold;}
#point li a:hover, #point li a.current{
/*background: url(../images/arrow.gif) no-repeat center bottom;*/
background-position:30% 42px;
color:#009de8;
}

* html #point li a:hover, #point li a.current{
/*background: url(../images/arrow.gif) no-repeat center bottom;*/
background-position:30% 40px;
color:#009de8;
}



/* Menu Class End Here */

/*  header  Ends here */


/****************************************************************************
*** Header Class Ends Here ***
******************************************************************************/

/*****************************************************************************
*** Content Class Starts Here ***
******************************************************************************/


/* ---------***Left Panel Starts Here*** ----------- */

* html .left_panel{
float:left;
width:278px;
margin-top:11px;
}

.left_panel{
float:left;
width:278px;
margin-top:50px;
}

.pink{
font-size:33px;
color:#f0057f;
text-align:left;
font-weight:bold;
}

.left_blue{
font-size:20px;
color:#009de8;
text-align:left;
font-weight:bold;
margin-top:10px;
}

.view_online_portfolio{
margin-top:18px;
}

a em{
display: block;
float: left;
background: url(../images/button_left.jpg) no-repeat;
width: 15px;
height: 45px;
cursor:pointer;
}
a i{
display: block;
float: left;
background: url(../images/button_Bg.jpg) repeat-x;
height: 45px;
cursor:pointer;
line-height:45px;
color:#302e2e;
text-decoration:none;
font-size:17px;
padding:0px 15px;
font-weight:bold;
font-style:normal;
}
a b{
display: block;
float: left;
background: url(../images/button_right.jpg) no-repeat;
width: 15px;
height: 45px;
cursor:pointer;
} 


/* ---------***Left Panel Ends Here*** -------------- */


/* ---------*** Right Panel Starts Here*** ----------- */

* html .right_panel	{
float:left;
width:577px;
margin-top:11px;
text-align:left;
margin-left:35px;
}

.right_panel{
float:left;
width:577px;
text-align:left;
margin-top:50px;
margin-left:35px;
}

.heading{
font-size:17px;
color:#302e2e;
font-weight:bold;
text-align:left;
}

a.view_full_portpolio span{
font-size:18px;
}

a.view_full_portpolio{
font-size:15px;
text-decoration:none;
color:#302e2e;
font-weight:bold;
line-height:22px;
}

a:hover.view_full_portpolio{
font-size:15px;
text-decoration:underline;
color:#302e2e;
font-weight:bold;
line-height:22px;
}

.work_portpolio{
float:left;
margin-top:20px;
width:100%;
}

.work_portpolio_icons{
float:left;
}

.work_portpolio_text{
float:left;
width:220px;
height:35px;
padding-top:8px;
font-size:13px;
font-weight:bold;
margin-left:11px;
color:#f0057f;
}



/* ---------*** Right Panel Ends Here*** -------------- */

/* ---------*** Pages class Start Here*** -------------- */


* html .page_panel{
float:left;
width:790px;
margin-top:15px;
text-align:left;
margin-left:52px;
}

.page_panel{
float:left;
width:790px;
text-align:left;
margin-top:54px;
margin-left:105px;
}

.page_text{
font-size:17px;
margin-top:10px;
}

.design_site{
float:left;
width:100%;
height:267px;
border-bottom:1px solid #cdcdcd;
margin-top:20px;

}

.design_site_img{
float:left;
width:433px;;
}

.design_site_right_text{
float:left;
margin-left:15px;
width:340px;
}

.pink_heading{
font-size:16px;
color:#e8006d;
font-weight:bold;
}

.blue_heading{
font-size:16px;
color:#009de8;
font-weight:bold;
}

.sub_page_text{
font-size:12px;
margin-top:10px;
color:#959595;
}


* html .portfolio_pannel{
float:left;
width:890px;
margin-top:20px;
}

.portfolio_pannel{
float:left;
width:890px;
margin-top:54px;
}

* html .quote_page{
float:left;
width:890px;
margin-top:15px;
text-align:left;
}

.quote_page{
float:left;
width:890px;
text-align:left;
margin-top:54px;
}

.quote_left{
float:left;
text-align:right;
width:93px;
padding-top:80px;
line-height:28px;
color:#009de8;
font-size:12px;
padding-right:10px;
}

.common{
float:left; width:100%;
}

.detail01{
float:left; width:480px; margin-top:4px;
}

.fieldHeading{
float:left; width:99px; text-align:right;color:#009de8; font-size:12px; line-height:20px;
}
.fieldInput{
float:left; width:365px; text-align:left; padding-left:5px;
}

.quote_left_contact{
float:left;
text-align:right;
width:93px;
color:#009de8;
font-size:12px;
padding-right:10px;
}

.quote_right{
float:left;
width:787px;
}

.text_box_outer{
height:29px;
}

.text_box{
border:1px solid #393738;
width:357px;
padding-left:5px;
height:20px;
line-height:20px;
}

.textarea_outer{
height:80px;
}

.textarea{
border:1px solid #393738;
width:357px;
padding-left:5px;
height:80px;
line-height:20px;
}

a.urlLink{
font-size:14px;
color:#009de8;
text-decoration:none;
}

a:hover.urlLink{
color:#009de8;
text-decoration:underline;
}

.pink_sub_heading{
color:#e8006d;
font-size:14px;
}

.submit_outer{
float:left;
text-align:right;
margin-top:8px;
width:363px;
}


.submit{
background:url(../images/submite.jpg);
width:132px;
height:27px;
color:#302e2e;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
cursor:pointer;
}

#portfolioMenu{
float:left; background:url(../images/portfolioMenu.jpg) no-repeat; width:890px; height:49px;
}

#portfolioPage{
float:left; width:100%; margin-top:19px;
}

.portfolio01{
float:left; width:431px; text-align:left; margin-bottom:10px;
}

.portfolio02{
float:right; width:431px; text-align:left; margin-bottom:10px;
}

.portfolio_text{
font-size:14px;
margin-top:10px;
color:#959595;
text-align:left;
font-weight:800;
}

#downloadPage{
float:left; width:100%; margin-top:70px;
}

#apDiv1 {
	position:absolute;
	width:180px;
	height:178px;
	z-index:1;
	top:0;
	left:0;
}

#menua {
}
#menua a.vmenu, #menua a.hmenu, #menua a.hmenu:link #menua a.hmenu:visited {
	display:block;
	width:auto;
	height:49px;
	color:#fff;
	font-weight:bold;
	font-size:17px;
	text-decoration:none;
	text-align:center;
	line-height:49px;
}
#menua a.hmenu, #menua a.hmenu:link, #menua a.hmenu:visited {
	float:left;
}
#menua a.hmenu:hover {
	background:url(../images/portfolioHM.jpg) repeat-x;
	color:#302e2e;
}
#menua a.active {
	background: url(../images/portfolioHM.jpg) repeat-x;
	color:#302e2e;
}
#menua {
	height:49px;
}
#menua:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}
#menua a b {
	background:url(../images/portfolioHL.jpg) no-repeat;
	width:7px;
	height:49px;
}
#menua a span {
	padding:0px 19px;
}
#menua a:hover b {
	background:url(../images/portfolioHL.jpg) no-repeat;
	width:7px;
	height:49px;
}
#menua a b .active001 {
	background:url(../images/portfolioHL.jpg) no-repeat;
	width:7px;
	height:49px;
}




/* ---------*** Pages class Ends Here*** -------------- */


/********************************************************************************
*** Content  Class Ends Here ***
*********************************************************************************/


/*********************************************************************************
*** Footer Class Starts Here ***
**********************************************************************************/

#footer_bg {
float:left;
width:100%;
height:333px;
background:url(../images/footer_bg.gif) bottom repeat-x;
}

#footer {
float:left;
width:100%;
height:333px;
background: url(../images/footer.gif) top no-repeat;
}

#footerpagebg {		       			/* site center align */
	text-align: center;
	width: 890px;
	margin: 0px auto 0 auto;
	height:auto;
}
#footerwrapper {	                         /* Main Outer Fix  */
	width:890px;
	position: relative;
	top: 0;
	left: 0;
	margin: 0 auto;
	text-align: center;
}


.footer_left {
margin-top:30px;
float:left;
width:325px;
text-align:left;
color:#c8c8c8;
}

.footer_heading {
font-size:31px;
color:#c8c8c8;
}

.footer_text {
font-size:14px;
margin-top:10px;
line-height:19px;
}

a.mail{
font-size:14px;
color:#c8c8c8;
text-decoration:none;
}

a:hover.mail{
font-size:14px;
color:#c8c8c8;
text-decoration:underline;
}

.Newsletter{
margin-top:10px;
}

.Newsletter_btn{
background:url(../images/newsletter.png);
width:132px;
height:27px;
}


.footer_center {
margin-top:30px;
float:left;
width:310px;
text-align:left;
color:#c8c8c8;
}

.footer_right {
margin-top:30px;
float:left;
width:250px;
text-align:left;
color:#c8c8c8;
}


.copyright{
float:left;
width:100%;
color:#c8c8c8;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
margin-top:22px;
}

/**********************************************************************************
*** Footer  Class Ends Here ***
***********************************************************************************/