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

 /* MAIN PAGE ELEMENTS */
body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #000000;
}
h6 {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}


#outer {
	background-repeat: repeat-x;
	background-position: left top;
	height: 150px;
	background-image: url(../images/bkg_main.gif);
}

.oneColElsCtr #container {
	width: 1024px;
	margin: 0 auto;
	text-align: left;
	height:auto;
}

.oneColElsCtr #container a:focus {
    outline: 1px dotted #5a5c5e;
}

#topContent {
	width: 1024px;
	_width:1040px;
	height:146px;
	margin: 0 auto;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url(../images/banner/top_bkg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

.oneColElsCtr #mainContent {
	padding: 0 20px;
	width:auto;
}

.oneColElsCtr #mainContent a:focus {
    outline: 1px dotted #5a5c5e;
}

#containerCentreSection {
	width: 1024px;
	margin: 0 auto;
	text-align: left;
	height:auto;
	padding-top:10px;
}

#containerCentreSection2 {
	width: 1024px;
	margin: 0 auto;
	text-align: left;
	height:auto;
	padding-top:10px;
}

#innerContainer{
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
}
#topboxContainer {
	width:1014px;
	height:305px;
	margin-left:0px;
	margin-right:10px;
	margin-bottom:0px;
	margin-top:0;
}

#greyTopBoxContainer {
	width:840px;
	height:297px;
	float:right;
	background-image: url(../images/video_box.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-left: 0px;
	margin-bottom: 5px;
}


 /* LEFT PANEL ELEMENTS */
#leftPannelOuter {
	width:706px;
	height:auto;
	float:left;
	margin-right: 20px;
}

#leftPannelInner{
	width:auto;
	height:auto;
	padding-left:30px;
	padding-right:10px;
}

#leftPannelInnerIndex{
	width:auto;
	height:auto;
	padding-left:30px;
	padding-right:10px;
	background-image: url(../images/cluster01.png);
	background-repeat: no-repeat;
	background-position: right top;
}


 /* LEFT PANEL ELEMENTS NODES */
 #leftPannelOuterWhite {
	width:706px;
	height:auto;
	float:left;
	margin-right: 20px;
	_margin-right: 0px;
	_margin-bottom:0px;
	_margin-top:0px;
	padding-bottom:130px;
	_padding-top:0px;
	background-image: url(../images/nodes/node_line_white.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#topLineWhite {
	width:706px;
	height:55px;
	margin:0;
	padding:0;
	background-image: url(../images/nodes/top_line_white.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
 

 /* RIGHT PANEL ELEMENTS */
#rightPannelOuter {
	width:270px;
	height:auto;
	float:right;
	margin-right: 27px;
	_margin-right:14px;
	_margin-left:8px;
	background-image: url(../images/right_panel_bkg.gif);
	background-repeat: repeat-y;
	background-position: center top;
	margin-top: 17px;
}

#rightPannelTop {
	width:270px;
	height:22px;
	margin:0;
	background-image: url(../images/rightpanel_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	_margin-left:2px;
}

#rightPannelCentre {
	width:248px;
	height:auto;
	margin:0;
	padding-left: 10px;
	padding-right: 12px;
	background-image: url(../images/right_panel_bkg.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

#rightPannelBottom {
	width:270px;
	height:22px;
	margin:0;
	background-image: url(../images/rightpanel_bottom.gif);
	background-repeat: no-repeat;
	background-position: center top;
	_margin-left:2px;
}

.RightPanelTitleLine {
	width:auto;
	height:2px;
	margin-bottom:3px;
	margin-top:3px;
	_margin-top:0px;
	_margin-bottom:0px;
	_height:0px;
}

.RightPaneldottedSpacer {
	width:auto;
	height:25px;
	border-top:dotted;
	border-top-width:1px;
	border-top-color:#58bac3;
	margin-top: 25px;
}

.RightPanelMainText {
	font-family:Arial;
	color:#fff;
	font-weight:bold;
	font-size:11px;
}

.RightPanelMainText a:link, .RightPanelMainText a:visited, .RightPanelMainText a:active{
	text-decoration: underline;
	color:#FFFFFF;
	background-color:#16181a;
}

.RightPanelMainText a:hover{
	color: #5a5c5e;
	text-decoration: underline;
}

.RightPanelMainText a:focus {
    outline: 1px dotted #5a5c5e;
}

.rightPanelBkg {
	width:auto;
	height:auto;
}
#iconOuter {
	width:168px;
	_width:181px;
	height:20px;
	padding-top: 10px;
}

#bloggerIcon {
	margin-right:8px;
	width:20px;
	height:20px;
	float:left;
}
#bloggerIcon a:focus {
    outline: 1px dotted #5a5c5e;
}

#facebookIcon {
	margin-right:8px;
	width:20px;
	height:20px;
	float:left;
}
#facebookIcon a:focus {
    outline: 1px dotted #5a5c5e;
}

#rssIcon {
	margin-right:8px;
	width:20px;
	height:20px;
	float:right;
}
#rssIcon a:focus {
    outline: 1px dotted #5a5c5e;
}

#twitterIcon {
	margin-right:8px;
	width:20px;
	height:20px;
	float:right;
}
#twitterIcon a:focus {
    outline: 1px dotted #5a5c5e;
}
#flickrIcon {
	margin-right:8px;
	width:20px;
	height:20px;
	float:left;
}
#flickrIcon a:focus {
    outline: 1px dotted #5a5c5e;
}
#youtubeIcon {
	margin-right:8px;
	width:20px;
	height:20px;
	float:left;
}
#youtubeIcon a:focus {
    outline: 1px dotted #5a5c5e;
}

/* SLIDER MENU */
#howLinkaContainer {
	width:667px;
	height:300px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	background-image: url(../images/howwedoit_links_bg.gif);
	background-repeat: repeat;
}
#howLinkaContainerInner {
	width:667px;
	height:auto;
	margin-left:0px;
	margin-right:0px;
}


/* CALL TO ACTION - INFO@COMTEC */
#infoEmailContainer {
	width:28px;
	height:243px;
	float:left;
	margin-top:3px;
	padding-bottom:50px;
	background-image: url(../images/info_bkg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#infoEmailContainer a:link, #infoEmailContainer a:visited, #infoEmailContainer a:active{
	background-image: url(../images/info_bkg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border:0;
	margin:0;
}
#infoEmailContainer a:hover{
	background-image: url(../images/info_bkg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border:0;
	margin:0;
}

#infoEmailContainer a:focus {
    outline: 1px dotted #5a5c5e;
}

.formButtons {
	font-family:Arial;
	color:#16181a;
	font-weight:bold;
	font-size:12px;
}

.LeftPanelMainText {
	font-family:Arial;
	color:#fff;
	font-weight:bold;
	font-size:12px;
}

.LeftPanelMainText a:link, .LeftPanelMainText a:visited, .LeftPanelMainText a:active{
	text-decoration: underline;
	color:#FFFFFF;
}

.LeftPanelMainText a:hover{
	color: #5a5c5e;
	text-decoration: underline;
}

.LeftPanelMainText a:focus {
    outline: 1px dotted #5a5c5e;
}

.pageTitles {
	font-family:Arial;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	margin-left: 50px;
	margin-right:30px;
	height: auto;
	margin-top: 15px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom:dotted;
	border-bottom-width:1px;
	border-bottom-color:#FFFFFF;
}

/* SPACERS */
#blankSpacer {
	width:auto;
	height:20px;
	margin-bottom:20px;
}

.blankSpacerThin {
	width:auto;
	height:10px;
	margin-bottom:10px;
}

.greydottedSpacer {
	width:auto;
	height:22px;
	border-top:dotted;
	border-top-width:1px;
	border-top-color:#5a5c5e;
	margin-top: 22px;
}

/* FOOTER */
#containerFooter {
	width: 1024px;
	_width:1040px;
	_margin-right:30px;
	margin: 0 auto;
	text-align:center;
	height:90px;
	padding-top:10px;
}

#footerInner{
	margin-top: 10px;
	margin-bottom: 20px;
	width: 1024px;
	_width: 1040px;
	text-align:center;
	padding-bottom: 10px;
	_margin-right:30px;
}

.footerText {
	font-size: 10px;
	color: #FFFFFF;
	font-family: Arial;
	font-weight: bold;
}

.footerText a:link, .footerText a:visited, .footerText a:active{
	text-decoration: none;
	color:#fff;
}
.footerText a:hover{
	color: #5a5c5e;
	text-decoration: none;
}
.footerText a:focus {
    outline: 1px dotted #5a5c5e;
}

#w3cIconsContainer {
	height:28px;
	width:160px;
	text-align: center;
	margin-left: 15px;
}

#w3cHTML {
	height:26px;
	width:75px;
	margin-right:7px;
	float:left;
}
#w3cCSS {
	height:26px;
	width:75px;
	float:right;
}


/* CIRCUIT FOOTERS */
#CircuitOuter {
	width:1024px;
	_width:1024px;
	margin: 0 auto;
	_margin-top:0px;
	height:106px;
	_height:70px;
	padding-top:10px;
	_padding-top:0px;
	_height:auto;
}

#circuitInner {
	width:1024px;
	_width:1024px;
	height:106px;
	background-image: url(../images/nodes/circuit_footer_white.gif);
	_background-image: url(../images/nodes/circuit_footer_white.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
	_margin-top:0px;
	_padding-top:0px;
}


/* HOMEPAGE SPECIFIC */
#phoenixpartnersLogo {
	width:109px;
	height:118px;
	float:right;
	margin-right:20px;
	_margin-right:15px;
	_padding-left:5px;
}
#comtecLogo {
	width:280px;
	height:72px;
	float:left;
	padding-top:20px;
	padding-bottom:26px;
	padding-left: 6px;
}
#ourpeopleStrap {
	width:301px;
	height:72px;
	float:left;
	padding-top:20px;
	padding-bottom:26px;
	margin-left:150px;
}

#testimonialQuote {
	height:297px;
	float:right;
	width:200px;
	padding-top: 0px;
	background-image: url(../images/quote_index.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#mainVideoContainer {
	width:450px;
	height:270px;
	float:left;
	padding-top:14px;
	margin-bottom:13px;
}

#miniVideoOuterContainer {
	width:140px;
	height:297px;
	margin-right:20px;
	float:left;
}

#minivideo01{
	width:110px;
	height:66px;
	margin-top:40px;
	margin-bottom:12px;
	margin-left:30px;
	margin-right:0px;
}

#minivideo02{
	width:110px;
	height:66px;
	margin-bottom:13px;
	margin-left:30px;
	margin-right:0px;
}

#minivideo03{
	width:110px;
	height:66px;
	margin-bottom:35px;
	margin-left:30px;
	margin-right:0px;
}

/* MEET THE TEAM SPECIFIC */

 #leftPannelOuterMedia {
	width:706px;
	height:auto;
	float:left;
	margin-right: 20px;
	padding-bottom:130px;
	background-image: url(../images/nodes/node_line_media.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#topLineMedia {
	width:706px;
	height:55px;
	margin:0;
	padding:0;
	background-image: url(../images/nodes/top_line_media.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#circuitInnerMedia {
	width:1024px;
	height:90px;
	background-image: url(../images/nodes/circuit_footer_media.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
}

 #leftPannelOuterMcom {
	width:706px;
	height:auto;
	float:left;
	margin-right: 20px;
	padding-bottom:130px;
	background-image: url(../images/nodes/node_line_mcom.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#topLineMcom {
	width:706px;
	height:55px;
	margin:0;
	padding:0;
	background-image: url(../images/nodes/top_line_mcom.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#circuitInnerMcom {
	width:1024px;
	height:90px;
	background-image: url(../images/nodes/circuit_footer_mcom.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
}

 #leftPannelOuterPman {
	width:706px;
	height:auto;
	float:left;
	margin-right: 20px;
	padding-bottom:130px;
	background-image: url(../images/nodes/node_line_pman.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#topLinePman {
	width:706px;
	height:55px;
	margin:0;
	padding:0;
	background-image: url(../images/nodes/top_line_pman.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#circuitInnerPman {
	width:1024px;
	height:90px;
	background-image: url(../images/nodes/circuit_footer_pman.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
}

 #leftPannelOuterTec {
	width:706px;
	height:auto;
	float:left;
	margin-right: 20px;
	padding-bottom:130px;
	background-image: url(../images/nodes/node_line_tec.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#topLineTec {
	width:706px;
	height:55px;
	margin:0;
	padding:0;
	background-image: url(../images/nodes/top_line_tech.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#circuitInnerTec {
	width:1024px;
	height:90px;
	background-image: url(../images/nodes/circuit_footer_tec.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
}

 #leftPannelOuterOps {
	width:706px;
	height:auto;
	float:left;
	margin-right: 20px;
	padding-bottom:130px;
	background-image: url(../images/nodes/node_line_ops.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#topLineOps {
	width:706px;
	height:55px;
	margin:0;
	padding:0;
	background-image: url(../images/nodes/top_line_ops.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#circuitInnerOps {
	width:1024px;
	height:90px;
	background-image: url(../images/nodes/circuit_footer_ops.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
}

.titleMedia {
	font-size: 14px;
	font-weight:bold;
	font-family:Arial;
	color:#E88424;
}
.titleMcoms {
	font-size: 14px;
	font-weight:bold;
	font-family:Arial;
	color:#547FC0;
}
.titlePman {
	font-size: 14px;
	font-weight:bold;
	font-family:Arial;
	color:#64CAE4;
}
.titleTec {
	font-size: 14px;
	font-weight:bold;
	font-family:Arial;
	color:#E44296;
}
.titleOps {
	font-size: 14px;
	font-weight:bold;
	font-family:Arial;
	color:#F6EB1D;
}

#subTitle {
	width:auto;
	height:auto;
	margin-bottom:5px;
}
.subtitleMedia {
	font-size: 12px;
	font-weight:bold;
	font-family:Arial;
	color:#E88424;
}
.subtitleMcoms {
	font-size: 12px;
	font-weight:bold;
	font-family:Arial;
	color:#547FC0;
}
.subtitlePman {
	font-size: 12px;
	font-weight:bold;
	font-family:Arial;
	color:#64CAE4;
}
.subtitleTec {
	font-size: 12px;
	font-weight:bold;
	font-family:Arial;
	color:#E44296;
}
.subtitleOps {
	font-size: 12px;
	font-weight:bold;
	font-family:Arial;
	color:#F6EB1D;
}

.subtitleLive {
	font-size: 12px;
	font-weight:bold;
	font-family:Arial;
	color:#97bb45;
	text-decoration: underline;
	margin-bottom: 5px;
}

#subtitleDividerMedia {
	width:auto;
	height:5px;
	margin-bottom:15px;
	border-bottom-color:#E88424;
	border-bottom-style:dotted;
	border-bottom-width:1px;
}
#subtitleDividerMcoms {
	width:auto;
	height:5px;
	margin-bottom:15px;
	border-bottom-color:#547FC0;
	border-bottom-style:dotted;
	border-bottom-width:1px;
}
#subtitleDividerPman {
	width:auto;
	height:5px;
	margin-bottom:15px;
	border-bottom-color:#64CAE4;
	border-bottom-style:dotted;
	border-bottom-width:1px;
}
#subtitleDividerTec {
	width:auto;
	height:5px;
	margin-bottom:15px;
	border-bottom-color:#E44296;
	border-bottom-style:dotted;
	border-bottom-width:1px;
}
#subtitleDividerOps {
	width:auto;
	height:5px;
	margin-bottom:15px;
	border-bottom-color:#F6EB1D;
	border-bottom-style:dotted;
	border-bottom-width:1px;
}

#meetSliderBkg {
	width:760px;
	height:225px;
	background-image: url(../images/meet_the_team/slider_rope.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-left: 2px;
}

#meetSliderBkg a:focus {
    outline: 1px dotted #5a5c5e;
}

#meetMainContainer {
	width:auto;
	height:600px;
	margin-bottom: 40px;
}

#meetLargePic {
	float:right;
	width:220px;
	height:220px;
	text-align: left;
	margin-bottom: 0px;
}

#meetMainText {
	float:left;
	width:415px;
	margin-right:30px;
	height:300px;
	text-align: justify;
}

.meetThumbContainerOuter {
	width:220px;
	height:100px;
	margin-bottom: 2px;
	margin-top: 2px;
	float: right;
}

.meetThumbInnerLeft {
	width:100px;
	height:100px;
	float:left;
	margin-right:1px;
	padding-left: 8px;
}

.meetThumbInnerLeft a:focus {
    outline: 1px dotted #5a5c5e;
}

.meetThumbInnerRight {
	width:100px;
	height:100px;
	float:right;
	margin-left:1px;
	padding-right: 8px;
}

.meetThumbInnerRight a:focus {
    outline: 1px dotted #5a5c5e;
}


/* CASE STUDIES SPECIFIC */

.cStudiesLeftC {
	width:420px;
	height:auto;
	float:left;
}

.cStudiesRightC {
	width:235px;
	height:200px;
	float:right;
	margin-left:10px;
}

.cStudiesLeftCVid {
	width:275px;
	height:auto;
	float:left;
}

.cStudiesRightCVid {
	width:380px;
	height:286px;
	float:right;
	margin-left:10px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
}

.cStudiesRightTextC {
	width:420px;
	height:auto;
	float:right;
}

.cStudiesLeftImageC {
	width:230px;
	height:173px;
	float:left;
	margin-right:15px;
}

/* TESTIMONIALS SPECIFIC */

.testimonialLeft {
	width:500px;
	height:auto;
	float:left;
}

.testimonialRight  {
	width:150px;
	height:113px;
	float:right;
	margin-left:15px;
}

/* WHO WE ARE SPECIFIC */

#tucWhoBkg {
	width:667px;
	height:228px;
	margin:0;
	background-image: url(../images/tuc_who_bkg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-bottom:15px;
}

#nutWhoBkg {
	width:667px;
	height:228px;
	margin:0;
	background-image: url(../images/nut_who_bkg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-bottom:15px;
}

#manditWhoBkg {
	width:667px;
	height:228px;
	margin:0;
	background-image: url(../images/mandit_who_bkg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-bottom:15px;
}

#baeWhoBkg {
	width:667px;
	height:228px;
	margin:0;
	background-image: url(../images/bae_who_bkg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-bottom:15px;
}

/* PAGE BANNERS */

#whoweareBanner {
	width:760px;
	height:229px;
	background-image: url(../images/page_banners/whoweare.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#whatwedoBanner {
	width:760px;
	height:229px;
	background-image: url(../images/page_banners/whatwedo.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#csrBanner {
	width:760px;
	height:229px;
	background-image: url(../images/page_banners/csr.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#csrEnviroBanner {
	width:760px;
	height:229px;
	background-image: url(../images/page_banners/csr_environmental.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#csrComBanner {
	width:760px;
	height:229px;
	background-image: url(../images/page_banners/csr_community.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#csrWorkBanner {
	width:760px;
	height:229px;
	background-image: url(../images/page_banners/csr_workplace.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#portfolioBanner {
	width:760px;
	height:229px;
	background-image: url(../images/page_banners/portfolio.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#testimonialsBanner {
	width:760px;
	height:229px;
	background-image: url(../images/page_banners/testimonials.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}