body{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; background:url(../images/phanta_top_bg.jpg) left top repeat-x #eee;}

#wrappaer { width:1000px; margin:0 auto 0 auto; padding:0px; display:table; position:relative; }

/*==================================================================
                         Commen style
====================================================================*/
h1, h2, h3, h4, p{ margin:0px; padding:0 0 10px 0;}

h1 { font-size:24px; color:#666666; line-height:28px; font-weight:normal; padding-bottom:15px;}

.bold{ font-weight:bold;}

a{ text-decoration:none;}

img{ border:none;} 

.clear{ padding:15px 20px 0 0;}
.both { clear:both;}
.left { float:left;}
.right { float:right;}
.padd{ padding:5px 0px 0px 0px;}

.fntsz11 a{  color:#ccc;}
.fntsz11 a:hover{color:#fff;}

.fntsz11{ font-size:13px;}
.fntsz13{ font-size:13px;}
.fntsz15{ font-size:15px;}
.fntsz24{ font-size:24px;}
.fntsz26{ font-size:26px;}
.fntsz28{ font-size:28px;}
.nopadd { padding:0px;}
.texfield{ float:left; width:130px; border:1px solid #999999; font-size:11px;}
.spacer { float:left; clear:both; height:20px; display:block; width:580px;}
/*==================================================================
                         Header part
====================================================================*/
#headrpart { width:1000px; float:left; margin:0px; padding:0px; height:124px;}
#headrpart .logo { float:left; width:176px; padding:25px 0 0 39px; }
#headrpart .navigation { float:left; width:571px; padding:10px 25px 0px 187px; }
.phoneno { float:left; padding:0px 10px 45px 0px; width:561px; text-align:right;}
.navipart { width:571px; float:left;}

ul.navi {
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.navi li {
	display:inline;
	float:left;
	padding:0px;
}
ul.navi li a {
	display:block;
}
ul.navi li ul {
	position: absolute; /* hidding submenus */
	display:none;
	width:215px;
	padding:0px;
	font-size:12px;
	margin:0px;
	font-weight:bold;
	background:#222222;
	text-align:left;
}
ul.navi li:hover ul, ul.navi li.over ul /* This is for Internet Explorer 6  */ {
	display: block;
	font-weight:bold;
	font-size:13px;
	z-index: 4000;
	position:absolute;
}
ul.navi li ul li {
	display:block;
	font-size:13px;
	margin:0px;
	font-weight:bold;
	width:205px;
}
ul.navi li:hover ul li a, ul.navi li.over ul li a {
	display: block;
	width:205px;
	background: transparent;
	text-decoration: none;
	padding:4px 0px 4px 10px;
	color:#FFFFFF;
	margin:0px;
	font-size:13px;
	border-bottom:1px solid #666666;
	text-align:left;
	line-height:18px;
}
ul.navi li ul li a:hover, ul.navi li ul li a.selected {
	color:#f58220;
	display:block;
}

/*==================================================================
                         Center part
====================================================================*/

#centerpart { background: url(../images/hd_bg.jpg) repeat-y center top; width:1000px; padding:0px; float:left; margin:0 auto 0 auto;}
#centerpart .topbg { background:url(../images/header_bg.jpg) no-repeat center top; width:1000px; padding:0px; float:left;}
#centerpart .bottombg { background:url(../images/hd_ftr.jpg) no-repeat center bottom; width:926px; margin:0px; padding:49px 31px 41px 43px; float:left;}

#centerpart .portfoliotop { background:url(../images/portfolioheaderbg.jpg) no-repeat center top; margin:0 auto 0 auto; width:1000px; padding:0px; float:left;}
#centerpart .portfoliobottombg { background:url(../images/hd_ftr.jpg) no-repeat center bottom; width:926px;  margin:0 auto 0 auto; padding:16px 31px 41px 43px; float:left;}

#bannerpart { width:926px; float:left; clear:both;}
#bannerpart .leftpunchline { width:364px; float:left; padding:55px 0px 0px 0px;}
#bannerpart .leftpunchline h1 { font-size:30px; line-height:34px;  color:#ffffff; font-weight:normal; }
#bannerpart .tvvideo { width:559px; float:left;}

.bannerpart1 { width:900px; float:left; clear:both; padding:21px 0px 0px 17px; margin:0px;}

.leftpunchline1 { width:301px; float:left; vertical-align:middle; padding:20px 0px 0px 40px; color:#FFFFFF;}
.leftpunchline1 h1 { color:#FFFFFF; font-size:32px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
.leftpunchline1text { color:#FFFFFF; font-size:18px; line-height:22px; font-family:Arial, Helvetica, sans-serif; padding:0px 20px 0px 0px;}
.leftpunchline1 h2 { color:#FFFFFF; font-size:18px; padding:0px 0px 5px 0px; margin:0px;}



.tvvideo1 { width:559px; float:left;}

.portfoliocontentpart { width:926px; float:left; padding-bottom:10px; font-size:12px; color:#666666; clear:both;}
.portfoliocontentpart .lefthead { float:left; padding-right:20px;}



#contentpart, #contentpart1, #contentpart2, #contentpart3, #contentpart4, #contentpart5 { width:926px; float:left;}



.phead { font-size:24px;}

.leftpart { width:598px; float:left; padding:0px 20px 0px 20px; font-size:15px; color:#666666;}
.leftpart p { line-height:20px; padding-bottom:15px;}
.leftpart a {
	color:#F60;
	text-decoration:underline;
	font-weight: bold;
}
.leftpartCALL {font-size:18px; line-height:20px; color:#F60; padding-bottom:15px;}
.leftpartTitle{ font-size:24px; color:#666666; line-height:28px; font-weight:normal; padding-bottom:15px;}

h2 { font-size:24px; color:#666666; line-height:28px; font-weight:normal; padding-bottom:15px;}

.buletpoint { width:583px; float:left; padding:15px 0px 15px 15px; clear:both;}
.block1 { width:49%; float:left;}
.block2 { width:50%; float:right;}

ul.teaserpoint { margin:0px; padding:0px; list-style:none;}
ul.teaserpoint li { font-size:20px; color:#666666; font-weight:bold; margin-bottom:10px;  display:block; }

ul.teaserpoint li a { font-size:20px; color:#666666; font-weight:bold; display:block; height:60px; }
ul.teaserpoint li a:hover {color:#f58220;}

.icon_marketing { background:url(../images/markdting_icn.jpg) no-repeat left top; padding-left:75px;}
.icon_social { background:url(../images/socialmarketing_icn.jpg) no-repeat left top; padding-left:75px;}
.icon_training { background:url(../images/training_icn.jpg) no-repeat left top; padding-left:75px;}
.icon_conference { background:url(../images/conferences_icn.jpg) no-repeat left top;padding-left:80px;}
.icon_videotestimonial { background:url(../images/videotestimonial_icn.jpg) no-repeat left top; padding-left:80px;}
.icon_yourbusiness { background:url(../images/yourbusiness_icn.jpg) no-repeat left top; padding-left:80px;}


#contentpart .rightpat { width:287px; float:left;}
.sociallogo { background:url(../images/box1.jpg) no-repeat left top; width:253px; float:left; padding:6px 21px 0px 13px; margin-bottom:10px; }

ul.pagepoint { margin:0px; padding:10px 0px 0px 0px; list-style:none; font-size:18px; color:#F60;}
ul.pagepoint li { background:url(../images/sub-head-roundbox2.jpg) no-repeat left top; padding-left:50px; line-height:45px; padding-bottom:10px; width:530px; margin-bottom:10px; color:#F60;}
ul.pagepoint li a { color:#F60;}
ul.pagepoint li a:hover { color:#333333;}

ul.list {margin-bottom:30px;}
ul.list li { padding-left:15px; line-height:22px;}


.bottomcall {
	float:right;
	font-size:12px;
	color:#666666;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.bottomcall a {
	color:#666666;
	text-decoration:underline;
	font-weight: bold;
}


/*==================================================================
                         Fotter part
====================================================================*/

#fotterpart{ background:url(../images/phanta_ftr_bg.jpg) left top repeat-x #1e1e1e; background-color:#161616; width:100%; color:#ccc; display:table; clear:both; position:relative;} 

.fotter{ width:890px; padding:45px 55px 0px 55px; margin:0 auto 0 auto; display:table;}
.ftr_lft{ float:left; width:220px; height:250px;}
.ftr_rgt{ float:right; text-align:right; font-size:11px;}
.ftr_rgt a{ color:#cccccc;}
.ftr_rgt a:hover, .ftr_rgt a.selected { color:#f58220;}

ul.recent { float:left; margin:0px; padding:10px 0px 12px 12px;}
ul.recent li{ margin:0px; padding:0px 0px 5px 2px; font-size:11px;}
ul.recent li a{text-decoration:underline; color:#cccccc; }
ul.recent li a:hover{ color:#FFFFFF; text-decoration:none;}
