/*
Theme Name: Phil Communications
Theme URI: http://www.philcommunications.com/
Author: Laurence Rabino
Author URI: http://philcommunications.com
Version: 1.0

*/

body { margin:0; padding:0; background:url(images/MainBG.jpg) 0 0 repeat; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#404040; font-weight:normal; line-height:18px; }
a { outline:none; }
hr { border-bottom:none; border-right:none; border-left:none; border-top:1px dotted #000;}
#content ul { padding:0px 0px 0px 20px}
#BGtie { background:url(images/headerBG.gif) 0 0 no-repeat; height:155px; }
#headwrapper { width:1010px; margin:0 auto; position:relative; }
#headContainer { height:155px; }
#nameTagEN, #nameTag { position:absolute; left:700px; z-index:1; }
#nameTag a { text-indent:-9999px; display:block; background:url(images/philNametag.png) 0 0 no-repeat; width:323px; height:191px; margin:0; padding:0; }
#nameTagEN a { text-indent:-9999px; display:block; background:url(images/philNametagEN.png) 0 0 no-repeat; width:323px; height:191px; margin:0; padding:0; }
.clr { clear:both; }
blockquote { border-left:solid 5px #CCC; margin:10px; padding-left:10px; color:#68A622; border-bottom:solid 1px #CCC; font-size:11px; }
h1, h2, h3, h4 { font-weight:normal; }
h3 { color:#68A622; border-top:1px dotted #bfbfbf; padding:10px 0 0 0; display:table; width:100%; margin-bottom:0; }
.black { color:#000; font-size:14px; }

/*TOP NAV*/
#topNav { color:#FFF; height:37px; }
#topNav ul { margin:0; padding:0; }
#topNav li a { color:#FFF; font-size:12px; text-decoration:none;}
#topNav li a:hover { color:#375811; }
#topNav li { list-style:none; float:left; padding:5px 8px 8px 8px; background:url(images/topNav.gif) 0 0 repeat; }
.icl-en { display:none;} 
#lang_sel_list ul { border-top: none !important; background:none; } 
#lang_sel_list ul a.lang_sel_other, #lang_sel li ul a:link, #lang_sel_list ul a.lang_sel_other:visited { background-color:none !important;}

/*MAIN NAV*/
#mainNav { margin-top:53px; position:relative; }
#mainNav ul { margin:0; padding:0; }
#mainNav li { float:left; margin-right:3px; list-style:none; display:block; height:65px; }
#phils-vision .about a, #about-phil .about a, #our-team .about a, #content-our-company .about a, #history .about a, #content-photos .about a, #content-news .about a, #content-testimonials .about a { background:url(images/mainNav.png) 0 -81px no-repeat; }
.about a { background:url(images/mainNav.png) 0 0 no-repeat; width:65px; display:block; text-indent:-9999px; height:65px; }
.work a { background:url(images/mainNav.png) -70px 0 no-repeat; width:82px; display:block; text-indent:-9999px; height:65px; }
.strategy a { background:url(images/mainNav.png) -157px 0 no-repeat; width:116px; display:block; text-indent:-9999px; height:65px; }
.branding a { background:url(images/mainNav.png) -279px 0 no-repeat; width:123px; display:block; text-indent:-9999px; height:65px; }
.campaign a { background:url(images/mainNav.png) -408px 0 no-repeat; width:140px; display:block; text-indent:-9999px; height:65px; }
.online a { background:url(images/mainNav.png) -554px 0 no-repeat; width:95px; display:block; text-indent:-9999px; height:65px; }
.blog a { background:url(images/mainNav.png) -655px 0 no-repeat; width:137px; width:95px; display:block; text-indent:-9999px; height:65px; }
#about-phil .about a { background:url(images/mainNav.png) 0 -81px no-repeat; }
#blog .blog a { background:url(images/mainNav.png) -655px -81px no-repeat; width:137px; }
#develop-strategy .strategy a { background:url(images/mainNav.png) -157px -81px no-repeat; width:116px; }
#expert-branding .branding a { background:url(images/mainNav.png) -279px -81px no-repeat; width:123px; }
#professional-campaigns .campaign a { background:url(images/mainNav.png) -408px -81px no-repeat; width:140px; }
#all-things-online .online a { background:url(images/mainNav.png) -554px -81px no-repeat; width:95px; }
#our-work .work a { background:url(images/mainNav.png) -70px -81px no-repeat; width:82px; }
.about a:hover { background:url(images/mainNav.png) 0 -81px no-repeat; }
.work a:hover { background:url(images/mainNav.png) -70px -81px no-repeat; width:82px; }
.strategy a:hover { background:url(images/mainNav.png) -157px -81px no-repeat; width:116px; }
.branding a:hover { background:url(images/mainNav.png) -279px -81px no-repeat; width:123px; }
.campaign a:hover { background:url(images/mainNav.png) -408px -81px no-repeat; width:140px; }
.online a:hover { background:url(images/mainNav.png) -554px -81px no-repeat; width:95px; }
.blog a:hover { background:url(images/mainNav.png) -655px -81px no-repeat; width:137px; }

/*SUBNAV*/
#Subpages { padding:10px; position:absolute; width:183px; }
#Subpages a { text-decoration:none; color:#000; font-size:14px; }
#Subpages .offbtn a { background:none; text-indent: 0px; width: auto; height: auto; }
#Subpages a:hover { color:#68a622; }
#Subpages .current_page_item a { color:#68a622; background:none; text-indent: 0px; width: auto; height: auto; }
#Subpages li { display:block; height:auto; float:none; margin:auto; list-style:none; border-bottom:1px dotted #bfbfbf; padding:5px; }

/*MAIN*/
#BodyWrap { width:1030px; margin:0 auto; }
#accueil #mainCont, #home #mainCont { width:1030px; background:url(images/contentBGHP.png) 0 0 repeat-y; margin:0 auto; min-height:680px; float:left; }
#contact-us #mainCont, #search #mainCont, #blog #mainCont { width:1030px; background:url(images/contentBG3.png) 2px 0 repeat-y; margin:0 auto; min-height:800px; float:left; }
#about-phil #mainCont { width:1030px; background:url(images/contentBG2.png) 2px 0 repeat-y; margin:0 auto; min-height:800px; float:left; }
#mainCont { width:1030px; background:url(images/contentBG2.png) 2px 0 repeat-y; margin:0 auto; min-height:800px; float:left; }
#rotateBanner { float:left; width:744px; margin:5px 0 0 15px; height:244px; }
#rotateBanner p { margin:0; padding:0; }
#mainCopy { margin:0 0 0 14px; }
#content { width:460px; float:left; padding:10px; }
#content h2 { margin:10px 0 0 0 !important; }
#BGHeadTitle { padding: 1px 5px 10px 10px; border-bottom:1px dashed #CCC; background:#ededed; }
#contact-us #content, #search #content, #blog #content { padding:10px; width:720px; }
#a-propos-de-phil #content, #our-work #content, #all-things-online #content, #professional-campaigns #content, #expert-branding #content, #develop-strategy #content, #about-phil #content { width:500px; float:right; padding:10px; }
#wpcf7-f1-p418-o1 .your-name input, #wpcf7-f1-p418-o1 .your-email input, #wpcf7-f1-p418-o1 .your-subject input { width:220px; border:1px solid #999; height:20px;}
#wpcf7-f1-p418-o1 textarea { width:225px; border:1px solid #999;}
.formSubmit input { background:url(images/bg_btn_Submit.gif) 0 0 repeat-x; padding:5px; border:1px solid #aeaeae; font-family:Georgia, "Times New Roman", Times, serif;}
#content li { list-style:none; background:url(images/arrowList.jpg) 0 6px  no-repeat; padding:0 0 0 20px; margin:10px 0 10px 0;}
#home #content li { list-style:none; background:url(images/arrowList.jpg) 0 6px  no-repeat; padding:0 0 0 20px; background:url(images/arrowList.png) 0 2px no-repeat; margin:0;}
#Fworks li { list-style:none;}
table { border:0; margin:10px 0 0 0;}
tr td { border:0;}
/*#accordion img { margin:0 10px 0 0; border:1px solid #bfbfbf; padding:2px; }
#accordion em { color:#6d6d6d; font-size:11px; }
#accordion #kim { background:url(images/sample-BG-accordion.jpg) bottom right no-repeat; }
#kim p { width:290px; }*/

.teamdesc img{display:none; border:1px solid #CCC; margin:6px; padding:2px; float:right;}
#cboxLoadedContent img{display:block; border:1px solid #CCC; margin:6px; padding:2px; float:right;}
.teamdesc {display:none;}


/*RIGHT COLUMN*/
#rightCol { width:210px; float:right; margin:0 41px 0 0; padding:10px 6px 10px 14px; }
#rightCol h2 { border-bottom:1px dotted #797979; padding: 0; }
#rightCol2 { float:right; width:234px; padding:10px; margin:0 0 0 10px; }
#blog #rightCol2, #about-phil #rightCol2, #our-team #rightCol2, #phils-vision #rightCol2 { display:none; }
#rightCol2 h2 { border-bottom:1px dotted #797979; padding: 0; }
#Fworks h2 { margin:0;}
#NewEvents h2 { padding: 0; border-bottom:1px dotted #797979; }
#NewEvents ul { margin:0; padding:0; }
#NewEvents li { list-style:none; padding:10px 0 10px 0; margin:0; border-bottom:1px solid #d9d9d9; }
.views-field-created { color:#68a622; text-transform:uppercase; float:left; padding:0 10px 0 0; border-right:1px dotted #999; }
.views-field-title { display:table; padding:0 0 0 10px; }
.views-field-title a { text-decoration:none; color:#000; }

/*LEFT COLUMN*/
#leftCol { width:210px; float:left; margin:0 41px 0 0; padding:10px 6px 10px 14px; }
#leftCol h2 { border-bottom:1px dotted #797979; padding: 0; }
#leftCol2 { float:left; width:254px; padding:0; margin:0; }
#blog #leftCol2, #home #leftCol2 { display:none; }
#leftCol h2 { border-bottom:1px dotted #797979; padding: 0; }
#contactLeft { padding:10px; }

/*SEARCH*/
#searchform { margin: 40px 0 0 0; }
.form-text { width:150px; border:1px solid #e1e1e1; padding:0; height:27px; }
.goField { background:url(images/searchGlass.png) 0 0 no-repeat; width:38px; height:29px; text-indent:-9999px; border:none; margin:0; padding:0; line-height:0; }

/*NEWS AND EVENTS*/
#NewEvents { width:220px; margin:0 41px 0 0; padding:0 6px 10px 10px; }
#NewsListings { padding:0 0 0px 0; }
#NewsListings ul { margin:0; padding:0; }
#NewsListings li { list-style:none; padding:10px 0 10px 0; border-bottom:1px solid #d9d9d9; }
#NewsListings li a { color:#000; text-decoration:none; display:block; }
.date { color:#68a622; text-transform:uppercase; margin:0 10px 0 0; }
.postIng { font-size:12px; color:#000; }

/*NEWSLETTER*/
#newsEmail { width: 202px; font-size:11px; }

/*RECNT POSTING*/
#recentPost ul { margin:0; padding:0; }
#recentPost li { list-style:none; padding:10px 0 10px 0; border-bottom:1px solid #d9d9d9; margin:0; }
#recentPost li a { color:#000; text-decoration:none; display:block; }
.newsEmail { width:190px; border: 1px solid #e1e1e1; padding:5px; }
.newSubmit { background:url(images/bg_btn_Submit.gif) 0 0 repeat-x; height:28px; border:1px solid #aeaeae; margin:5px 0 0 0; float:right; font-family:Georgia, "Times New Roman", Times, serif; }

/*ARCHIVE LIST*/
#ArchiveList ul { margin:0; padding:0; }
#ArchiveList li { list-style:none; padding:10px 0 10px 0; border-bottom:1px solid #d9d9d9; margin:0; color:#68A622; }
#ArchiveList li a { color:#000; text-decoration:none; }
.newsEmail { width:190px; border: 1px solid #e1e1e1; padding:5px; }
.newSubmit { background:url(images/bg_btn_Submit.gif) 0 0 repeat-x; height:28px; border:1px solid #aeaeae; margin:5px 0 0 0; float:right; font-family:Georgia, "Times New Roman", Times, serif; }


/*BLOG CATEGORIES*/
#blogCat ol { padding:0; margin:0 0 0 20px; }
#blogCat li { color:#68a622; border-bottom:1px solid #d9d9d9; padding:0; line-height:34px; }
#blogCat li a { color:#000; text-decoration:none; font-size:16px; }
.categoryPost { font-size:16px; color:#000; }

/*COMMUNITY*/
#community { width:200px; float:left; }
#community ul { padding:0; margin:20px 0 0 10px; }
#community li { list-style:none; width:35px; float:left; }
#community li a { margin:0 5px 0 0; text-indent:-9999px; display:block; height:27px; }
.facebook a { background:url(images/community.jpg) -7px -6px no-repeat; width:30px; }
.linkedin a { background:url(images/community.jpg) -42px -6px no-repeat; width:30px; }
.twitter a { background:url(images/community.jpg) -77px -7px no-repeat; width:30px; }

/*BOXES*/
#boxes { margin:0px auto; float:left; }
#boxes h2 { color:#FFF; padding:0 0 0 10px; margin:0 }
#boxes ul { margin:10px 0 0 5px; padding: 0; }
#boxes li { color:#FFF; font-size:12px; line-height:14px; }
#boxes li a { color:#FFF; text-decoration:none;}
.boxesBG { background:url(images/bgBoxes.gif) 0 1px no-repeat; width:196px; height:136px; float:left; margin:10px 10px 0 10px; padding:6px }

/*FOOTER*/
#footer { background:#5e4f4a; }
#footerWrap { width:1010px; margin:0 auto; height:150px; line-height:normal; }
#Logo { background:url(images/phil-logo.png) 0 10px no-repeat; float:left; width:123px; height:75px; border-right:1px dotted #FFF; margin:40px 0 0 0; }
#Logo h1 { text-indent:-9999px; padding:0; }
#copyright { color:#FFF; font-family:Arial, Helvetica, sans-serif; margin:0 0 0 160px; padding:31px 0 0; /*width:700px;*/ }
#copyright a { text-decoration: none; color:#FFF; }
#copyright a:hover { color: #CCC; }
.terms { font-size:11px; }
.brown { color:#9e918d; }

/*TOOLTIP  trigger button */ 
#laurence { background:transparent url(http://www.testground.idghosting.com/philcom/wp-content/uploads/2010/03/Phil_montage_HR_01.jpg) no-repeat scroll 0 20px; display:block; height:426px; margin-bottom:30px; overflow:hidden; text-indent:-999em; width:104px; cursor:pointer; float:left; }
#johanna { background:transparent url(http://www.testground.idghosting.com/philcom/wp-content/uploads/2010/03/Phil_montage_HR_02.jpg) no-repeat scroll 0 20px; display:block; height:426px; margin-bottom:30px; overflow:hidden; text-indent:-999em; width:63px; cursor:pointer; float:left; }
#david { background:transparent url(http://www.testground.idghosting.com/philcom/wp-content/uploads/2010/03/Phil_montage_HR_03.jpg) no-repeat scroll 0 20px; display:block; height:426px; margin-bottom:30px; overflow:hidden; text-indent:-999em; width:56px; cursor:pointer; float:left; }
#kim { background:transparent url(http://www.testground.idghosting.com/philcom/wp-content/uploads/2010/03/Phil_montage_HR_04.jpg) no-repeat scroll 0 20px; display:block; height:426px; margin-bottom:30px; overflow:hidden; text-indent:-999em; width:68px; cursor:pointer; float:left; }
#greg { background:transparent url(http://www.testground.idghosting.com/philcom/wp-content/uploads/2010/03/Phil_montage_HR_05.jpg) no-repeat scroll 0 20px; display:block; height:426px; margin-bottom:30px; overflow:hidden; text-indent:-999em; width:66px; cursor:pointer; float:left; }
#robert { background:transparent url(http://www.testground.idghosting.com/philcom/wp-content/uploads/2010/03/Phil_montage_HR_06.jpg) no-repeat scroll 0 20px; display:block; height:426px; margin-bottom:30px; overflow:hidden; text-indent:-999em; width:118px; cursor:pointer; float:left; }
.name { font-size:13px; color:#FFF; }
#small { font-size:11px;}
#small a { color:#fff; text-decoration:none; padding:0 0 0 10px;}
#small a:hover { color:#000; text-decoration:none;}

/* mouseover state */ 
#david:hover, #kim:hover, #johanna:hover, #laurence:hover { background-position:0 20px; }

/* clicked state */ 
#kim:focus, #kim:focus, #johanna:focus, #laurence:focus { background-position:0 20px; }

/* tooltip styling */ 
.tooltip {display:none; color:#fff; }
.tooltext{padding:15px; position:relative;}

/* CSS FOR GALLERY SLIDES */
#gallery{
	margin:20px 0px 0px;
	width:490px;
	overflow:hidden;
}
#slides{height:340px;width:490px;overflow:hidden;}
.slide{float:left;}
#menu{text-align:center;}
#menu ul{margin:0px;padding:0px;}
#menu li{width:79px;display:inline-block;list-style:none;height:79px;overflow:hidden;background:none;padding:0px;}
#menu li.inact{border:1px solid #FFFFFF;}
#menu li.inact:hover{padding:0px;border:1px solid #75ae35;}
#menu li.act, #menu li.act:hover{padding:0px;border:1px solid #75ae35;}
#menu li.act a{cursor:default;}
#menu li.act a span.overlay{position:relative;top:-79px;left:0px;}
#menu li a{display:block;height:35px;}
#menu a img{border:none;}

/* CSS FOR GALLERY DESCRIPTIONS */
#GalDesc {width:470px; position:relative; background-color:transparent; opacity:1; color:#000000; padding:10px; margin-left:-5px;}
#GalDesc .DescTitle{font-size:14px; font-weight:bold;}
#GalDesc .DescText{font-size:10px;}
#GalDesc .DescLink{font-size:11px; font-weight:bold; color:#69a723}
div.DescSpan {display:none;}
#DescWrapper{
	width:490px;
	overflow:hidden;
	position:relative;
}

/* CSS FOR SLIDING BOXES */
.boxgrid
{
	width: 234px;
	height: 92px;
	float:left;
	overflow: hidden;
	position: relative;
}
.boxgrid img
{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}
.boxcaption
{
	float: left;
	position: absolute;
	color:#FFF;
	height: 92px;
	width: 234px;
	left:234px;
	cursor:pointer;
}