*{margin:0px;padding:0px;border:none;}
a:focus{outline:none;}
body
{
	background:url(../images/body-bg.gif) repeat-x top;
	font:12px "arial";
	color:#000;
}

h1{float:left;font-size:14px;color:#f8c301;height:30px;text-transform:uppercase;}
h1 a{text-decoration:none;color:#F8C301;}
h1 a:hover{color:#01A0E2;}
a.yellow-link, a.green-link, a.blue-link, a.pink-link
{
	font-weight:bold;
	text-decoration:none;
	color:#F8C301;
}
a.green-link
{
	color:#9EC917;
}
a.blue-link
{
	color:#01A0E2;
}
a.pink-link
{
	color:#DD127B;
}
a.black-link
{
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
a.black-link:hover
{
	color:#9EC917;
}
a.yellow-link:hover, a.green-link:hover, a.blue-link:hover, a.pink-link:hover
{
	text-decoration:none;
	color:#000;
}
a.link-1
{
	float:right;
	font-weight:bold;
	color:#01a0e0;
	text-decoration:none;
	padding-top:20px;
	width:auto;
}
a.link-1:hover
{
	color:#000;
}
a.read-more
{
	float:right;
	width:auto;
	padding:2px 5px 2px 5px;
	background:#e5f5fc;
	color:#727A7E;
	text-decoration:none;
}
a.read-more:hover
{
	color:#000;
}

/*float classes*/
.left{float:left;}
.right{float:right;}
.clr{clear:both;}

/*Layout classes*/

/*==========main container starts here==========*/
#main_container
{
	margin:auto;
	width:968px;
}

.alpha {
background:url("/images/alpha.gif") no-repeat scroll 0 0 transparent;
height:54px;
position:absolute;
right:0;
top:0;
width:54px;
}

/*=====header=====*/
.header
{
	float:left;
	width:100%;
}
a.logo
{
	background:url(../images/logo.gif) no-repeat top left;
	float:left;
	height:153px;
	width:306px;
}
.title-main
{
	float:right;
	height:153px;
	width:650px;
}
.title-main a.blog
{
	float:right;
	height:23px;
	width:60px;
	background:url(../images/blog-link-bg.gif) no-repeat bottom;
	text-align:center;
	color:#fff;
	line-height:25px;
	margin-top:-6px;
	font-weight:bold;
	text-decoration:none;
}
.title-main a.blog:hover
{
	color:#000;
}
.title-main h1
{
	width:100%;
	text-align:right;
	font-size:35px;
	color:#F8C301;
	text-transform:none;
	font-weight:normal;
	padding-top:30px;
}
.title-main h1 em
{
	font-size:24px;
}
/*=====header ends here=====*/

/*=====navigation=====*/
.nav-main
{
	color:#01a0e2;
	float:left;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	height:41px;
	width:100%;
}
.nav-main a
{
	color:#01a0e2;
	text-decoration:none;
}
a.nav-home, a.nav-know, a.nav-reach, a.nav-seo, a.nav-online, a.nav-webdesign, a.nav-webdevelop, a.nav-link
{
	float:left;
	height:41px;
	text-align:center;
	line-height:30px;
	margin-left:16px;
	width:67px;
	color:#01a0e2;
}
a.nav-home:hover, .nav-home-active ,a.nav-know:hover, .nav-know-active, a.nav-reach:hover, .nav-reach-active, a.nav-seo:hover, .nav-seo-active, a.nav-link:hover, .nav-link-active, a.nav-online:hover, .nav-online-active, a.nav-webdesign:hover, .nav-webdesign-active, a.nav-webdevelop:hover, .nav-webdevelop-active
{
	background:url(../images/nav-home.gif) no-repeat;
	color:#000;
	float:left;
	height:41px;
	text-align:center;
	line-height:30px;
	width:67px;
	margin-left:16px;
}
a.nav-home
{
	margin:0;
}
a.nav-home:hover, .nav-home-active
{
	margin:0;
}
a.nav-know
{
	width:88px;
}
a.nav-know:hover, .nav-know-active
{
	background:url(../images/nav-know.gif) no-repeat;
	width:88px;
}
a.nav-reach
{
	width:92px;
}
a.nav-reach:hover, .nav-reach-active
{
	background:url(../images/nav-reach.gif) no-repeat;
	width:92px;
}
a.nav-seo
{
	width:63px;
	background:none;
}
a.nav-seo:hover, .nav-seo-active
{
	background:url(../images/nav-seo.gif) no-repeat;
	width:63px;
}
a.nav-link
{
	width:118px;
	background:none;
}
a.nav-link:hover, .nav-link-active
{
	background:url(../images/nav-linkb.gif) no-repeat;
	width:118px;
}
a.nav-online
{
	width:153px;
	background:none;
}
a.nav-online:hover, .nav-online-active
{
	background:url(../images/nav-online.gif) no-repeat;
	width:153px;
}
a.nav-webdesign
{
	width:109px;
	background:none;
}
a.nav-webdesign:hover, .nav-webdesign-active
{
	background:url(../images/nav-webdes.gif) no-repeat;
	width:109px;
}
a.nav-webdevelop
{
	width:158px;
	background:none;
}
a.nav-webdevelop:hover, .nav-webdevelop-active
{
	background:url(../images/nav-webdeve.gif) no-repeat;
	width:158px;
}
/*=====navigation ends here=====*/

/*=====content main starts here=====*/
#content_main
{
	float:left;
	width:968px;
	padding-top:8px;
}

/*left panel*/
#content_main .left-panel
{
	float:left;
	width:215px;
	border:solid #fff;
	border-width:0 10px 0 0;
}
#content_main .left-panel .client
{
	float:left;
	width:215px;
}
#content_main .left-panel .testimonial
{
	background:url(../images/testimonial-quotes.gif) no-repeat 5px 5px;
	float:left;
	width:210px;
	text-align:justify;
	text-indent:20px;
	cursor:pointer;
	padding:5px;
}
#content_main .left-panel .testimonial:hover
{
	background-color:#E5F5FC;
}
#content_main .left-panel .testimonial a
{
	text-decoration:none;
	color:#000;
	font-weight:bold;
	padding:0 25px 10px 10px;
	height:30px;
	background:url(../images/hand-icon.gif) no-repeat right;
}
#content_main .left-panel .testimonial a:hover
{
	color:#000;
}
#content_main .left-panel .information
{
	float:left;
	width:215px;
	padding-top:20px;
}
#content_main .left-panel .information ul
{
	float:left;
}
#content_main .left-panel .information ul li
{
	list-style-type:none;
}
#content_main .left-panel .information ul li a
{
	width:210px;
	height:50px;
	display:block;
	background:url(../images/dvd.gif) no-repeat center bottom;
	list-style-type:none;
	text-decoration:none;
	color:#000;
	padding:5px 0 0 2px;
}
#content_main .left-panel .information ul li a:hover
{
	background:#E5F5FC;
}
#content_main .left-panel .information .article
{
	float:left;
	width:215px;
}


/*right panel*/
#content_main .right-panel
{
	float:right;
	width:734px;
}
#content_main .right-panel .right-panel-inner
{
	float:right;
	width:734px;
}
/*work panel*/
#content_main .right-panel .work
{
	float:left;
	width:734px;
}
a.work-box-1, a.work-box-2, a.work-box-3
{
	float:left;
	width:218px;
	border:4px solid #e5f5fc;
}
a.work-box-1:hover ,a.work-box-2:hover, a.work-box-3:hover
{
	border:4px solid #f8c301;
}
a.work-box-3
{
	float:right;
}
a.work-box-2
{
	margin-left:28px;
}
/*welcome panel*/
#content_main .welcome
{
	text-align:justify;
	padding:30px 0 25px 0;
	letter-spacing:1px;
	line-height:17px;
}
#content_main .right-panel .welcome p
{
	padding:0 0 15px 0;
	width:100%;
}
a.crayon, a.crayon-small
{
	background:url(../images/crayon.gif) no-repeat;
	color:#01A0E2;
	font-weight:bold;
	font-size:14px;
	float:right;
	height:32px;
	padding:10px 0 0 100px;
	letter-spacing:normal;
	text-decoration:none;
	width:159px;
	text-align:left;
	font-family:arial;
}
a.crayon:hover
{
	background:url(../images/crayon-over.gif) no-repeat;
	color:#000;
}

a.crayon-small
{
	background:url(../images/crayon-small.gif) no-repeat;
	height:30px;
	padding:8px 0 0 85px;
	width:125px;
	font-size:13px;
	float:left;
	margin-top:35px;
}
a.crayon-small:hover
{
	background:url(../images/crayon-small-over.gif) no-repeat;
	color:#000;
}

/*==========service panel==========*/
.service-panel-main
{
	float:left;
	width:968px;
	padding-bottom:20px;
}
.service-box-1
{
	padding-right:27px;
}
.service-box-1, .service-box-2, .service-box-3, .service-box-4
{
	float:left;
	width:305px;
}
.service-box-4
{
	border-width:0 0 0 0;
	float:right;
}
.service-box-bar
{
}
.service-box-content
{
	background:url(../images/service-bg.gif) repeat-x;
	padding:15px 10px 10px 10px;
	text-align:justify;
	line-height:21px;
	height:90px;
}
.service-box-arrow-yellow, .service-box-arrow-green, .service-box-arrow-blue, .service-box-arrow-pink
{
	background:url(../images/yellow-arrow.gif) no-repeat center top;
	height:11px;
}
.service-box-arrow-green
{
	background:url(../images/green-arrow.gif) no-repeat center top;
}
.service-box-arrow-blue
{
	background:url(../images/blue-arrow.gif) no-repeat center top;
}
.service-box-arrow-pink
{
	background:url(../images/pink-arrow.gif) no-repeat center top;
}
.service-box-1 h1, .service-box-2 h1, .service-box-3 h1, .service-box-4 h1
{
	height:35px;
	text-align:center;
	line-height:35px;
	color:#fff;
	font-size:15px;
	background-color:#f8c301;
	text-transform:capitalize;
	float:none;
}
.service-box-2 h1
{
	background-color:#9ec917;
}
.service-box-3 h1
{
	background-color:#01a0e2;
}
.service-box-4 h1
{
	background-color:#01a0e2;
}

/*=====footer panel=====*/
.footer-panel
{
	float:left;
	width:100%;
	border-top:1px solid #C9C9C9;
	background:#E5F5FC;
}
.footer-panel-inner
{
	margin:auto;
	width:968px;
	height:60px;
	line-height:40px;
	text-align:right;
	font-size:11px;
}
.footer-panel-inner span
{
	float:left;
	width:300px;
	text-align:left;
}
.footer-panel-inner a.valid
{
	float:left;
	width:auto;
	background:url(../images/valid-check.gif) no-repeat right;
	padding:0 27px 0 10px;
}
.footer-panel-inner .copyright
{
	float:right;
}
.footer-panel-inner a
{
	color:#666666;
	text-decoration:none;
}
.footer-panel-inner a.reach
{
	border-bottom:1px dotted;
	margin:0 8px;
	color:#DD127B;
}
.footer-panel-inner a:hover
{
	color:#000;
}

/*==========main container ends here==========*/



/*==========Services pages starts here==========*/
/*=====service banner=====*/
.service-banner
{
	background:url(../images/services-banner-bg.gif) repeat-x;
	border:1px solid #e5f5fc;
	float:left;
	height:65px;
	width:732px;
}
.services-banner-yellow, .services-banner-green, .services-banner-blue, .services-banner-pink
{
	background:url(../images/services-arrow-yellow.gif) no-repeat 200px 0;
	float:left;
	height:65px;
	width:732px;
}
.services-banner-green
{
	background:url(../images/services-arrow-green.gif) no-repeat 200px 0;
}
.services-banner-blue
{
	background:url(../images/services-arrow-blue.gif) no-repeat 200px 0;
}
.services-banner-pink
{
	background:url(../images/services-arrow-pink.gif) no-repeat 200px 0;
}
.service-banner h2
{
	float:left;
	height:65px;
	width:300px;
	line-height:65px;
	font-family:georgia;
	font-size:30px;
	font-weight:normal;
	padding-left:20px;
}
.services-banner-yellow h1, .services-banner-green h1, .services-banner-blue h1, .services-banner-pink h1
{
	height:65px;
	line-height:65px;
	font-family:georgia;
	font-size:30px;
	font-weight:normal;
	width:380px;
	padding:0px;
	color:#F8C301;
	text-transform:capitalize;
}
.services-banner-green h1
{
	color:#9EC917;
}
.services-banner-blue h1
{
	color:#01A0E2;
}
.services-banner-pink h1
{
	color:#DD127B;
}
/*=====service banner ends=====*/
.service-content-yellow, .service-content-green, .service-content-blue, .service-content-pink
{
	float:left;
	width:734px;
	padding:25px 0 15px 0px;
	text-align:justify;
}
.service-content-yellow h1, .service-content-green h1, .service-content-blue h1, .service-content-pink h1
{
	width:734px;
	font-size:16px;
}
.service-content-green h1 
{
	color:#9EC917;
}
.service-content-blue h1 
{
	color:#01A0E2;
}
.service-content-pink h1 
{
	color:#DD127B;
}
.service-content-yellow h2, .service-content-green h2, .service-content-blue h2, .service-content-pink h2
{
	width:734px;
	float:left;
	font-size:13px;
	height:35px;
}
.service-content-yellow p, .service-content-green p, .service-content-blue p, .service-content-pink p
{
	float:left;
	width:734px;
	letter-spacing:1px;
	padding:0 0 20px 0;
}
ul#sevice-yellow
{
	float:left;
	width:734px;
	padding-bottom:20px;
}
ul#sevice-yellow li
{
	float:left;
	width:704px;
	height:20px;
	line-height:20px;
	list-style-type:none;
	background:url(../images/yellow-dot.gif) no-repeat 0 6px;
	padding-left:30px;
}
ul#sevice-green, ul#sevice-green1 
{
	float:left;
	width:734px;
	padding-bottom:20px;
}
ul#sevice-green li, ul#sevice-green1 li
{
	float:left;
	width:704px;
	height:20px;
	line-height:20px;
	list-style-type:none;
	background:url(../images/green-dot.gif) no-repeat 0 6px;
	padding-left:30px;
}
ul#sevice-blue
{
	float:left;
	width:734px;
	padding-bottom:20px;
}
ul#sevice-blue li
{
	float:left;
	width:704px;
	height:20px;
	line-height:20px;
	list-style-type:none;
	background:url(../images/blue-dot.gif) no-repeat 0 6px;
	padding-left:30px;
}
ul#sevice-pink
{
	float:left;
	width:734px;
	padding-bottom:20px;
}
ul#sevice-pink li
{
	float:left;
	width:704px;
	height:20px;
	line-height:20px;
	list-style-type:none;
	background:url(../images/pink-dot.gif) no-repeat 0 6px;
	padding-left:30px;
}
/*==========Services pages ends here==========*/


/*==========Reach Us starts here==========*/
.reach-us-main
{
	float:left;
	width:734px;
	padding:20px 0 20px 0;
}
.reach-us-main h1, .reach-us-main h2
{
	float:left;
	font-family:Georgia;
	font-size:18px;
	font-weight:normal;
	color:#9EC917;
	text-transform:none;
	width:734px;
}
.reach-us-main h2
{
	font-family:arial;	
	font-size:17px;
	color:#000;
	height:50px;
}
a.twitter, a.squidoo
{
	float:left;
	width:80px;
	height:41px;
	background:url(../images/twitter.gif) no-repeat;
	line-height:41px;
	color:#999999;
	font-weight:bold;
	padding-left:56px;
	font-size:13px;
	margin-bottom:15px;
	text-decoration:none;
}
a.squidoo
{
	background:url(../images/skidoo.gif) no-repeat;
}
a.twitter:hover, a.squidoo:hover
{
	color:#000;
}
.form-panel
{
	float:left;
	width:734px;
	padding: 30px 0 30px 0;
}
.form-panel fieldset
{
	float:left;
	width:700px;
	height:auto;
}
.form-panel .form-row
{
	float:left;
	width:700px;
	height:40px;
}
.form-panel .form-row-1
{
	float:left;
	width:700px;
	height:100px;
}
.form-panel label
{
	float:left;
	width:140px;
	height:30px;
	font-size:13px;
	color:#999;
}
.form-panel .alert
{
	float:left;
	width:240px;
	height:30px;
	font-size:12px;
	color:red;
	padding-left:10px;
	line-height:22px;
	display:none;
}
.form-panel input
{
	float:left;
	width:250px;
	height:20px;
	border:1px solid #CCCCCC; 
	padding-top:5px;
}
.form-panel textarea
{
	float:left;
	width:250px;
	height:80px;
	border:1px solid #CCCCCC;
}
.form-panel button
{
	float:left;
	width:auto;
	height:auto;
	background:#9EC917;
	padding:3px 7px 3px 7px;
	color:#fff;
	font-weight:bold;
	border-right:4px solid #fff;
}

.get-in-touch
{
	float:left;
	width:215px;
	padding:10px 0 15px 0;
}

.get-in-touch fieldset
{
	float:left;
	width:210px;
	padding-bottom:10px;
}
.get-in-touch label
{
	float:left;
	width:50px;
	height:20px;
	line-height:20px;
	color:#999999;
}
a.get-in-touch-id
{
	float:left;
	width:auto;
	height:20px;
	line-height:20px;
	border-bottom:1px dashed #F8C301;
	color:#000;
	text-decoration:none;
}
a.get-in-touch-id:hover
{
	background:#F8C301;
	color:#000;
}
/*==========Reach Us ends here==========*/

a.crayon-yellow, a.crayon-green, a.crayon-blue, a.crayon-pink
{
	float:left;
	width:196px;
	height:39px;
	background:url(../images/crayon-yellow.gif) no-repeat;
	padding:9px 0 0 15px;
	color:#000;
	text-transform:none;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
	margin: 20px 0 50px 0;
	letter-spacing:-1px;
}
a.crayon-green
{
	background:url(../images/crayon-green.gif) no-repeat;
}
a.crayon-blue
{
	background:url(../images/crayon-blue.gif) no-repeat;
}
a.crayon-pink
{
	background:url(../images/crayon-pink.gif) no-repeat;
}
a.crayon-yellow:hover, a.crayon-green:hover, a.crayon-blue:hover, a.crayon-pink:hover
{
	color:#fff;
}



/*==========Testimonials page starts here==========*/

.testimonials-main
{
	float:left;
	width:968px;
	padding:0 0 20px 0;
	font-family:verdana;
	letter-spacing:normal;
}
.testimonials-row
{
	float:left;
	width:968px;
	padding:20px 0 20px 0;
	border-bottom:1px dashed #CCCCCC;
}
.testimonials-row h1, .testimonials-row h2
{
	float:left;
	height:30px;
	width:968px;
	font-size:20px;
	font-weight:normal;
	font-family:georgia;
	color:#9EC917;
	text-transform:none;
}
.testimonials-row h2
{
	font-size:13px;
	width:968px;
	font-family:arial;
	font-weight:bold;
	color:#000;
}
.testimonials-row .project-desc
{
	float:left;
	width:660px;
}
.testimonials-row .project-img
{
	float:right;
	width:300px;
	text-align:right;
}
.testimonials-row .project-img a
{
	float:right;
	padding:0;
}
.testimonials-row p
{
	float:left;
	width:660px;
	text-align:justify;
	letter-spacing:normal;
	padding:0 0 20px 0;
}
.testimonials-row a
{
	padding:0 0 15px 0;
	color:#01A0E2;
	text-decoration:none;
	display:block;
	float:left;
}
.testimonials-row a:hover
{
	color:#000;
}
.client-says
{
	background:url(../images/client-says-bg.gif) repeat-x;
	border:1px solid #e5f5fc;
	float:left;
	height:49px;
	width:293px;
}
.client-says-img
{
	float:left;
}
.client-name
{
	float:right;
	width:170px;
	height:49px;
	background:url(../images/client-says-arrow.gif) no-repeat left;
	padding:0 0 0 50px;
	line-height:49px;
	font-size:25px;
	color:#F8C301;
	font-family:georgia;
}
.client-testi
{
	float:left;
	width:660px;
	font-style:italic;
	font-family:verdana;
	background:url(../images/testimonial-quotes.gif) no-repeat 0 20px;
	text-indent:20px;
	text-align:justify;
	color:#747373;
	padding-top:20px;
}
.client-testi .name
{
	font-style:normal;
	color:#000;
}


/*==========Know us==========*/
.knowus-main
{
	float:left;
	width:734px;
	padding:0 0 20px 0;
}
.knowus-row
{
	float:left;
	width:734px;
	padding:15px 0 10px 0;
	
}



.knowus-row h1, .knowus-row h2, .knowus-row h3, .knowus-row h4
{
	float:left;
	width:734px;
	height:25px;
	font-size:13px;
	font-weight:bold;
	font-family:arial;
	color:#000;
	text-transform:none;
}
.knowus-row .us-desc
{
	float:left;
	width:734px;
}
.knowus-row .us-desc-1
{
	float:left;
	width:734px;
}
.knowus-row .us-img-panel
{
	float:right;
	width:150px;
	text-align:center;
}
.knowus-row .us-img
{
	float:right;
	text-align:left;
	background-color:#D8F0FB;
	padding:6px;
	border:1px dashed #6ecffc;
	margin-right:12px;
	
}
.knowus-row a.us-img-name
{
	float:right;
	text-align:center;
	width:137px;
	height:41px;
	background:url(../images/know-us-name-bg.gif) no-repeat;
	font-weight:bold;
	line-height:25px;
	border-bottom:10px solid #fff;
	color:#000;
	text-decoration:none;
	cursor:default;
}
.knowus-row a.us-img-name:hover
{
	background:url(../images/know-us-name-bg-over.gif) no-repeat;
	color:#fff;
}
.knowus-row .us-desc-1 p
{
	float:left;
	width:734px;
	text-align:justify;
	letter-spacing:1px;
	padding:0 0 20px 0;
}
.knowus-row p
{
	float:left;
	width:734px;
	text-align:justify;
	letter-spacing:1px;
	padding:0 0 20px 0;
}


/*========== articles pages starts here==========*/

ol#article
{
	float:left;
}
ol#article li
{
	
}
ol#article li a
{
	width:210px;
	height:25px;
	display:block;
	background:url(../images/dvd.gif) no-repeat center bottom;
	text-decoration:none;
	color:#000;
	padding:5px 0 0 2px;
}
ol#article li a:hover
{
	background:#E5F5FC;
}
.article-content-yellow, .article-content-green, .article-content-blue, .article-content-pink
{
	float:right;
	width:734px;
	padding:25px 0 15px 0px;
	text-align:justify;
}
.article-content-yellow h1, .article-content-green h1, .article-content-blue h1, .article-content-pink h1
{
	width:734px;
	font-size:16px;
}
.article-content-green h1 
{
	color:#9EC917;
}
.article-content-blue h1 
{
	color:#01A0E2;
}
.article-content-pink h1 
{
	color:#DD127B;
}
.article-content-yellow h2, .article-content-green h2, .article-content-blue h2, .article-content-pink h2
{
	width:734px;
	float:left;
	font-size:13px;
	height:25px;
	padding-top:10px;
}
.article-content-yellow p, .article-content-green p, .article-content-blue p, .article-content-pink p
{
	float:left;
	width:734px;
	letter-spacing:1px;
	padding:0 0 20px 0;
}
a.top-bn-yellow, a.top-bn-green, a.top-bn-blue, a.top-bn-pink
{
	float:right;
	width:52px;
	height:16px;
	background:url(../images/top-bn-bg.gif) no-repeat;
	text-align:center;
	padding-top:10px;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
}
a.top-bn-green
{
	background:url(../images/top-bn-bg-green.gif) no-repeat;
}
a.top-bn-blue
{
	background:url(../images/top-bn-bg-blue.gif) no-repeat;
}
a.top-bn-pink
{
	background:url(../images/top-bn-bg-pink.gif) no-repeat;
}
a.top-bn-yellow:hover, a.top-bn-green:hover, a.top-bn-blue:hover, a.top-bn-pink:hover
{
	color:#000;
}

ul#article-yellow
{
	float:left;
	width:700px;
	padding-bottom:20px;
}
ul#article-yellow li
{
	float:left;
	width:700px;
	list-style-type:none;
	background:url(../images/yellow-dot.gif) no-repeat left 3px;
	padding:0 0 10px 30px;
}
ul#article-yellow li ul
{
	padding-top:15px;
}
ul#article-yellow li ul li
{
	padding-left:0px;
	background:none;
	font-size:11px;
	color:#666;
}
ul#article-green
{
	float:left;
	width:700px;
	padding-bottom:20px;
}
ul#article-green li
{
	float:left;
	width:700px;
	height:20px;
	line-height:20px;
	list-style-type:none;
	background:url(../images/green-dot.gif) no-repeat 0 6px;
	padding-left:30px;
}
ul#article-blue
{
	float:left;
	width:700px;
	padding-bottom:20px;
}
ul#article-blue li
{
	float:left;
	width:700px;
	height:20px;
	line-height:20px;
	list-style-type:none;
	background:url(../images/blue-dot.gif) no-repeat 0 6px;
	padding-left:30px;
}
ul#article-pink
{
	float:left;
	width:700px;
	padding-bottom:20px;
}
ul#article-pink li
{
	float:left;
	width:700px;
	height:20px;
	line-height:20px;
	list-style-type:none;
	background:url(../images/pink-dot.gif) no-repeat 0 6px;
	padding-left:30px;
}

.reading-mate
{
	float:left;
	width:215px;
	padding-top:25px;
}

.testi-1
{
	width:200px;
	height:120px;
	border:1px solid red;
	display:block;
	float:left;
}


.thanks-panel
{
	margin:auto;
	width:700px;
	height:400px;
	padding:30px 0 30px 0;
}
.thanks-panel p
{
	float:left;
	width:700px;
	text-align:center;
	height:50px;
	font-weight:bold;
}
ul#sitemap
{
}
ul#sitemap li a
{
	height:25px;
	display:block;
	text-decoration:none;
	color:#000;
}
ul#sitemap li a:hover
{
	color:#999;
}
ul#sitemap-1 li a
{
	height:20px;
	font-weight:normal;
	display:block;
	text-decoration:none;
	color:#000;
}
ul#sitemap-1 li a:hover
{
	color:#999;
}

/*========== portfolio starts here ==========*/

#portfolio_main
{
	width:auto;
	text-align:center;
	padding:5px 0 60px 0px;
}
/* category */
#portfolio_main .category
{
	width:auto;
	text-align:center;
}
#portfolio_main .category .cat-links-main
{
	margin:auto;
	width:742px;
	padding:0 0 0 0;
}
#portfolio_main .category .cat-links-main h1, .cat-links-main h2
{
	float:left;
	width:210px;
	background-color:#F8C301;
	padding-left:10px;
	height:30px;
	line-height:30px;
	color:#fff;
	border-bottom:20px solid #fff;
	font-size:15px;
	text-transform:none;
}
#portfolio_main .category .cat-links-main h2
{
	background-color:#9EC917;
	border-top:30px solid #fff;
}
#portfolio_main .category .cat-links-main a.click,
#portfolio_main .category .cat-links-main a.click1,
#portfolio_main .category .cat-links-main .click-sel,
#portfolio_main .category .cat-links-main .click-sel-1
{
	text-align:center;
	height:80px;
	width:242px;
	line-height:80px!important;
	float:left;
	border-right:1px solid #E5F5FC;
	border-top:7px solid #fff;
	text-decoration:none;
	color:#888787;
	font:18px "georgia";
	padding-top:27px;
}
#portfolio_main .category .cat-links-main a.click1 
{
	border:1px solid #e5f5fc;
	border-width:0 1px;
	border-top:7px solid #fff;
}
#portfolio_main .category .cat-links-main a.click:hover,
#portfolio_main .category .cat-links-main a.click1:hover,
#portfolio_main .category .cat-links-main .click-sel,
#portfolio_main .category .cat-links-main .click-sel-1
{
	border-top:7px solid #F8C301;
	color:#000;
}
#portfolio_main .category .cat-links-main .click-sel
{
	border-left:1px solid #e5f5fc;
}
.get-in-touch-1
{
	float:left;
	width:215px;
	padding:30px 0 15px 0;
	border-top:1px dashed #9EC917;
}
#portfolio_main .category a.cat-links, .cat-links-active
{
	float:left;
	font-family:verdana;
	font-size:12px;
	color:#f8c301;
	height:20px;
	text-decoration:none;
	width:auto;
	font-weight:bold;
	clear:left;
	width:100px;
}
#portfolio_main .category a.cat-links:hover, .cat-links-active
{
	color:#01A0E2;
	/*background:url(../images/arrow.gif) no-repeat right 6px;*/
}

#portfolio_main .category .cat-arrow
{
	float:left;
	/*background:url(../images/portfolio-link-arrow.gif) no-repeat 0 3px;*/
	height:35px;
	width:110px;
	visibility:hidden;
}
.bn-panel
{
	float:right;
	width:586px;
	background:#fff;
}
a.prev, a.next
{
	float:left;
	width:25px;
	height:49px;
	margin:250px 0 0 0;
	background:url(../images/prev-bn.gif) no-repeat;
}
a.next
{
	float:right;
	background:url(../images/next-bn.gif) no-repeat;
}
a.prev:hover
{
	background:url(../images/prev-bn-over.gif) no-repeat;
}
a.next:hover
{
	background:url(../images/next-bn-over.gif) no-repeat;
}
.portfolio-panel
{
	float:left;
	width:614px;
	height:346px;
	font-family:verdana;
}
.portfolio-panel img
{
	float:left;
}
.portfolio-panel .desc
{
	float:left;
	width:100%;
	padding:10px 0 0 0;
}
.portfolio-panel .desc strong
{
	width:100%;
	padding:10px 0 5px 0;
	display:block;
}
.portfolio-panel .desc span
{
	padding-bottom:5px;
	font-size:11px;
	display:block;
}

#codawrap, #codawrap1, #codawrap2, #codawrap4 {
	width:880px;
	margin:auto;
}
#codawrap1, #codawrap2 {
	display:none;
}
#slider, #slider1, #slider2, #slider4 {
	width:880px;
	height:611px!important;
	float:left;
	background:url(../images/canvas-main.gif) no-repeat 120px 0;
}
.scroll {
	height:426px;
	width:614px!important;
	overflow: hidden;
	margin:66px 0 0 17px;
	position:relative;
}
.scrollContainer {
	height:426px!important;
	width:20000px!important;
}

.pink-october
{
	background:url(../images/pink-october.png) no-repeat;
	width:471px;
	height:91px;
	position:absolute;
	left:350px;
	top:10px;
	
}

a#askQuote
{
	position:absolute;
	left:-10px;
	margin-top:50px;
	width:155px;
	height:18px;
	background:url(../images/ask-for-quote.gif) no-repeat;
	top: 353px;
}

a#case
{
	position:absolute;
	left:10px;
	margin-top:50px;
	width:155px;
	height:18px;
	top: 350px;
}


a#ask
{
	position:absolute;
	left:10px;
	margin-top:50px;
	width:155px;
	height:18px;
	top: 350px;
}

/*------------ price list -------------*/
.price-list-main
{
	padding:15px 0 30px 0;
	font:18px "georgia";
}
.price-list-main .list-1
{
	border-top:3px solid #F8C301;
	background:url(../images/border.gif) repeat-x bottom left;
	padding:0 0 6px 0;
	margin-top:6px;
}
.price-list-main .list-1 .id
{
	float:left;
	background:#F8C301;
	font-size:26px;
	color:#fff;
	height:38px;
	width:45px;
	text-align:center;
	line-height:32px
}
.price-list-main .list-1 h1
{
	text-transform:none;
	float:left;
	font-size:18px;
	font-weight:normal;
	padding:10px 0 0 14px;
	color:#1c1c1c;
}
.price-list-main .list-1 h1 span
{
	font-size:13px;
}
.price-list-main .list-1 .price,
.price-list-main .list-1 .price1
{
	float:right;
	background:#E5F5FC;
	color:#1c1c1c;
	margin-left:6px;
	height:38px;
	width:130px;
	text-align:center;
	line-height:36px;
}
.price-list-main .list-1 .price1
{
	width:80px;
}
/*------------ /price list -------------*/


/*------------ package main -------------*/
.package-main
{
	padding:20px 0;
	font:17px "Georgia";
	color:#1c1c1c;
}
.package-main .package
{
	padding:15px 0;
}
.package-main .package .title-bar
{
	background:url(../images/package-title-bg.gif) repeat-x center;
}
.package-main .package .title-bar .tip
{
	background:url(../images/tip.gif) repeat-x 0 18px;
	float:left;
	width:34px;
	height:35px;
}
.package-main .package .title-bar .title
{
	float:right;
	background:#E4F5FC;
	width:550px;
	height:35px;
	line-height:35px;
	padding-left:15px;
	font-size:22px;
	color:#01A0E2
}
.package-main .package .content
{
	padding:10px 0;
}
.package-main .package .content .row-1
{
	padding:6px 0;
	line-height:25px;
}
.package-main .package .content .left-side
{
	float:left;
	width:450px;
}
.package-main .package .content ol
{
	margin-left:25px;
	padding:15px 0;
}
.package-main .package .content ol li
{
	padding-left:10px;
}
.package-main .package .content .right-side
{
	float:right;
	width:450px;
}
.package-main .package .content .grey
{
	font-size:14px;
}

.package-main .package .content .row-1 label,
.package-main .package .content .row-1 label.height
{
	float:left;
	width:200px;
	color:#DD127B;
}
.package-main .package .content .row-1 label.height
{
	height:30px;
}
.package-main .package .content .row-1 .info
{
	float:left;
	width:700px;
	padding-left:40px;
}
.package-main .package .content .row-1 .info strong
{
	font-weight:normal;
	border-bottom:1px dashed;
	padding-bottom:6px;
}

/*------------ /package main -------------*/


.paypal
{
	padding:180px 0;
	background:url(../images/paypal.gif) no-repeat center;
	text-align:center;
}

.footer_nav2{
	width:650px;
	float:right;
	margin-top:11px;
	}
	
.footer_img2{
background-color:#e0f2fa;
	float:right;
	line-height:16px;
	font-size:12px;
	text-align:center;
	margin-left:10px;
	margin-right:10px;
	border-right:#bae7fb solid 1px;
	padding-right:15px;
	}
	
	
.pencil {	
float:left;
	width:196px;
	height:39px;
	background:url(../images/crayon-yellow.gif) no-repeat;
	padding:9px 0 0 40px;
	color:#000;
	text-transform:none;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
	margin: 20px 0 0px 0;
	
	}
	
.pencil:hover{	
float:left;
	width:196px;
	height:39px;
	background:url(../images/crayon-yellow.gif) no-repeat;
	padding:9px 0 0 40px;
	color:#ffffff;
	text-transform:none;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
	margin: 20px 0 0px 0;
	}	

.penci2 {	
float:left;
	width:249px;
	height:39px;
	background:url(../images/crayon-yellow1.gif) no-repeat;
	padding:9px 0 0 17px;
	color:#000;
	text-transform:none;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
	margin: 20px 0 20px 80px;
	
	}
	
.penci2:hover{	
float:left;
	width:249px;
	height:39px;
	background:url(../images/crayon-yellow1.gif) no-repeat;
	padding:9px 0 0 17px;
	color:#ffffff;
	text-transform:none;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
	margin: 20px 0 20px 80px;
	}	

.penci4 {	
float:right;
	width:249px;
	height:39px;
	background:url(../images/crayon-yellow1.gif) no-repeat;
	padding:9px 0 0 17px;
	color:#000;
	text-transform:none;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;

	
	}
	
.penci4:hover{	
float:right;
	width:249px;
	height:39px;
	background:url(../images/crayon-yellow1.gif) no-repeat;
	padding:9px 0 0 17px;
	color:#ffffff;
	text-transform:none;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;

	}

.pencil3 {	
float:left;
	width:249px;
	height:39px;
	background:url(../images/crayon-blue1.gif) no-repeat;
	padding:9px 0 0 17px;
	color:#000;
	text-transform:none;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
	margin: 20px 0 20px 50px;
	
	}
	
.pencil3:hover{	
float:left;
	width:249px;
	height:39px;
	background:url(../images/crayon-blue1.gif) no-repeat;
	padding:9px 0 0 17px;
	color:#ffffff;
	text-transform:none;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
	margin: 20px 0 20px 50px;
	}
	
.right_reading{
	float:right;
	width:650px;
	}	
	
.case{
	float:right;
	margin:0px 20px 80px 0px;
	}	
	
.blog{
	position:absolute;
	 left:100%;
	  top:0px; 
	  overflow:visible;
	   margin:0 0 0 -134px;
	   padding:5px 0 0 70px; 
	   z-index:1000000000;
	    border:none; 
		float:right;
		}	

.c2 {color:#666666; margin-right:10px; font-size:12px;}
.c1 {line-height:18px;}

.color_black{
	color:#000000;
	text-decoration:none;
	}

#left_case{
	float:left;
	width:212px;
	height:55px;
	background-color:#e5f5fc;
	color:#000000;
	text-align:center;
	position:absolute;
	padding-top:20px;
	font-size:13px;
	margin-left:10px;
	text-decoration:none;
	left: 139px;
	top: 479px;
	}

#left_case2{
	float:left;
	width:212px;
	height:55px;
	background-color:#e5f5fc;
	color:#000000;
	text-align:center;
	position:absolute;
	padding-top:20px;
	font-size:13px;
	margin-left:10px;
	text-decoration:none;
	left: 141px;
	top: 355px;
	}