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; 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 .logo2 { float:right; width:200px; padding:25px 40px 0px 0px; }
#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;
	margin:0px;
	padding-top: 21px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}

.leftpunchline1 {
	width:301px;
	float:left;
	vertical-align:middle;
	color:#FFFFFF;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
}
.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;}
.leftpunchline1textBIG { color:#FFFFFF; font-size:46px; line-height:42px; 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;
}

.leftpart2 { width:875px; float:left; padding:0px 20px 0px 20px; font-size:15px; color:#666666;}
.leftpart2 p { line-height:20px; padding-bottom:15px;}
.leftpart2 a {
	color:#F60;
	text-decoration:underline;
	font-weight: bold;
}

.our-team-title { float:left; padding:10px 10px 10px 10px; font-size:22px; color:#F60;}
.samplevideos-title {padding:0px 0px 0px 0px; font-size:22px; color:#F60;}

.our-team-bio {padding:10px 0px 10px 10px; font-size:15px; color:#666666;}

.our-team-video { width:400; height:225; vertical-align:top; padding:15px 0px 0px 0px;}



.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; line-height:14px;}
ul.recent li a{text-decoration:none; color:#cccccc; }
ul.recent li a:hover{ color:#f58220; text-decoration:none;}



/* Form */

.title { margin: 10px 0 10px; font-size: 24px; color: #F60; }
hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; }
#contact {width: 440px; padding: 10px; }

/* Form style */

label {float: left; height: 18px; line-height: 18px; width: 150px; font-size: 14px; -moz-border-radius: 5px; -webkit-border-radius:5px;s}
input, textarea, select { margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:14px Arial, sans-serif; -moz-border-radius: 5px; -webkit-border-radius:5px; }   
input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
input.submit { cursor: pointer; border: 1px solid #222; background:#333; color:#fff; -moz-border-radius: 5px; -webkit-border-radius:5px; }
input.submit:hover { background:#444; }
fieldset { padding:20px; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }
legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }

span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

/* Style for the error message */

.error_message { display: block; height: 18px; line-height:18px; background: #FBE3E4 url('form/assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }

#succsess_page h1 { background: url('form/assets/success.gif') left no-repeat; padding-left:22px; }


/* Style for Our Work */

.imageOver{
	background:url(zoom.gif) no-repeat 50% 50%;	
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;

}
.imageOut2{
	background:#fff;	
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;	
}

.imageOver2{
	background:url(../play.gif) no-repeat 50% 50%;		
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	
}

.gallerycontainer {
	list-style:none;
	float:left; 
	display: inline; 
	width:100%;
}
.gallerycontainer img{	border: 2px #ff8700 solid; margin:0 0 10px 0;}


.gallerycontainer li {
	float:left; 
	padding:10px 48px 20px 0px; 
}

.gallerycontainer li a {
	font-size:12px;
	color:#878787;
	font-weight:bold;


}

.gallerycontainer li a:hover{
	color:#1c1c1c;
}


.description {
	font-size:9px;
	font-weight:normal;
	width:160px;
	height:30px;
	display:block;
	margin:0px;
	float:left;
	overflow:hidden;
	}



/*Start Tutorial CSS - Ignore*/


#wrapper {
	position:absolute;
	width:780;	
	height:400px;
	top:50%;
	left:50%;
	margin-top:-200px;
	margin-left:-390px;
	text-align:center;
}

#videoswrap {
	position:relative;
	height:150px;
}



#links, #videos {  
     list-style: none;  
     position: relative;  
     margin: 0;  
     padding: 0;
}

#links li {
	float:left;
	margin-left:70px;
}

#videos li {
	float:left;
	margin-left:30px;
}

/*End Tutorial CSS - Ignore*/