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

@import url("original_styles.css");

@font-face {
    font-family: 'MilkyWayCondBoldRegular';
    src: url('../custom_fonts/milkyway_cond_bold-webfont.eot');
    src: url('../custom_fonts/milkyway_cond_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../custom_fonts/milkyway_cond_bold-webfont.woff') format('woff'),
         url('../custom_fonts/milkyway_cond_bold-webfont.ttf') format('truetype'),
         url('../custom_fonts/milkyway_cond_bold-webfont.svg#MilkyWayCondBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'AmienneRegular';
    src: url('../custom_fonts/amienne_-webfont.eot');
    src: url('../custom_fonts/amienne_-webfont.eot?#iefix') format('embedded-opentype'),
         url('../custom_fonts/amienne_-webfont.woff') format('woff'),
         url('../custom_fonts/amienne_-webfont.ttf') format('truetype'),
         url('../custom_fonts/amienne_-webfont.svg#AmienneRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'GaryOwenBoldItalicBoldItalic';
    src: url('../custom_fonts/garyowen_bolditalic_bold_italic-webfont.eot');
    src: url('../custom_fonts/garyowen_bolditalic_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../custom_fonts/garyowen_bolditalic_bold_italic-webfont.woff') format('woff'),
         url('../custom_fonts/garyowen_bolditalic_bold_italic-webfont.ttf') format('truetype'),
         url('../custom_fonts/garyowen_bolditalic_bold_italic-webfont.svg#GaryOwenBoldItalicBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'SchoolbellRegular';
    src: url('../custom_fonts/schoolbell-webfont.eot');
    src: url('../custom_fonts/schoolbell-webfont.eot?#iefix') format('embedded-opentype'),
         url('../custom_fonts/schoolbell-webfont.woff') format('woff'),
         url('../custom_fonts/schoolbell-webfont.ttf') format('truetype'),
         url('../custom_fonts/schoolbell-webfont.svg#SchoolbellRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ContextRepriseLightCondSSiBd';
    src: url('../custom_fonts/context_reprise_lightcond_ssi_bold-webfont.eot');
    src: url('../custom_fonts/context_reprise_lightcond_ssi_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../custom_fonts/context_reprise_lightcond_ssi_bold-webfont.woff') format('woff'),
         url('../custom_fonts/context_reprise_lightcond_ssi_bold-webfont.ttf') format('truetype'),
         url('../custom_fonts/context_reprise_lightcond_ssi_bold-webfont.svg#ContextRepriseLightCondSSiBd') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ContextRepriseThinCondSNormal';
    src: url('../custom_fonts/context_reprise_thincond_ssi_normal-webfont.eot');
    src: url('../custom_fonts/context_reprise_thincond_ssi_normal-webfont.eot?#iefix') format('embedded-opentype'),
         url('../custom_fonts/context_reprise_thincond_ssi_normal-webfont.woff') format('woff'),
         url('../custom_fonts/context_reprise_thincond_ssi_normal-webfont.ttf') format('truetype'),
         url('../custom_fonts/context_reprise_thincond_ssi_normal-webfont.svg#ContextRepriseThinCondSNormal') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*body
{
	background:#f2f0f0 url(../images/body_bg_inner.gif) no-repeat top center;
	margin:0px;
	padding:0px;
}*/

div,h1.h2,h3,h4,h5,h6,span,p,img,ul,ol,li
{
	padding:0px;
	margin:0px;
}
.fl
{
	float:left;
	padding:0px;
	margin:0px;
}
.fr
{
	float:right;
	padding:0px;
	margin:0px;
}
.clear
{
	clear:both;
	padding:0px;
	margin:0px;
}
p
{
	text-align:left;
}
ul, ul li
{
	list-style:none;
}
/*h1 { font-family: 'Schoolbell', arial, serif; }*/
#maincontainer
{
	width:1000px;
	display:table;
	padding:0px;
	margin:0px auto;
	background:none;
	clear:both;
}
/*-----------Home_page--------------*/
#maincontainer_home
{
	width:1000px;
	display:table;
	padding:0px;
	margin:0px auto;
	background:none;
	clear:both;
}
#header_home
{
	width:1000px;
	height:135px;
	margin:0px;
}
.logo_home
{
	height:107px;
	width:328px;
	padding:9px 220px 19px 202px;
	float:left;
}
.contact_home
{
	width:152px;
	height:46px;
	float:right;
	padding:25px 45px 61px 37px;
	_padding:22px 25px 61px 27px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	line-height:22px;
}
#content_wrappwer_home
{
	width:910px;
	padding:42px 45px 0px 45px;
	margin:0px;
	display:table;
}
.top_wrapper
{
	width:910px;
	height:325px;
	padding:0px 0px 27px 0px;
	margin:0px;
	display:table;
}
.graphic_design
{
	width:335px;
	height:325px;
	padding:0px 30px 0px 20px;
	margin:0px;
	/*background:url(../images/dpo_elements.png) no-repeat left top;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader 
(src='images/dpo_elements.png');*/
	float:left;
}
.graphic_design_elements
{
	width:335px;
	height:150px;
	clear:both;
	/*background:url(../images/dpo_elements2.png) no-repeat left top;*/
}
.graphic_top_elements
{
	height:55px;
	width:335px;
	clear:both;
}
.graphic_elements_hline
{
	height:14px;
	width:335px;
	clear:both;
	background:url(../images/dpo_elements2.png) left -55px;
}
.graphic_down_elements
{
	height:81px;
	width:335px;
	clear:both;
}
.graphic_elements1
{
	width:70px;
	height:55px;
	float:left;
	background:url(../images/dpo_elements2.png) no-repeat left top;
}
.graphic_elements1:hover
{
	display:block;
	background:url(../images/dpo_elements2_hover.png) no-repeat left top;
}
.graphic_elements2
{
	width:64px;
	height:55px;
	float:left;
	background:url(../images/dpo_elements2.png) no-repeat -70px top;
}
.graphic_elements2:hover
{
	display:block;
	background:url(../images/dpo_elements2_hover.png) no-repeat -70px top;
}
.graphic_elements3
{
	width:90px;
	height:55px;
	float:left;
	background:url(../images/dpo_elements2.png) no-repeat -134px top;
}
.graphic_elements3:hover
{
	display:block;
	background:url(../images/dpo_elements2_hover.png) no-repeat -134px top;
}
.graphic_elements4
{
	width:111px;
	height:55px;
	float:left;
	background:url(../images/dpo_elements2.png) no-repeat -224px top;
}
.graphic_elements4:hover
{
	display:block;
	background:url(../images/dpo_elements2_hover.png) no-repeat -224px top;
}
.graphic_elements5
{
	width:70px;
	height:81px;
	float:left;
	background:url(../images/dpo_elements2.png) no-repeat left bottom;
}
.graphic_elements5:hover
{
	display:block;
	background:url(../images/dpo_elements2_hover.png) no-repeat left bottom;
}
.graphic_elements6
{
	width:101px;
	height:81px;
	float:left;
	background:url(../images/dpo_elements2.png) no-repeat -70px bottom;
}
.graphic_elements6:hover
{
	display:block;
	background:url(../images/dpo_elements2_hover.png) no-repeat -70px bottom;
}
.graphic_elements7
{
	width:65px;
	height:81px;
	float:left;
	background:url(../images/dpo_elements2.png) no-repeat -171px bottom;
}
.graphic_elements7:hover
{
	display:block;
	background:url(../images/dpo_elements2_hover.png) no-repeat -171px bottom;
}
.graphic_elements8
{
	width:99px;
	height:81px;
	float:left;
	background:url(../images/dpo_elements2.png) no-repeat -236px bottom;
}
.graphic_elements8:hover
{
	display:block;
	background:url(../images/dpo_elements2_hover.png) no-repeat -236px bottom;
}
.pencle_courser
{
	width:64px;
	height:78px;
	position:absolute;
	background:url(../images/pencle_courser.png) no-repeat left top;
	z-index:10;
	position:absolute;
	margin:298px 0px 0px 350px;
}
.graphic_design h1
{
	font-family: 'GaryOwenBoldItalicBoldItalic';
	font-weight:bold;
	color:#28aae1;
	width:280px;
	line-height:30px;
	padding:0px 0px 0px 4px;
	margin:0px;
	float:left;
	clear:right;
	height:30px;
}
.web_design h1
{
	font-family: 'GaryOwenBoldItalicBoldItalic';
	font-weight:bold;
	color:#28aae1;
	width:280px;
	line-height:30px;
	padding:0px 0px 0px 10px;
	margin:0px;
	float:left;
	clear:right;
	height:30px;
}
.graphic_design span
{
	background:url(../images/arrow_kit.png) no-repeat left top;
	width:38px;
	height:30px;
	margin:0px;
	padding:0px;
	float:left;
}
.graphic_design ul
{
	width:320px;
	padding:10px 0px 7px 20px;
	float:left;
	list-style:none;
}
.graphic_design ul li
{
	width:280px;
	float:left;
	list-style:none;
	background:url(../images/bullet.gif) no-repeat left 8px;
	padding:2px 0px 0px 23px;
	/*font-family: 'Schoolbell', arial, serif;*/
	font-family: 'SchoolbellRegular';
	color:#8196ab;
	text-align:left;
}

.graphic_design_btn
{
	width:118px;
	height:33px;
	clear:left;
	margin-left:200px;
	background:url(../images/arrow_kit.gif) no-repeat -43px top;
}
.graphic_design_btn:hover
{
	width:118px;
	height:33px;
	clear:left;
	margin-left:200px;
	display:block;
	background:url(../images/arrow_kit.gif) no-repeat -43px bottom;
}
.web_design
{
	width:510px;
	height:325px;
	padding:0px 0px 0px 0px;
	/*background:url(../images/web_elements.png) no-repeat left top;*/
	float:left;
}

.arrow
{
	background:url(../images/arrow_kit.png) no-repeat left top;
	width:38px;
	height:30px;
	position:absolute;
	margin:176px 0px 0px 620px;
	_margin:176px 0px 0px 602px;
	z-index:10;
}
.web_design_elements
{
	width:171px;
	height:325px;
	padding:0px 0px 0px 28px;
	_padding:0px 0px 0px 20px;
	float:left;
	/*background:url(../images/web_elements.png) none left top;*/
}
.web_elements_top
{
	width:171px;
	height:170px;
	clear:both;
	background:url(../images/web_elements.png) no-repeat left top;
}
.web_elements_top:hover
{
	background:url(../images/web_elements_hover.png) no-repeat left top;
}
.web_elements_down
{
	width:171px;
	height:130px;
	clear:both;
	z-index:10;
	margin-top:-15px;
	background:none;
}
.web_elements_down1
{
	height:130px;
	width:77px;
	float:left;
	background:url(../images/web_elements.png) no-repeat left bottom;
}
.web_elements_down1:hover
{
	height:130px;
	width:77px;
	float:left;
	background:url(../images/web_elements_hover.png) no-repeat left bottom;
}
.web_elements_down2
{
	height:70px;
	padding:28px 0px 32px;
	width:94px;
	float:left;
	background:url(../images/web_elements.png) no-repeat right bottom;
}
.web_elements_down2:hover
{
	height:70px;
	padding:28px 0px 32px;
	width:94px;
	float:left;
	background:url(../images/web_elements_hover.png) no-repeat right bottom;
}
.web_design ul
{
	width:300px;
	padding:5px 0px 9px 0px;
	float:right;
	list-style:none;
}
.web_design ul li
{
	width:280px;
	float:left;
	list-style:none;
	background:url(../images/bullet.gif) no-repeat 4px 4px;
	padding:0px 0px 0px 26px;
	line-height:21px;
	/*font-family: 'Schoolbell', arial, serif;*/
	font-family: 'SchoolbellRegular';
	color:#8196ab;
	text-align:left;
}
.graphic_design ul li a,
.web_design ul li a
{
	color:#8196ab;
	text-decoration:none;
}
.graphic_design ul li a:hover,
.web_design ul li a:hover
{
	color:#28aae1;
	text-decoration:none;
}
.web_design_btn
{
	width:118px;
	height:33px;
	clear:both;
	float:right;
	/*margin-left:220px;*/
	background:url(../images/arrow_kit.gif) no-repeat -43px top;
}
.web_design_btn:hover
{
	width:118px;
	height:33px;
	clear:left;
	margin-left:220px;
	display:block;
	background:url(../images/arrow_kit.gif) no-repeat -43px bottom;
}
.dpo_box
{
	width:390px;
	height:48px;
	padding:100px 20px 22px 475px;
	clear:both;
}
.dpo_box h1
{
	font-family: 'GaryOwenBoldItalicBoldItalic';
	color:#28aae1;
	float:left;
	width:245px;
	padding:0px;
	margin:0px;
}
.dpo_box h1 a
{
	color:#28aae1;
	text-decoration:none;
}
.dpo_box p
{
	font-family:Tahoma, Geneva, sans-serif;
	color:#666;
	width:245px;
	float:lefts;
	padding:0px;
	margin:0px;
	text-align:right;
}
.dpo_arrow
{
	width:113px;
	height:33px;
	float:left;
	margin:10px 0px 0px 12px;
	background:url(../images/arrow_kit.png) no-repeat -162px top;
}
.dpo_arrow:hover
{
	width:113px;
	height:33px;
	float:left;
	margin:10px 0px 0px 12px;
	background:url(../images/arrow_kit.png) no-repeat -162px bottom;
}
#footer_home
{
	height:100px;
	clear:both;
	width:930px;
	padding:0px 16px;
	margin:0px auto;
	background:url(../images/footer_home.png) no-repeat center 38px;
}
.icon_set
{
	height:35px;
	float:left;
	padding:0px 0px 0px 0px;
	/*background:url(../images/icons_set.png) no-repeat left top;*/
}
.twitter
{
	width:34px;
	height:35px;
	float:left;
	margin:0px 3px;
	background:url(../images/icons_set.png) no-repeat -2px top;
}
.twitter:hover
{
	width:34px;
	height:35px;
	float:left;
	margin:0px 3px;
	background:url(../images/icons_set.png) no-repeat -2px bottom;
}
.twitter:hover a,
.wordpress:hover a,
.delicon:hover a,
.facebook:hover a,
.stumbleupon:hover a,
.linkedin:hover a,
.blogspot:hover a
{
	display:block;
	width:34px;
	height:35px;
}
.flickr:hover a
{
	width:73px;
	height:35px;
	display:block;
}
.wordpress
{
	width:34px;
	height:35px;
	float:left;
	margin:0px 3px;
	background:url(../images/icons_set.png) no-repeat -41px top;
}
.wordpress:hover
{
	width:34px;
	height:35px;
	float:left;
	margin:0px 3px;
	background:url(../images/icons_set.png) no-repeat -41px bottom;
}
.delicon
{
	width:34px;
	height:35px;
	float:left;
	margin:0px 3px;
	background:url(../images/icons_set.png) no-repeat -81px top;
}
.delicon:hover
{
	width:34px;
	height:35px;
	float:left;
	margin:0px 3px;
	background:url(../images/icons_set.png) no-repeat -81px bottom;
}
.facebook
{
	width:34px;
	height:35px;
	float:left;
	margin:0px 3px;
	background:url(../images/icons_set.png) no-repeat -121px top;
}
.facebook:hover
{
	width:34px;
	height:35px;
	float:left;
	margin:0px 3px;
	background:url(../images/icons_set.png) no-repeat -121px bottom;
}
.stumbleupon
{
	width:34px;
	height:35px;
	float:left;
	margin:0px 3px;
	background:url(../images/icons_set.png) no-repeat -161px top;
}
.stumbleupon:hover
{
	width:34px;
	height:35px;
	float:left;
	margin:0px 3px;
	background:url(../images/icons_set.png) no-repeat -161px bottom;
}
.flickr
{
	width:73px;
	height:35px;
	float:left;
	margin:0px 3px;
	background:url(../images/icons_set.png) no-repeat -200px top;
}
.flickr:hover
{
	width:73px;
	height:35px;
	float:left;
	margin:0px 3px;
	background:url(../images/icons_set.png) no-repeat -200px bottom;
}
.linkedin
{
	width:32px;
	height:35px;
	float:left;
	margin:0px 3px;
	background:url(../images/icons_set.png) no-repeat -278px top;
}
.linkedin:hover
{
	width:32px;
	height:35px;
	float:left;
	margin:0px 3px;
	background:url(../images/icons_set.png) no-repeat -278px bottom;
}
.blogspot
{
	width:34px;
	height:35px;
	float:left;
	margin:0px 3px;
	background:url(../images/icons_set.png) no-repeat -311px top;
}
.blogspot:hover
{
	width:34px;
	height:35px;
	float:left;
	margin:0px 3px;
	background:url(../images/icons_set.png) no-repeat -311px bottom;
}
#footer
{
	padding:15px 0px 0px 0px;
	margin:0px auto;
	clear:both;
	font-family:Tahoma, Geneva, sans-serif;
	line-height:18px;
	color:#000;
}
/*-----------Home_page END--------------*/
/*-----------Header--------------*/
#header
{
	height:198px;
	padding-bottom:11px;
	*padding-bottom:15px;
	_padding-bottom:11px;
}
.header_top
{
	height:160px;
	*height:156px;
	width:1000px;
}
.logo
{
	/*height:91px;
	width:282px;
	padding:43px 210px 22px 263px;
	float:left;*/
	
	height:107px;
	width:328px;
	padding:9px 210px 40px 217px;
	float:left;
}
.contact
{
	width:152px;
	height:46px;
	float:left;
	/*padding:53px 63px 61px 0px;*/
	padding:53px 41px 50px 20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	line-height:22px;
}
.email
{
	width:152px;
	height:20px;
	display:block;
	padding-left:0px;
}
.tel_no
{
	width:152px;
	height:19px;
	color:#797979;
	font-weight:bold;
	padding-left:30px;
	background:url(../images/contacts_icons.gif) no-repeat left bottom;
}

/*---------Navigation-----------*/
#navigation
{
	height:40px;
	padding:2px 182px 3px 200px;
	clear:both;
}

/** html #navigation { height:34px; padding:2px 182px 10px 200px; clear:both;}*/
#navigation ul
{
	height:40px;
	_height:34px;
	*height:34px;
	padding:0px 7px 0px;
	padding:6px 7px 0px\9;
	list-style:none;
	margin:0px auto;
}
#navigation ul li
{
	list-style:none;
	line-height:34px;
	padding:0px 0px;
	font-family: 'Schoolbell', arial, serif;
	color:#000;
	text-align:center;
	float:left;
}
#navigation ul li a
{
	text-decoration:none;
	height:34px;
	line-height:34px;
	/*font-weight:bold;*/
}
#navigation ul li a:hover,
#navigation ul li:hover
{
	text-decoration:none;
}
#navigation ul li:hover
{
	text-decoration:none;
}

#navigation ul li.home,
#navigation ul li.home_active a
{
	width:82px;
}
#navigation ul li.home a
{
	background:none;
	display:block;
	color:#000;
	_color:#000;
}
#navigation ul li.home_active a
{
	color:#FFF;
}
#navigation ul li.home_active,
#navigation ul li:hover.home
{
	background:url(../images/tabs_hover.png) no-repeat left top;
	_background:url(../images/tabs_hover.png) no-repeat left top;
	color:#ffffff;
	_color:#ffffff;
}
#navigation ul li.home a:hover
{
	color:#ffffff;
	background:none;
	height:34px;
	_color:#28aae1;
}

#navigation ul li.aboutus
{
	width:106px;
}
#navigation ul li.aboutus a
{
	background:none;
	display:block;
	color:#000;
	_color:#000;
}
#navigation ul li:hover.aboutus,
#navigation ul li.aboutus_active
{
	background:url(../images/tabs_hover.png) no-repeat -85px top;
	_color:#ffffff;
	color:#ffffff;
}
#navigation ul li.aboutus_active a
{
	background:none;
	width:106px;
	display:block;
	color:#FFF;
	_color:#FFF;
}
#navigation ul li.aboutus a:hover
{
	color:#ffffff;
	background:none;
	height:34px;
	_color:#ea088c;
}

#navigation ul li.dpo
{
	width:84px;
}
#navigation ul li.dpo a
{
	background:none;
	display:block;
	color:#000;
	_color:#000;
}
/*--------For Active stage of the page------------*/
#navigation ul li.dpo_active a
{
	background:none;
	width:84px;
	display:block;
	color:#FFF;
	_color:#FFF;
}
#navigation ul li:hover.dpo,
#navigation ul li.dpo_active
{
	background:url(../images/tabs_hover.png) no-repeat -195px top;
	_color:#ffffff;
	color:#ffffff;
}
#navigation ul li.dpo a:hover
{
	color:#ffffff;
	background:none;
	height:34px;
	_color:#28aae1;
}

#navigation ul li.webit
{
	width:100px;
}
#navigation ul li.webit a
{
	background:none;
	display:block;
	width:100px;
	color:#000;
	_color:#000;
	line-height:34px;
	height:34px;
}
#navigation ul li.webit_active a
{
	display:block;
	width:100px;
	color:#FFF;
	_color:#FFF;
	line-height:34px;
	height:34px;
}
#navigation ul li.webit_active,
#navigation ul li:hover.webit
{
	background: url(../images/tabs_hover.png) no-repeat -298px top;
	color:#FFF;
	_color:#FFF;
}

#navigation ul li.webit a:hover
{
	color:#ffffff;
	background:none;
	height:34px;
	_color:#ea088c;
	
}

#navigation ul li.careers
{
	width:100px;
}
#navigation ul li.careers a
{
	background:none;
	display:block;
	color:#000;
	_color:#000;
}
#navigation ul li.careers_active a
{
	display:block;
	width:100px;
	color:#FFF;
	_color:#FFF;
	line-height:34px;
	height:34px;
}
#navigation ul li.careers_active,
#navigation ul li:hover.careers
{
	background:url(../images/tabs_hover.png) no-repeat -401px top;
	_color:#ffffff;
	width:100px;
	color:#ffffff;
}
#navigation ul li.careers a:hover
{
	color:#ffffff;
	background:none;
	height:34px;
	_color:#28aae1;
}

#navigation ul li.contactus
{
	width:116px;
}
#navigation ul li.contactus a
{
	background:none;
	display:block;
	color:#000;
	_color:#000;
}
#navigation ul li.contactus_active a
{
	display:block;
	width:116px;
	color:#FFF;
	_color:#FFF;
	line-height:34px;
	height:34px;
}
#navigation ul li.contactus_active,
#navigation ul li:hover.contactus
{
	background:url(../images/tabs_hover.png) no-repeat -505px top;
	_color:#ffffff;
	color:#ffffff;
}
#navigation ul li.contactus a:hover
{
	color:#ffffff;
	background:none;
	height:40px;
	_color:#ea088c;
}
/*-------------Content Wrapper-------------*/
#content_wrappwer
{
	width:1000px;
	padding:0px;
	margin:0px auto;
	display:table;
}
/*-------------WEB & IT_OLDEST-------------*/
/*.webit_left_wrapper
{
	width:297px;
	padding:0px 0px 0px 10px;
	display:table;
	float:left;
}
.webit_left_wrapper h1
{
	background:url(images/webit_heading_bg.gif) no-repeat left top;
	padding-left:35px;
	margin:0px;
	line-height:40px;
	width:262px;
	height:40px;
	font-family: 'MilkyWayCondBoldRegular';
	font-size:18px;
	color:#FFF;
	text-transform:uppercase;
	text-align:left;
	clear:both;
	text-decoration:none;
}
.webit_left_wrapper ul
{
	padding:0px 15px 12px 35px;
	margin:0px;
	list-style:url(images/webit_liststyle.jpg) inside;
	clear:both;
}
.webit_left_wrapper ul li
{
	padding:0px 0px 0px 0px;
	margin:0px;
	min-height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:25px;
	list-style:url(images/webit_liststyle.jpg) outside;
}
.webit_left_wrapper ul li a
{
	border-bottom:1px solid #b5b1e3;
	color:#000;
	text-decoration:none;
	padding-bottom:3px;
}
.webit_left_wrapper ul li span.active_page
{
	color:#008cd8;
	padding-bottom:3px;
	border-bottom:1px solid #b5b1e3;
	text-decoration:none;
}
.webit_left_wrapper ul li a:hover
{
	color:#008cd8;
	text-decoration:none;
}*/

/*-------------WEB & IT_OLD-------------*/

/*.webit_left_wrapper
{
	width:297px;
	padding:0px 0px 0px 10px;
	display:table;
	float:left;
}
.webit_left_wrapper h1
{
	background:url(../images/webit_heading_bg.gif) no-repeat left top;
	padding-left:35px;
	margin:0px;
	line-height:40px;
	width:262px;
	height:40px;
	font-family: 'MilkyWayCondBoldRegular';
	color:#FFF;
	text-transform:uppercase;
	text-align:left;
	clear:both;
	text-decoration:none;
}
.webit_left_wrapper ul
{
	padding:0px;
	margin:0px 0px 12px 0px;
	list-style:none;
	clear:both;
}
.webit_left_wrapper ul li
{
	padding:4px 40px 1px;
	margin:0px 0px 1px 0px;
	background:url(../images/web&it_list_bg.png) no-repeat center top;
	min-height:19px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	list-style:none;
}
.webit_left_wrapper ul li a
{
	color:#008cd8;
	text-decoration:none;
	display:block;
}
.webit_left_wrapper ul li:hover,
.webit_left_wrapper ul li.active_page
{
	color:#ea088c;
	background:url(../images/web&it_list_hover_bg.png) no-repeat center top;
	text-decoration:none;
}
.webit_left_wrapper ul li a:hover
{
	color:#ea088c;
}*/

/*-------------WEB & IT_New-------------*/
.webit_wrapper
{
	width:998px;
	padding:0px 1px;
	display:table;
	clear:both;
}
.webit_wrapper_top
{
	height:25px;
	background:url(../images/webit_bg_top.png) no-repeat center bottom;
	clear:both;
}
.webit_wrapper_content
{
	display:table;
	width:998px;
	background:url(../images/webit_bg_mid.png) repeat-y center top;
	clear:both;
	padding:0px 0px 0px 0px;
}
.webit_wrapper_bottom
{
	height:25px;
	background:url(../images/webit_bg_down.png) no-repeat center top;
	clear:both;
}
.webit_left_wrapper
{
	width:293px;
	padding:0px 0px 0px 0px;
	margin:0px 18px 0px 17px;
	display:table;
	float:left;
	background:url(../images/webit_list_nav_bg.png) no-repeat left 43px;
}
.webit_left_wrapper h1
{
	background:url(../images/webit_heading_bg3.png) no-repeat left top;
	padding:0px 0px 0px 33px;
	margin:0px;
	line-height:35px;
	width:260px;
	height:52px;
	font-family: 'MilkyWayCondBoldRegular';
	color:#ea088c;
	text-transform:uppercase;
	font-weight:bold;
	text-align:left;
	clear:both;
	text-decoration:none;
}

.webit_left_wrapper ul
{
	padding:0px 0px 60px 33px;
	margin:0px;
	list-style:none;
	clear:both;
}
.webit_left_wrapper ul li
{
	padding:0px 0px 7px 0px;
	margin:0px 0px 1px 0px;
	background:url(../images/web&it_list_bottom_bg3.png) no-repeat left bottom;
	font-family:Arial, Helvetica, sans-serif;
	list-style:none;
	font-weight:300;
}
.webit_left_wrapper ul li a
{
	color:#00314b;
	line-height:18px;
	padding:8px 20px 0px 31px;
	text-decoration:none;
	font-weight:bold;
	background:url(../images/web&it_list_top_bg3.png) no-repeat left top;
	display:block;
}
.webit_left_wrapper ul li:hover,
.webit_left_wrapper ul li.active_page
{
	color:#00314b;
	font-weight:bold;
	background:url(../images/web&it_list_hover_bottom_bg3.png) no-repeat left bottom;
	text-decoration:none;
}
.webit_left_wrapper ul li:hover a,
.webit_left_wrapper ul li.active_page span
{
	background:url(../images/web&it_list_hover_top_bg3.png) no-repeat left top;
	display:block;
	line-height:18px;
	padding:8px 20px 0px 31px;
}
.webit_left_wrapper ul li a:hover
{
	color:#00314b;
	background:url(../images/web&it_list_hover_top_bg3.png) no-repeat left top;
}

/*border-bottom:1px solid #b5b1e3;*/
/*-------------WEB & IT_NEW_old-------------*/
/*.webit_left_wrapper
{
	width:271px;
	padding:0px 15px 0px 5px;
	display:table;
	float:left;
}
.webit_left_wrapper h1
{
	background:url(../images/webit_heading_bg.gif) no-repeat left top;
	padding-left:35px;
	margin:0px;
	line-height:40px;
	width:262px;
	height:40px;
	font-family: 'MilkyWayCondBoldRegular';
	color:#FFF;
	text-transform:uppercase;
	text-align:left;
	clear:both;
	text-decoration:none;
}
.webit_left_wrapper ul
{
	padding:0px;
	margin:0px 0px 12px 0px;
	list-style:none;
	clear:both;
}
.webit_left_wrapper ul li
{
	padding:0px 0px 6px;
	margin:0px 0px 1px 0px;
	background:url(../images/web&it_list_bottom_bg2.png) no-repeat center bottom;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	list-style:none;
}

.webit_left_wrapper ul li a
{
	
	background:url(../images/web&it_list_bg2.png) no-repeat center top;
	color:#008cd8;
	min-height:18px;
	line-height:18px;
	padding:6px 20px 0px;
	text-decoration:none;
	display:block;
}
.webit_left_wrapper ul li:hover,
.webit_left_wrapper ul li.active_page
{
	padding:0px 0px 6px;
	margin:0px 0px 1px 0px;
	color:#3ab44b;
	background:url(../images/web&it_list_hover_bottom_bg2.png) no-repeat center bottom;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	list-style:none;
}
.webit_left_wrapper ul li a:hover,
.webit_left_wrapper ul li.active_page span
{
	background:url(../images/web&it_list_hover_bg2.png) no-repeat center top;
	padding:6px 20px 0px;
	text-align:center;
	display:block;
	color:#3ab44b;
	min-height:18px;
}*/
/*------LIST ITEM COMPLETED-----------------------*/

.webit_left_wrapper img
{
	clear:both;
	border:0px;
	padding:0px;
	margin:0px;
}
.webit_content
{
	width:644px;
	padding:0px 0px 0px 0px;
	display:table;
	float:left;
}
.webit_content h1
{
	margin:0px 0px 4px;
	padding:5px 14px 5px 20px;
	font-size:36px;
	height:35px;
	width:610px;
	font-family: 'MilkyWayCondBoldRegular';
	line-height:35px;
	background:#008cd8 url(../images/webit_h1_bg3.png) no-repeat left top;
	color:#FFF;
}


.webit_content span.skyblue4 h2
{
	padding:0px 14px 0px 20px;
	width:610px;
}
.orange2 span.skyblue5 h5
{
	background:#008cd8;
}
.webit_content span.skyblue4 h1,
.webit_content span.skyblue4 h2
{
	background:#008cd8 url(../images/webit_h1_bg3.png) no-repeat left top;
}
.orange2 span.skyblue5,
.orange2 span.pink5,
.orange2 span.yellow5,
.orange2 span.green5
{
	height:25px;
	clear:both;
	margin-bottom:1px;
}
.orange2 span.skyblue5 h5,
.orange2 span.pink5 h5,
.orange2 span.yellow5 h5,
.orange2 span.green5 h5
{
	padding:0px 10px;
}
.orange2 span.pink5 h5,
.porfolio_nav_mid span.ping_bg h1
{
	background:#ea088c;
}
.webit_content span.pink4 h1
{
	background:#ea088c url(../images/webit_h1_bg3.png) no-repeat left top;
}
.orange2 span.yellow5 h5
{
	background:#f8c118;
}
.webit_content span.yellow4 h1
{
	background:#1e285b  url(../images/webit_h1_bg3.png) no-repeat left top;
}
.orange2 span.green5 h5,
.webit_content span.green4 h2,
.porfolio_nav_mid span.green_bg h1
{
	background:#3ab44b;
}
.webit_content span.green4 h1
{
	background:#3ab44b  url(../images/webit_h1_bg3.png) no-repeat left top;
}
.webit_content h2
{
	margin:0px 0px 4px;
	padding:0px 15px;
	height:45px;
	font-family: 'MilkyWayCondBoldRegular';
	line-height:45px;
	background:#008cd8;
	color:#FFF;
}
.webit_content_inner_heading
{
	font-family: 'GaryOwenBoldItalicBoldItalic';
	color:#FFF;
	line-height:32px;
	clear:both;
}
.webit_content_wrapper
{
	width:644px;
	display:table;
	clear:both;
}
.webit_content_wrapper ul
{
	padding:10px 5px 0px 25px;
	margin:0px;
	list-style:url(../images/webit_liststyle.jpg) inside;
	clear:both;
}
.webit_content_wrapper ul li
{
	padding:0px 0px 5px 0px;
	margin:0px;
	min-height:25px;
	/*font-family: 'Playfair Display', arial, serif;*/
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	line-height:20px;
	list-style:url(../images/webit_liststyle2.png) outside;
}

.webit_content_part
{
	width:634px;
	clear:both;
	display:table;
	font-family: 'MilkyWayCondBoldRegular';
	padding-left:22px;
	margin:0px;
}
.brand_builing
{
	width:604px;
	display:table;
	clear:both;
	padding:10px 0px 10px 0px;
}
.brand_builing_heading
{
	height:71px;
	float:left;
	padding:5px 0px;
	font-family: 'MilkyWayCondBoldRegular';
	color:#f8ef22;
}
.brand_builing_bracket
{
	width:20px;
	height:71px;
	margin:5px 10px;
	float:left;
	background:url(../images/webit_brackets.gif) no-repeat left top;
}
.brand_builing_bracket_rev
{
	width:20px;
	height:71px;
	margin:5px 10px;
	float:left;
	background:url(../images/webit_brackets_reverse.gif) no-repeat right top;
}
.brand_builing_big
{
	clear:both;
	line-height:36px;
}
.brand_builing_small,
.user_experience_small,
.smart_geeks_small
{
	clear:both;
}

.webit_content_part p
{
	/*font-family: 'Playfair Display', arial, serif;*/
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	line-height:15px;
	margin:0px;
	padding:7px 0px 8px;
}
.user_experience
{
	width:604px;
	display:table;
	clear:both;
	padding:10px 0px 10px 0px;
}
.user_experience_heading
{
	height:71px;
	float:left;
	padding:0px;
	font-family: 'MilkyWayCondBoldRegular';
	color:#28aae1;
}
.user_experience_bracket
{
	width:20px;
	height:71px;
	margin:0px 10px;
	float:left;
	background:url(../images/webit_brackets.gif) no-repeat -20px top;
}
.user_experience_big
{
	clear:both;
	line-height:45px;
	margin:0px;
	padding:0px;
}
.webit_content_box
{
	width:604px; padding-left:6px;
	height:430px;
	/*height:96px;*/
	display:table;
	clear:both;
	margin:0px 0px 0px 10px;
}
.smart_geeks
{
	width:604px;
	/*height:96px;*/
	display:table;
	clear:both;
	padding:10px 0px 0px;
}
.smart_geeks_heading
{
	height:71px;
	float:left;
	padding:11px 0px;
	font-family: 'MilkyWayCondBoldRegular';
	color:#ea088c;
}
.smart_geeks_bracket
{
	width:20px;
	height:71px;
	margin:11px 10px;
	float:left;
	background:url(../images/webit_brackets.gif) no-repeat right top;
}
.smart_geeks_bracket_rev
{
	width:20px;
	height:71px;
	margin:14px 5px;
	float:left;
	background:url(../images/webit_brackets_reverse.png) no-repeat -21px top;
}
.smart_geeks_big
{
	clear:both;
	line-height:48px;
	margin:0px;
	padding:0px;
}
/*-------------WEB & IT _ END-------------*/
/*---------Softwear Development-----------*/
.nav_indication
{
	height:20px;
	width:980px;
	padding:0px 7px 0px 13px;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:left;
	clear:both;
	color:#000;
}
.nav_indication a
{
	font-weight:bold;
	color:#000;
	padding:0px 5px;
	text-decoration:none;
}
.nav_indication a:hover
{
	color:#ea088c;
	text-decoration:none;
}
.nav_indication span
{
	padding:0px 5px;
}
.soft_dev_container
{
	padding:0px;
	margin:0px 10px;
	display:table;
	width:980px;
	clear:both;
}
.soft_dev
{
	width:665px;
	display:table;
	float:left;
	padding-right:8px;
	background:url(../images/vrtical_line.jpg) repeat-y right top;
}

.soft_dev h1
{
	height:45px;
	margin:0px 10px 4px 5px;
	padding-left:5px;
	line-height:45px;
	font-family: 'MilkyWayCondBoldRegular';
	color:#FFF;
	text-align:left;
	background:#ea088c;
	clear:both;
}
.soft_dev_wrapper
{
	width:665px;
	display:table;
	float:left
}
.soft_dev_content_top
{
	background:url(../images/soft_dev_content_top.png) no-repeat left top;
	height:15px;
	width:665px;
}
.soft_dev_content_bottom
{
	background:url(../images/soft_dev_content_down.png) no-repeat left top;
	height:30px;
	width:665px;
}
.soft_dev_content
{
	width:625px;
	height:228px;
	padding:0px 20px 0px 20px;
	background:url(../images/soft_dev_content.png) repeat-y left top;
	font-family:Arial, Helvetica, sans-serif;
}
.software_develop_pink
{
	background:url(../images/software_develop_pink_bg.jpg) no-repeat left top;
	width:154px;
	height:151px;
	float:left;
	padding:18px 25px 0px 20px;
	font-family: 'Schoolbell', arial, serif;
	font-style:normal;
	color:#FFF;
}
.soft_dev_content_box
{
	width:410px;
	height:169px;
	float:left;
	padding:0px;
	margin:0px;
	display:table;
}
.soft_dev_content p
{
	text-align:left;
	color:#FFF;
	padding:10px 0px 0px 10px;
	margin:0px;
	float:left;
}
.soft_dev_content_quote
{
	background:url(../images/soft_deve_quote.jpg) no-repeat right top;
	width:404px;
	height:40px;
	line-height:40px;
	padding:0px 16px;
	margin:0px;
	float:right;
	clear:both;
	color:#000;
}

.soft_dev_right_wrapper
{
	width:297px;
	display:table;
	padding:0px 0px 0px 10px;
	float:left;
}
.benfits_of_dpo
{
	background:url(../images/benefits_of_dpo.jpg) no-repeat left top;
	width:170px;
	height:125px;
	padding:15px 33px 15px 94px;
	margin:4px 0px 0px;
	text-align: right;
}
.benfits_of_dpo_heading1
{
	 font-family: 'AmienneRegular';
	 line-height:25px;
	 color:#008cd8;
	 font-weight:bold;
	 text-align:right;
	 clear:both;
}
.benfits_of_dpo_heading2
{
	font-family: 'AmienneRegular';
	line-height:20px;
	color:#333333;
	font-weight:bold;
	text-align:right;
	clear:both;
}
.benfits_of_dpo p
{
	text-align:right;
	padding:0px;
	margin:0px;
	color:#333;
	line-height:normal;
	font-family:Arial, Helvetica, sans-serif;
	clear:both;
}
/*-------------DPO-------------*/
.dpo_heading
{
	margin:5px 10px 5px 10px;
	height:45px;
	padding:0px 10px;
	line-height:45px;
	background:#28aae1;
	color:#FFF;
	font-family: 'MilkyWayCondBoldRegular';
	clear:both;
}
#dpo_wrapper
{
	width:980px;
	margin:0px auto;
	display:table;
	clear:both;
}
.dpo_conatiner_top
{
	width:980px;
	height:32px;
	clear:both;
	background:url(../images/dpo_container_top.png) no-repeat left top;
}
.dpo_conatiner_bottom
{
	width:980px;
	height:32px;
	clear:both;
	background:url(../images/dpo_container_down.png) no-repeat left top;
}
#dpo_conatiner
{
	background:url(../images/dpo_container.png) repeat-y left top;
	width:980px;
	display:table;
	margin:0px;
	padding:0px;
	clear:both;
}
.dpo_content
{
	width:620px;
	margin-left:32px;
	display:table;
	float:left;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	
}
.dpo_content2
{
	width:705px;
	display:table;
	margin-left:32px;
	_margin-left:32px;
	float:left;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	
}
.dpo_content h1,
.dpo_content2 h1
{
	font-family: 'MilkyWayCondBoldRegular';
	padding:0px;
	margin:0px;
	color:#FFF;
	text-align:left;
	clear:both;
	text-transform:uppercase;
}
.div_block
{
	width:40px;
	height:20px;
	clear:both;
	border-bottom:1px dotted #FFF;
	border-right:1px dotted #FFF;
}
.dpo_tabs_block
{
	margin:0px 0px 0px 45px;
	display:table;
	padding:20px 0px 0px 10px;
	width:565px;
	clear:left;
	border-left:1px dotted #FFF;
}
.dpo_tabs_block2
{
	margin:0px 0px 0px 0px;
	display:table;
	padding:10px 0px 0px 10px;
	width:690px;
	clear:left;
	border-left:1px dotted #FFF;
}
.dpo_tabs_block p
{
	padding:0px 0px 0px 0px;
}
/*-------Styles for DPO_1 --------------------*/
.dpo_tabs2,
.dpo_tabs3
{
	width:690px;
	margin-bottom:15px;
	clear:both;
	height:30px;
	border-bottom:1px solid #a4a4a4;
}
/*--------DPO tabs with bg images----------------*/
.dpo_advantages,
.dpo_advantages_actived,
.dpo_advantages:hover,
.dpo_benfits,
.dpo_benfits_actived,
.dpo_benfits:hover,
.dpo_value_prop,
.dpo_value_prop_actived,
.dpo_value_prop:hover,
.dpo_interactive,
.dpo_interactive_actived,
.dpo_interactive:hover,
.dpo_creative,
.dpo_creative_actived,
.dpo_creative:hover,
.dpo_art_work,
.dpo_art_work_actived,
.dpo_art_work:hover
{
	height:30px;
	float:left;
	margin-right:2px;
}
.dpo_advantages a,
.dpo_benfits a,
.dpo_value_prop a,
.dpo_interactive a,
.dpo_creative a,
.dpo_art_work a
{
	display:block;
	height:30px;
}
.dpo_advantages
{
	background:url(../images/exp_adv.jpg) no-repeat left bottom;
	width:104px;
}
.dpo_advantages_actived,
.dpo_advantages:hover
{
	background:url(../images/exp_adv_hover.jpg) no-repeat left bottom;
	width:104px;
}
.dpo_benfits
{
	background:url(../images/exp_benefits.jpg) no-repeat left bottom;
	width:82px;
}
.dpo_benfits_actived,
.dpo_benfits:hover
{
	width:82px;
	background:url(../images/exp_benefits_hover.jpg) no-repeat left bottom;
}
.dpo_value_prop
{
	background:url(../images/exp_value_prop.jpg) no-repeat left bottom;
	width:145px;
}
.dpo_value_prop_actived,
.dpo_value_prop:hover
{
	width:145px;
	background:url(../images/exp_value_prop_hover.jpg) no-repeat left bottom;
}

.dpo_interactive
{
	background:url(../images/dpo_ineractive.png) no-repeat left bottom;
	width:302px;
}
.dpo_interactive_actived,
.dpo_interactive:hover
{
	background:url(../images/dpo_ineractive_hover.png) no-repeat left bottom;
	width:302px;
}
.dpo_creative
{
	background:url(../images/dpo_creative.png) no-repeat left bottom;
	width:199px;
}
.dpo_creative_actived,
.dpo_creative:hover
{
	background:url(../images/dpo_creative_hover.png) no-repeat left bottom;
	width:199px;
}
.dpo_art_work
{
	background:url(../images/dpo_art_work.png) no-repeat left bottom;
	width:172px;
}
.dpo_art_work_actived,
.dpo_art_work:hover
{
	background:url(../images/dpo_art_work_hover.png) no-repeat left bottom;
	width:172px;
}

/*.dpo_tabs2 div
{
	float:left;
	font-family: 'MilkyWayCondBoldRegular';
	color:#b6b6b6;
	text-transform:uppercase;
	margin-right:2px;
	background:url(../images/dpo_tabs_bg.png) no-repeat right bottom;
}

.dpo_tabs2 div a
{
	color:#b6b6b6;
	text-align:center;
	padding:0px 0px 0px 12px;
	margin:0px 12px 0px 0px;
	line-height:30px;
	display:block;
	text-decoration:none;
	background:url(../images/dpo_tabs_bg_rev.png) no-repeat left bottom;
}
.dpo_tabs2 div:hover,
.dpo_tabs2 div.actived2
{
	background:url(../images/dpo_tabs_hover_bg.png) no-repeat right bottom;
	color:#484848;
}
.dpo_tabs2 div.actived2 span,
.dpo_tabs2 div:hover a
{
	color:#484848;
	text-align:center;
	text-decoration:none;
	padding:0px 0px 0px 12px;
	margin:0px 12px 0px 0px;
	line-height:30px;
	display:block;
}
.dpo_tabs2 div.actived2 span,
.dpo_tabs2 div:hover a
{
		background:url(../images/dpo_tabs_hover_bg_rev.png) no-repeat left bottom;
}*/



.dfp_content_box ul
{
	padding:0px 30px 0px 25px;
	margin:0px;
	clear:both;
	list-style:url(../images/webit_liststyle3.png);
}
.dpo_tabs_block ul,
.dpo_tabs_block2 ul
{
	padding:10px 30px 0px 25px;
	margin:0px;
	list-style:url(../images/webit_liststyle3.png);
}
.dfp_content_box ul li,
.dpo_tabs_block ul li,
.dfp_content_box2 ul li,
.dpo_tabs_block2 ul li

{
	list-style:url(../images/webit_liststyle3.png) outside;
	padding:0px 0px 5px 0px;
	line-height:16px;
	color:#FFF;
}

.orange p
{
	padding:0px 0px 0px 5px;
	margin:0px;
	color:#FFF;
	float:left;
	max-width:600px;
}
.orange
{
	padding:5px 0px 5px;
	margin:0px 0px 3px 0px;
	float:left;
	width:600px;
	border-bottom:1px dashed #646363;
}
.orange2
{
	padding:2px 0px 1px;
	margin:0px 0px 3px 0px;
	float:left;
	width:690px;
	border-bottom:1px dashed #646363;
}
.orange2 h3,
.orange2 h4,
.orange2 h5
{
	float:left;
	font-family: 'MilkyWayCondBoldRegular';
}
.orange2 h5
{
	color:#FFF;
}
.pad60
{
	padding-left:60px;
}
.pad120
{
	padding-left:120px;
}
.pad180
{
	padding-left:180px;
}
.orange2 h4
{
	line-height:33px;
}
.orange2 h3
{
	line-height:25px;
}
.orange2 p
{
	padding:9px 0px 5px;
}
.orange span,
.orange2 span
{
	padding:0px 5px 0px 0px;
	margin:0px;
	float:left;
	font-weight:bold;
	color:#f26722;
}
.orange2 div.list_style
{
	background:url(../images/dpo_list_style.png) no-repeat left top;
	padding:7px 0px 0px 10px;
	margin-bottom:5px;
	border-bottom:1px dotted #FFF;
	height:28px;
	display:table;
	clear:both;
}
.dpo_right
{
	width:295px;
	display:table;
	padding:0px 0px 0px 0px;
	margin-right:32px;
	float:right;
	text-align:right;
	color:#FFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
.dpo_right2
{
	width:201px;
	display:table;
	padding:0px 0px 0px 10px;
	margin-right:32px;
	float:right;
	text-align:right;
	color:#FFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
.explore_options
{
	width:204px;
	height:140px;
	padding:70px 43px 0px 0px;
	clear:both;
	margin:8px 0px 11px 18px;
	background:url(../images/dpo_explore_options.png) no-repeat right bottom;
}
.explore_options2
{
	width:166px;
	height:157px;
	padding:56px 35px 0px 0px;
	clear:both;
	margin:8px 0px 11px 0px;
	font-family: 'MilkyWayCondBoldRegular';
	background:url(../images/dpo_explore_options2.png) no-repeat right bottom;
}
.below_art_dpo
{
	background:url(../images/dpo_below_art.png) no-repeat right bottom;
	width:263px;
	height:134px;
	clear:both;
}
.below_art_dpo2
{
	background:url(../images/dpo_below_art2.png) no-repeat right bottom;
	width:201px;
	height:134px;
	clear:both;
}
.explore_options2 a.actived3
{
	color:#FFF;
}
.dpo_right a,
.dpo_right2 a
{
	color:#FFF;
	line-height:62px;
	text-decoration:none;
	color:#eeb70c;
	clear:both;
	display:block;
}

.dpo_right a:hover,
.dpo_right2 a:hover
{
	text-decoration:none;
	color:#FFF;
}
/*-------------Design for print-------------*/
#design_for_print
{
	width:992px;
	padding:0px 4px 0px 4px;
	display:block;
	margin:0px;
}
.design_for_print_content
{
	width:665px;
	padding:0px;
	display:table;
	float:left;
	padding:0px 18px 0px 0px;
	background:url(../images/vrtical_line2.jpg) repeat-y right top;
}
#dfp_heading
{
	margin:5px 0px 5px 10px;
	height:45px;
	padding:0px 10px;
	line-height:45px;
	background:#FFF;
	clear:both;
	color:#1e285b;
	font-family: 'MilkyWayCondBoldRegular';
}
#dfp_heading h3
{
	font-family:Arial, Helvetica, sans-serif;
	line-height:16px;
	float:left;
	padding:23px 5px 0px 0px;
}
#dfp_heading span.pink
{
	color:#ea088c;
	float:left;
	padding:0px 4px;
}

#dfp_heading span.skyblue
{
	color:#28aae1;
	float:left;
	padding:0px 4px;
}
#dfp_heading span.blue
{
	color:#1e285b;
	float:left;
	padding:0px 4px;
}
#dfp_heading span.green
{
	color:#3ab44b;
	float:left;
	padding:0px 4px;
}
.dfp_content_wrapper
{
	width:665px;
	display:table;
	clear:both;
}
.dfp_content_box
{
	background:url(../images/design_for_print_bg.png) repeat-y left top;
	width:615px;
	display:table;
	clear:both;
	padding:0px 25px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:left;
}
.dfp_content_box2
{
	width:630px;
	display:table;
	clear:both;
	padding:0px 25px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:left;
}
.dfp_content_box h3
.dfp_content_box2 h3
{
	font-family: 'GaryOwenBoldItalicBoldItalic';
	clear:both;
}
.dfp_content_innerbox h4 span.soon
{
	font-family: 'GaryOwenBoldItalicBoldItalic';
	clear:both;
	height:100px;
	text-align:center;
}
span.pink3,
.dfp_content_innerbox span.pink,
.dfp_content_box h3 span.pink2
{
	color:#ea088c;
}
.dfp_content_box h3 span.green2,
span.green3
{
	color:#3ab44b;
}
span.skyblue3,
.dfp_content_innerbox span.skyblue,
.dfp_content_innerbox span.skyblue a,
.dfp_content_innerbox span.skyblue a:hover,
.dfp_content_box h3 span.skyblue2
{
	color:#28aae1;
}
span.yellow2
{
	color:#f8ef22;
}
span.white2
{
	color:#ffffff;
}
span.pink3,
span.skyblue3,
span.green3,
span.yellow2
{
	font-weight:bold;
}
.dfp_content_innerbox
{
	width:595px;
	height:250px;
	margin:10px 10px;
	display:table;
}
.dfp_content_innerbox a
{
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}
.dfp_content_innerbox img.image_border
{
	padding:5px;
	margin-bottom:10px;
	border:1px dashed #3c4883;
	clear:right;
}
.dfp_content_innerbox p
{
	padding:0px 0px 10px 0px;
}
p.left_padd
{
	padding-left:15px;
}

.dfp_content_box_top
{
	width:665px;
	height:20px;
	background:url(../images/design_for_print_top_bg.png) no-repeat left top;
	clear:both;
	padding:0px;
}
.dfp_content_box_bottom
{
	width:665px;
	height:20px;
	background:url(../images/design_for_print_bottom_bg.png) no-repeat left top;
	clear:both;
	padding:0px;
}
.dfp_content_box_left
{
	width:288px;
	display:table;
	float:left;
}
.white_bg_txt
{
	width:275px;
	padding:0px 0px 2px 0px;
}
.white_bg_txt p
{
	clear:both;
	text-align:left;
}
#white_bg_blue_txt
{
	clear:both;
	background:url(../images/white_bg_txt.png) no-repeat left bottom;
	font-family: 'MilkyWayCondBoldRegular';
	color:#484848;
	text-align:left;
	vertical-align:bottom;
	padding:30px 10px 15px 10px;
	z-index:-2;
	margin-top:-15px;
}

.small
{
	line-height:18px;
	clear:both;
	padding:0px 0px 3px 0px;
	*padding:0px 0px 6px 0px;
}
.mideum
{
	line-height:24px;
	clear:both;
	padding:0px 0px 3px 0px;
	*padding:0px 0px 6px 0px;
}
.large
{
	line-height:28px;
	clear:both;
	padding:0px 0px 3px 0px;
	*padding:0px 0px 6px 0px;
}
.xlarge
{	
	line-height:36px;
}
.attention
{
	height:85px;
	width:288px;
	clear:both;
	padding:7px 0px;
}
.attention_right
{
	height:78px;
	width:115px;
	float:left;
	padding:6px 0px;
	display:block;
}
.attention_right h2
{
	font-family: 'MilkyWayCondBoldRegular';
	line-height:23px;
	height:43px;
	color:#3ab44b;
	margin:0px;
	padding:15px 0px 20px;
	float:left;
	text-transform:uppercase;
	width:92px;
}
.attention_bracket
{
	background:url(../images/brackets_green_yelow.png) no-repeat -1px top;
	width:22px;
	margin-left:1px;
	height:78px;
	float:left;
}
.attention p
{
	text-align:left;
	padding-left:10px;
	width:163px;
	float:left;
}

.dfp_pie_chart
{
	width:325px;
	background:url(../images/dfp_pie_chart.png) no-repeat left top;
	height:340px;
	float:right;
}
.accountability
{
	width:615px;
	height:89px;
	padding-top:10px;
	clear:both;
}
.accountability_right
{
	width:166px;
	height:89px;
	padding:5px 0px;
	float:left;
}
.accountability_right h2
{
	font-family: 'MilkyWayCondBoldRegular';
	line-height:23px;
	height:43px;
	color:#f8ef22;
	margin:0px;
	padding:17px 0px 20px;
	float:left;
	text-transform:uppercase;
	width:138px;
}
.accountability_right h2 span
{
	color:#f8ef22;
	line-height:26px;
}
.accountability_bracket
{
	background:url(../images/brackets_green_yelow.png) no-repeat right top;
	width:23px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 5px;
	height:78px;
	float:left;
}
.accountability p
{
	text-align:left;
	padding:7px 0px 0px 10px;
	width:439px;
	float:left;
}
.dfp_right
{
	width:289px;
	padding:20px 0px 0px 0px;
	float:right;
	display:table;
}
.benifits_of_dpo2
{
	background:url(../images/benefits_of_dpo2.jpg) no-repeat left top;
	width:139px;
	height:76px;
	padding:18px 38px 25px 127px;
	margin-bottom:18px;
	clear:both;
}
.benifits_of_dpo2 h1,
.if_you_are_looking_for h1
{
	color:#3ab44b;
	font-family: 'GaryOwenBoldItalicBoldItalic';
	text-align:right;
	padding:0px;
	margin:0px;
	clear:both;
}
.benifits_of_dpo2 p,
.if_you_are_looking_for p
{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	text-align:right;
	padding:0px;
	margin:0px;
	clear:both;
}
.benifits_of_dpo2_btn
{
	margin-top:15px;
}
.benifits_of_dpo2_btn,
.if_you_are_looking_for_btn
{
	width:95px;
	height:23px;
	clear:both;
	float:right;
	background:url(../images/arrow_kit.png) no-repeat right -10px;
}
.benifits_of_dpo2_btn:hover,
.if_you_are_looking_for_btn:hover
{
	background:url(../images/arrow_kit.png) no-repeat right bottom;
}
.if_you_are_looking_for_btn
{
	margin-top:5px;
}
.if_you_are_looking_for
{
	background:url(../images/if_you_are_looking_for.jpg) no-repeat left top;
	width:181px;
	height:93px;
	padding:10px 38px 20px 85px;
	margin-bottom:18px;
	clear:both;
}
/*-------------FOOTER-------------*/
#footer_inner
{
	width:100%;
	background:url(../images/footer_bg.gif) no-repeat top center;
	height:30px;
	margin:0px auto;
	clear:both;
	padding:47px 0px 10px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#000;
}
.footer_inner_set
{
	width:970px;
	margin:0px auto;
	padding:0px 15px;
}
.footer_inner_links
{
	width:750px;
	float:left;
}
.footer_inner_links a
{
	color:#000;
	text-decoration:none;
	padding:0px 3px;
	line-height:18px;
}
.footer_inner_links a:hover
{
	color:#008cd8;
	text-decoration:none;
}
.copy_right
{
	width:140px;
	float:right;
}
.copy_right_icon2
{
	width:29px;
	height:30px;
	margin-right:6px;
	margin-top:4px;
	background:url(../images/icons_set.png) no-repeat right -6px;
	float:left;
}
.copy_right_icon
{
	width:29px;
	height:30px;
	margin-right:6px;
	margin-top:0px;
	background:url(../images/icons_set.png) no-repeat right -6px;
	float:left;
}
#footer_home.copy_right_icon:hover
.copy_right_icon:hover
{
	background:url(../images/icons_set.png) no-repeat right bottom;
}
.copy_rights_txt
{
	float:left;
}


/*---------Font size changes using js------------------*/
.aboutus_tree2{ display:none;}
.aboutus_tree
{
	width:595px;
	height:450px;
	margin:10px 10px;
	display:table;
	background:url(../images/aboutus_tree.png) no-repeat left 44px;
}
.aboutus_tree p
{
	text-align:right;
}

.font_span1 {
	font-size:10px;
	font-weight:bold;
	margin:0 0 0 3px;
}
.font_span2 {
	font-size:11px;
	font-weight:bold;
	margin:0 0 0 3px;
}
.font_span3 {
	font-size:13px;
	font-weight:bold;
	margin:0 0 0 3px;
}

.font_box {
	position:absolute; right:0;
	padding:6px 6px; font-family:Arial; font-size:12px;
	background:#333;
	height:17px;
	margin-top:170px;
	color:#fff;
}
.font_box a{ cursor:pointer; font-family:Verdana, Arial, Helvetica, sans-serif;}

/*---------Portfolio------------------*/

.porfolio_nav_mobile{ display:none;}
.porfolio_nav
{
	width:260px;
	_width:260px;
	height:508px;
	padding-top:92px;
	margin-left:30px;
	_margin-left:10px;
	background:url(../images/portfolio_nav_bg.png) no-repeat top center;
	float:left;
}

.porfolio_nav_top
{
	background:url(../images/portfolio_nav_top.png) no-repeat top center;
	height:27px;
	clear:both;
}
.porfolio_nav_mid
{
	background:url(../images/portfolio_nav_mid.png) repeat-y top center;
	clear:both;
	display:table;
	width:260px;
}
.porfolio_nav_mid h1
{
	font-family: 'MilkyWayCondBoldRegular';
	font-size:25px;
	height:26px;
	line-height:26px;
	color:#FFF;
	padding:0px 10px;
}
.porfolio_nav_mid h1 a{color:#FFF;}
.porfolio_nav_mid span.ping_bg h1,
.porfolio_nav_mid span.green_bg h1
{
	clear:both;
	width:180px;
	margin:6px 30px;
}
.porfolio_nav_mid span.green_bg h1 a,
.porfolio_nav_mid span.green_bg h1 a:hover
{
	color:#FFF;
	display:block;
	text-decoration:none;
}
.porfolio_nav_mid ul
{
	margin:2px 30px;
	width:200px;
	clear:both;
	padding:0px;
	list-style:none;
}
.porfolio_nav_mid ul li
{
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 20px;
	height:21%;
	display:table;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	line-height:21px;
	border-left:1px solid #696969;
	list-style:none;
	background:url(../images/portfolio_list_style.png) no-repeat left top;
}
.porfolio_nav_mid ul li a
{
	color:#1e285b;
	text-decoration:none;
}
.porfolio_nav_mid ul li a:hover,
.porfolio_nav_mid ul li.actived4
{
	color:#ea088c;
	text-decoration:none;
}
.porfolio_nav_mid ul li.actived4 ul
{
	padding:0px;
	margin:0px;
	list-style:none;
}
.porfolio_nav_mid ul li.actived4 ul li
{
	padding:0px 0px 0px 10px;
	margin:0px;
	border-left: 0px solid dimGray;
	list-style:none;
	background:url(../images/portfolio_list_style.png) no-repeat -7px top;
}
.porfolio_nav_mid ul li.actived4 ul li a:hover,
.porfolio_nav_mid ul li.actived4 ul li.actived5
{
	color:#ea088c;
	text-decoration:none;
}


.porfolio_nav_bottom
{
	background:url(../images/portfolio_nav_bottom.png) no-repeat top center;
	clear:both;
	height:34px;
}
.porfolio_content_wrapper
{
	width:660px;
	display:table;
	float:right;
	margin-right:30px;
}
.porfolio_content_wrapper2
{
	width:660px;
	display:table;
	float:left;
}
.porfolio_content_wrapper2 h1,
.porfolio_content_wrapper h1,
.porfolio_content_wrapper h3
{
	width:640px;
	background:#FFF;
	height:45px;
	line-height:45px;
	padding:0px 10px;
	margin:0px;
	font-family: 'MilkyWayCondBoldRegular';
}
.porfolio_item_box
{
	width:190px;
	height:261px;
	padding:20px 15px 0px 15px;
	display:table;
	float:left;
	background:none;
}
.porfolio_item_box2
{
	width:190px;
	height:245px;
	padding:20px 15px 0px 15px;
	display:table;
	float:left;
	background:none;
}
.porfolio_item_box_img
{
	width:174px;
	height:145px;
	padding:10px 8px;
	margin-bottom:10px;
	clear:both;
	background:url(../images/portfolio_item_bg.png) no-repeat top left;
}
.porfolio_item_box2 img,
.porfolio_item_box2 img a,
.porfolio_item_box img,
.porfolio_item_box img a,
.fullbanner img,
.wide_skyscraper img,
.mediumrect img
{
	border:none;
}
.porfolio_item_box2 h2,
.porfolio_item_box h2,
.fullbanner h2,
.wide_skyscraper h2,
.mediumrect h2
{
	border-bottom:1px dotted #FFF;
	border-top:1px dotted #FFF;
	height:12%;
	width:100%;
	display:table;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:center;
	padding:7px 0px;
	margin:0px 0px;
	line-height:normal;
}

.porfolio_item_box2 h2 a,
.porfolio_item_box h2 a,
.fullbanner h2 a,
.wide_skyscraper h2 a,
.mediumrect h2 a
{
	text-decoration:none;
	color:#FFF;
	display:block;
}
.siteurl
{
	clear:both;
	line-height:18px;
	height:18px;
	text-align:center; word-wrap:break-word; width:189px;
	
}
.siteurl a
{
	color:#FFF;
	text-decoration:none;
}
.siteurl a:hover
{
	color:#FFF;
	text-decoration:underline;
}
.leaderboard
{
}
.fullbanner
{
	width:100%; margin:10px auto 20px; display:table; text-align:center;
}
.fullbanner img,
.wide_skyscraper img,
.mediumrect img
{
	padding:10px 0px 10px 0px; margin:0px auto;
}
.wide_skyscraper
{
	width:180px; padding:10px 0px; margin:auto; float:left;  text-align:center;
}
.mediumrect
{
	width:300px; padding:10px 0px; margin:0px 15px 0px 15px; float:left;  text-align:center;
}


.clr{ clear:both;}
.main_point{ width:80%; font-family:'ContextRepriseLightCondSSiBd'; font-size:30px; color:#f8ef22; padding-bottom:8px; padding-top:6px; line-height:30px;}
.txt_size16{ font-weight:bold;}

.sub_style{ font-family:'ContextRepriseLightCondSSiBd'; color:#28AAE1;}
body.home{
	background:#FFF url(../images/body_bg_home.jpg) no-repeat top center;
	margin:0px;
	padding:0px;
}
.web_it{ width:290px;}


/* Navigation part */

#nav,
#nav ul{ display:none;}




/* WEB & IT NAV */

.toggleMenu {
	text-decoration:none;
	color:#ea088c;	width:260px;
}
.web_It_nav {
    list-style: none;
     *zoom: 1;

}
.web_It_nav:before,
.web_It_nav:after {
    content: " "; 
    display: table; 
}
.web_It_nav:after {
    clear: both;
}
.web_It_nav ul {
    list-style: none;
    width: 9em;
}
.web_It_nav a {
    padding: 10px 15px;
    color:#fff;
}
.web_It_nav li {
    position: relative;
}
.web_It_nav > li {
    float:none;
	clear:both;
   
}
.web_It_nav > li > .parent {
    background-image: url("images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}
.web_It_nav > li > a {
    display: block;
}
.web_It_nav li  ul {
    position: absolute;
    left: -9999px;
}
.web_It_nav > li.hover > ul {
    left: 0;
}
.web_It_nav li li.hover ul {
    left: 100%;
    top: 0;
}
.web_It_nav li li a {
    display: block;
    background: #1d7a62;
    position: relative;
	font-weight:bold;
    z-index:100;
    border-top: 1px solid #175e4c;
}
.web_It_nav li li li a {
    background:#249578;
    z-index:200;
    border-top: 1px solid #1d7a62;
}

#portfolio_nav_mobile{ display:none;}