/* Main Elements */

body {
	
	background: #006699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/backgroundmain.png);
	background-position: center;
	background-repeat: repeat-y;
}

 img {
	border:none;

 }
 
h2 {
	letter-spacing:1px;
	line-height:2.8;
	font-size:13px;
	text-indent:0px;

} 
 
p {

text-indent:20px;

} 

.facebook {
	padding: 0px 50px 0px 0px;
	float: right;
	border-color: #000000;
	border-width: 1px;

}

.style3 {
	font-size: 13px;
	padding: 0px 40px 20px 50px;
	line-height: 1.5;
}


.style3 a:link {
color:#3399CC;
	text-decoration:none;
	font-weight:bold;

}

.style3 a:visited {
color:#006699;
	text-decoration:none;
	font-weight:bold;
	}

.style3 a:hover {
text-decoration:underline;
}

.style4 {
	font-size: 13px;
	padding: 0px 60px 20px 50px;
	line-height: 1.5;
}
 
/* use this ul command to fix IE and FF so the list is the same on both */
ul {
padding-left: 25px;
 }
 
a:link {
	color:#3399CC;
	text-decoration:none;
	font-weight: bold;
} 
a:visited {
	color:#006699;
	text-decoration:none;
	font-weight: bold;
}

a:hover {

	text-decoration:underline;
}

.wrapper {
	width: 100%;
	padding: 0px;
	
}

/*  --------- Header Elements  --------- */
.header {
	height: 120px;
	width: 790px;
	margin: 0px auto;
	background-image: url(images/header-logo.png);
}

.headerlogoholder {
	padding: 25px 0px 0px 84px;
	border: 0px;

}


.headerslogan {
	font-size: 12px;
	font-weight: bold;
	padding: 20px 0px 0px 70px;
	letter-spacing: 1.2px;

}


/*  --------- Navigation Elements  --------- */
.mainmenu {
	height: 26px;
	width: 790px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	background: #006699 url(images/ats-body.jpg) repeat-y left top;
	left: 551px;
	top: auto;
	background-image: url(images/menu-button-bar.png);
}

.mainmenuholder {
	padding: 0px 0px 0px 40px;


}


/*  --------- Main Body Elements and Home Page Rules --------- */

.mainbody {
	height: auto;
	width: 790px;
	margin: 0px auto;
	background: #0EA9EA url(images/ats-body.jpg) repeat-y left top;
}

.homepage {

}


.homepage a:link {
	text-decoration: none;
	border: 0px;
	color:#006699;
}

.homepage a:visited {
	text-decoration: none;
	border: 0px;
	color:#006699;
}


.homepage a:hover {

}

.homepage a:active {

}

.homepagecommentsholder {
	background-image: url(images/text-box-500px.png);
	height: 550px;
	background-repeat: no-repeat;
	background-position: 36px 15px;

}


.homepagecomments {
	padding: 25px 65px 0px 60px;
	text-indent: 20px;
	line-height: 1.8;
	font-size: 13px;
	text-align: justify;

}

.homepagecomments h1 {
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 2.8;
	text-indent: 0px;

}

.homepagecomments p {
	text-indent: 0px;
	line-height: 1.8;


}

.homepagecomments h4 {
	font-weight: bold;
	padding: 0px 20px 10px 0px;
	text-align: right;

}

/* ---- Bubble Tools ------ */

#bubble_tooltip{
	width:147px;
	position:absolute;
	display:none;
}
#bubble_tooltip .bubble_top{
	background-image: url('../images/bubble_top.gif');
	background-repeat:no-repeat;
	height:16px;	
}
#bubble_tooltip .bubble_middle{
	background-image: url('../images/bubble_middle.gif');
	background-repeat:repeat-y;	
	background-position:bottom left;
	padding-left:7px;
	padding-right:7px;
}
#bubble_tooltip .bubble_middle span{
	position:relative;
	top:-8px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:11px;
}
#bubble_tooltip .bubble_bottom{
	background-image: url('../images/bubble_bottom.gif');
	background-repeat:no-repeat;
	background-repeat:no-repeat;	
	height:44px;
	position:relative;
	top:-6px;
}





/*  --------- Home Page Intro Elements  --------- */
.homepageintroholder {
	height: 290px;
	background-image: url(images/text-box-250px.png);
	background-repeat: no-repeat;
	background-position: 36px 15px;
}

.homepageintrotext {
	padding: 25px 65px 0px 60px;
	text-align: justify;
	font-size: 13px;
	line-height: 1.8;
	text-indent: 20px;
}


.homepageintrotext h1 {
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 2.8;
	text-indent: 0px;

}

.homepageintrotext h3 {
	font-size: 12px;
	display: inline;
	letter-spacing: 1.1px;

}

.homepageintrotext h4 {
	font-size: 12px;
	line-height: 2.8;
	font-weight: bolder;


}

/* ------------HOME PAGE SPECIALS (Middle of the page) ---------------- */


.homepagespecials {


}


/*  --------- Home Page Lower Body Placeholder - This element is only used on the Home Page  --------- */

.homepagehighlights {
	text-align: justify;
	padding: 0px;
	font-size: 13px;
	width: 790px;
	line-height: 1.8;
}


/*  --------- Home Page middle Block Layout  --------- */

.homepageleftbarmiddle {
	width: 395px;
	height: 260px;
	background-image: url(images/special-oval-bubbles.png);
	background-repeat: no-repeat;
	background-position: 10px 0px;

}
 
.homepageleftbartextmiddle {
	padding: 35px 50px 0px 70px;
	line-height: 1.8;
	text-align: center;

} 

.homepageleftbartextmiddle h2 {
	letter-spacing: 1px;
	line-height: 2.8;
	font-size: 13px;
	text-indent: 0px;
	text-align: center;

}

.homepageleftbartextmiddle a:link {
	color:#3399CC;
	text-decoration:none;
	font-weight: bold;
} 
.homepageleftbartextmiddle  a:visited {
	color:#006699;
	text-decoration:none;
	font-weight: bold;
}

.homepageleftbartextmiddle  a:hover {

	text-decoration:underline;
}

.homepagerightbartextmiddle h2 {

}

/* --------- Home Page middle Block Layout --------- */
.homepagerightbarmiddle {
	height: 260px;
	width: 395px;
	background-image: url(images/half-text-box-220.png);
	background-repeat: no-repeat;
	background-position: 6px 15px;

}

.homepagerightbartextmiddle {
	padding: 30px 60px 0px 30px
	text-indent: 20px;
	text-align: justify;
	padding: 30px 66px 0px 24px;

}

.homepagerightbartextmiddle a:link {
	color:#3399CC;
	text-decoration:none;
	font-weight: bold;
} 
.homepagerightbartextmiddle  a:visited {
	color:#006699;
	text-decoration:none;
	font-weight: bold;
}

.homepagerightbartextmiddle  a:hover {

	text-decoration:underline;
}







/*  --------- Home Page LEFT Lower Block Layout  --------- */

.homepageleftbar {
	width: 395px;
	height: 260px;
	background-image: url(images/half-text-box-220.png);
	background-repeat: no-repeat;
	background-position: 34px 15px;

}
 
.homepageleftbartext {
	padding: 30px 38px 0px 52px;
	line-height: 1.8;

} 

.homepageleftbartext h2 {
	letter-spacing: 1px;
	line-height: 2.8;
	font-size: 13px;
	text-indent: 0px;

}

.homepageleftbartext a:link {
	color:#3399CC;
	text-decoration:none;
	font-weight: bold;
} 
.homepageleftbartext  a:visited {
	color:#006699;
	text-decoration:none;
	font-weight: bold;
}

.homepageleftbartext  a:hover {

	text-decoration:underline;
}

.homepagerightbartext h2 {

}

/* --------- Home Page RIGHT Lower Block Layout --------- */
.homepagerightbar {
	height: 260px;
	width: 395px;
	background-image: url(images/half-text-box-220-db.png);
	background-repeat: no-repeat;
	background-position: 6px 15px;

}

.homepagerightbartext {
	padding: 30px 66px 0px 24px;
	text-indent: 20px;
	text-align: justify;
	padding: 30px 66px 0px 24px;
	color: #FFFFFF;
	text-shadow: #000000 1px 1px 5px;
}

.homepagerightbartext a:link {
	color:#0099CC;
	text-decoration:none;
	font-weight: bold;
} 
.homepagerightbartext  a:visited {
	color:#0099CC;
	text-decoration:none;
	font-weight: bold;
}

.homepagerightbartext  a:hover {

	text-decoration:underline;
}








/*  --------- NON HOME PAGE ELEMENTS START HERE  ---------  */
/*  --------- Intro Text elements for all other pages except the Home Page  --------- */

.pageintroholder {
	height: 250px;
	background-image: url(images/text-box-200px.png);
	background-repeat: no-repeat;
	background-position: 36px 15px;
}

.pageintrotext {
	padding: 25px 65px 0px 60px;
	text-align: justify;
	font-size: 13px;
	line-height: 1.8;
	text-indent: 20px;
}

.pageintrotext h1 {
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 2.8;
	text-indent: 0px;

}

.pagelogoholder {
	width: 24px;
	height: 24px;
	float: right;
	padding: 9px 15px 0px 0px;

}



/* --------- Custom page Elements ------------- */


.middlepagecustom {
	background-image: url(images/text-box-250px.png);
	background-repeat: no-repeat;
	background-position: 36px 15px;
	height: 300px;
}

.middlepagecustom a:link{
	color:#000000;
	font-weight:bold;

}

.middlepagecustom a:visited {
	color:#000000;
	font-weight:bold;
}

.middlepagetextcustom {
	padding: 25px 65px 0px 60px;
	line-height: 1.8;
	font-size: 13px;


}

.middlepagetextcustom h2{
	letter-spacing:1px;
	line-height:2.8;
	font-size:13px;
	text-indent:0px;
}



.middlepagecustom2 {
	height: auto;
}
.middlepagetextcustom2 {
	padding: 25px 65px 0px 60px;
	line-height: 1.8;
	font-size: 13px;

}

.middlepagetextcustom2 h2{
	letter-spacing:1px;
	line-height:2.8;
	font-size:13px;
	text-indent:0px;
}


.middlepagecustom3 {
	background-image: url(images/text-box-250px.png);
	background-repeat: no-repeat;
	background-position: 36px 15px;
	height: 300px;
}

.middlepagetextcustom3 {
	padding: 25px 65px 0px 60px;
	line-height: 1.8;
	font-size: 13px;


}

.middlepagetextcustom3 h2{
	letter-spacing:1px;
	line-height:2.8;
	font-size:13px;
	text-indent:0px;
}


.middlepagecustom4 {
	background-image: url(images/text-box-250px.png);
	background-repeat: no-repeat;
	background-position: 36px 15px;
	height: 300px;
}

.middlepagetextcustom4 {
	padding: 25px 65px 0px 60px;
	line-height: 1.8;
	font-size: 13px;


}

.middlepagetextcustom4 h2{
	letter-spacing:1px;
	line-height:2.8;
	font-size:13px;
	text-indent:0px;
}



.customsolutionstimeforcedemo {
	padding: 10px 65px 0px 50px;
	text-indent: -30px;

}






/*  --------- Site MAP elements  --------- */

.pageintroholdersitemap {
	height: 850px;
	background-image: url(images/text-box-800px.png);
	background-repeat: no-repeat;
	background-position: 36px 15px;
}

.pageintrotextsitemap {
	padding: 25px 65px 0px 60px;
	text-align: justify;
	font-size: 13px;
	line-height: 1.8;
	text-indent: 20px;
}

.pageintrotextsitemap h1 {
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 2.8;
	text-indent: 0px;

}

.pagelogoholdersitemap {
	width: 24px;
	height: 24px;
	float: right;
	padding: 9px 15px 0px 0px;

}





/*  --------- JOBS elements for all other pages except the Home Page  --------- */

.pageintroholderjobs {
	height: 390px;
	background-image: url(images/text-box-350px.png);
	background-repeat: no-repeat;
	background-position: 36px 15px;
}

.pageintrotextjobs {
	padding: 25px 65px 0px 60px;
	text-align: justify;
	font-size: 13px;
	line-height: 1.8;
	text-indent: 20px;
	height: auto;
}

.pageintrotextjobs h1 {
	text-indent: 0px;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 2.8;

}


/*  --------- FEEDBACK elements for all other pages except the Home Page  --------- */

.pageintroholderfeedback {
	height: 250px;
	background-image: url(images/text-box-200px.png);
	background-repeat: no-repeat;
	background-position: 36px 15px;
}

.pageintrotextfeedback {
	padding: 25px 65px 0px 60px;
	text-align: justify;
	font-size: 13px;
	line-height: 1.8;
	text-indent: 20px;
	height: auto;
}

.pageintrotextfeedback h1 {
	text-indent: 0px;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 2.8;

}







/* --------- LOW VOLTAGE INTRO ELEMENT ----------------*/
.pageintroholderlowvoltage {
	height: 400px;
	background-image: url(images/text-box-350px.png);
	background-repeat: no-repeat;
	background-position: 36px 15px;
}


/* --------- CONSULTING INTRO ELEMENT ----------------*/
.pageintroholderconsulting {
	height: 350px;
	background-image: url(images/text-box-300px.png);
	background-repeat: no-repeat;
	background-position: 36px 15px;
}

/* ------------ TEAM INTRO ELEMENT ------------ */

.pageintroholderteam {
	height: 850px;
	background-image: url(images/text-box-800px.png);
	background-repeat: no-repeat;
	background-position: 36px 15px;

}

.pageintrotextteam {
	padding: 25px 60px 0px 60px;
	text-align: justify;
	font-size: 13px;
	line-height: 1.8;
	text-indent: 0px;
}

.pageintrotextteam h1 {
	text-indent: 0px;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 2.8;

}


.pageintrotextteam h2 {
	line-height: 1.8;

}

.pageintrotextteam p {
	text-indent: 0px;
	padding: 0px 10px 0px 10px;

}

.kaseeimg {
	text-align: center;
	padding-top: 20px;
}

.kristaimg {
	text-align: center;
	padding-top: 10px;
}

.blakeimg {
	text-align: center;
	padding-top: 10px;
}

/* ------------ COMMUNITY AND NETWORKING INTRO ELEMENT ------------ */

.pageintroholdercommunitynetworking {
	
	height: 450px;
	background-image: url(images/text-box-400px.png);
	background-repeat: no-repeat;
	background-position: 36px 15px;

}

.pageintrotextcommunitynetworking {
	padding: 25px 65px 0px 60px;
	text-align: justify;
	font-size: 13px;
	line-height: 1.8;
}

.pageintrotextcommunitynetworking h1 {
	text-indent: 0px;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 2.8;

}

/* ------------ CONTACT INTRO ELEMENT ------------ */

.pageintroholdercontact {
	height: 450px;
	background-image: url(images/text-box-400px.png);
	background-repeat: no-repeat;
	background-position: 36px 15px;

}

.pageintrotextcontact {
	padding: 25px 65px 0px 60px;
	text-align: justify;
	font-size: 13px;
	line-height: 1.8;
	text-indent: 0px;
}

.pageintrotextcontact h1 {
	text-indent: 0px;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 2.8;

}

.googlemap {
	padding: 15px 0px 0px 0px;
	float: right;

}


/*   --------- Contact Lower Text Elements --------- */

.pagehighlightscontact {
	text-align: justify;
	font-size: 13px;
	width: 790px;
	line-height: 1.8;
}




/*  --------- Contact Page LEFT Lower Block Layout  --------- */

.pageleftbarcontact {
	width: 395px;
	height: 300px;
	background-image: url(images/half-text-box-250.png);
	background-repeat: no-repeat;
	background-position: 34px 15px;

}
 
.pageleftbartextcontact {
	padding: 30px 38px 0px 52px;
	line-height: 1.8;

} 

.pageleftbartextcontact a:link {
    color:#3399CC;
	text-decoration:none;
	font-weight:bold;
} 
.pageleftbartextcontact  a:visited {
	color:#006699;
	text-decoration:none;
	font-weight:bold;
}

.pageleftbartextcontact  a:hover {

	text-decoration:underline;
}



/* --------- Contact Page RIGHT Lower Block Layout --------- */
.pagerightbarcontact {
	height: 300px;
	width: 395px;
	background-image: url(images/half-text-box-250.png);
	background-repeat: no-repeat;
	background-position: 6px 15px;

}

.pagerightbartextcontact {
	padding: 30px 66px 0px 24px;
	line-height: 1.8;

}

.pagerightbartextcontact a:link {
    color:#3399CC;
	text-decoration:none;
	font-weight:bold;
} 
.pagerightbartextcontact  a:visited {
	color:#006699;
	text-decoration:none;
	font-weight:bold;
}

.pagerightbartextcontact  a:hover {

	text-decoration:underline;
}

















/* ---------- Middle of the Page Element for all pages except Home Page --------- */

.middlepage {


}

.middlepage a:link{
	color:#000000;
	font-weight:bold;

}

.middlepage a:visited {
	color:#000000;
	font-weight:bold;
}

.middlepagetext {
	padding: 25px 65px 0px 60px;
	line-height: 1.8;
	font-size: 13px;
	background-repeat: no-repeat;
	background-position: 36px 15px;
	height: 520px;

}

.middlepagetext h2{
	letter-spacing:1px;
	line-height:2.8;
	font-size:13px;
	text-indent:0px;
}



/* ---------- CLIENTS Middle of the Page Element for all pages except Home Page --------- */

.middlepageclients {


}

.middlepageclients a:link{
	color:#000000;
	font-weight:bold;

}

.middlepageclients a:visited {
	color:#000000;
	font-weight:bold;
}

.middlepagetextclients {
	padding: 25px 65px 0px 60px;
	line-height: 1.8;
	font-size: 13px;
	background-image: url(images/text-box-350px.png);
	background-repeat: no-repeat;
	background-position: 36px 15px;
	height: 400px;

}

.middlepagetextclients h2{
	letter-spacing:1px;
	line-height:2.8;
	font-size:13px;
	text-indent:0px;
}

.middlepagetextclients h3{

	letter-spacing:1px;
	line-height:1.8;
	font-size:13px;
	text-indent:0px;
	
	}


/*   --------- Computer Services Lower Text Elements --------- */

.pagehighlightscomputerservices {
	text-align: justify;
	font-size: 13px;
	width: 790px;
	line-height: 1.8;
}




/*  --------- Computer Services Page LEFT Lower Block Layout  1 --------- */

.pageleftbarcomputerservices {
	width: 395px;
	height: 350px;
	background-image: url(images/half-text-box-300.png);
	background-repeat: no-repeat;
	background-position: 34px 15px;

}
 
.pageleftbartextcomputerservices {
	padding: 30px 38px 0px 52px;

} 

.pageleftbartextcomputerservices a:link {
    color:#3399CC;
	text-decoration:none;
	font-weight:bold;
} 
.pageleftbartextcomputerservices  a:visited {
	color:#006699;
	text-decoration:none;
	font-weight:bold;
}

.pageleftbartextcomputerservices  a:hover {

	text-decoration:underline;
}



/* --------- Computer Services Page RIGHT Lower Block Layout 1 --------- */
.pagerightbarcomputerservices {
	height: 350px;
	width: 395px;
	background-image: url(images/half-text-box-300.png);
	background-repeat: no-repeat;
	background-position: 6px 15px;

}

.pagerightbartextcomputerservices {
	padding: 30px 66px 0px 24px;

}

.pagerightbartextcomputerservices a:link {
    color:#3399CC;
	text-decoration:none;
	font-weight:bold;
} 
.pagerightbartextcomputerservices  a:visited {
	color:#006699;
	text-decoration:none;
	font-weight:bold;
}

.pagerightbartextcomputerservices  a:hover {

	text-decoration:underline;
}





/*  --------- Computer Services Page LEFT Lower Block Layout  2 --------- */

.pageleftbarcomputerservices2 {
	width: 395px;
	height: 650px;
	background-image: url(images/half-text-box-600.png);
	background-repeat: no-repeat;
	background-position: 34px 15px;

}


.computerservicesimg {
	padding: 10px 0px 0px 15px;

}


/* --------- Computer Services Page RIGHT Lower Block Layout 2 --------- */
.pagerightbarcomputerservices2 {
	height: 650px;
	width: 395px;
	background-image: url(images/half-text-box-600.png);
	background-repeat: no-repeat;
	background-position: 6px 15px;

}

/*  --------- Computer Services Page LEFT Lower Block Layout  3 --------- */

.pageleftbarcomputerservices3 {
	width: 395px;
	height: 700px;
	background-image: url(images/half-text-box-650.png);
	background-repeat: no-repeat;
	background-position: 34px 15px;

}


/* --------- Computer Services Page RIGHT Lower Block Layout 3 --------- */
.pagerightbarcomputerservices3 {
	height: 700px;
	width: 395px;
	background-image: url(images/half-text-box-650.png);
	background-repeat: no-repeat;
	background-position: 6px 15px;

}









/*   --------- Hosted Solutions Lower Text Elements --------- */

.pagehighlightshostedsolutions {
	text-align: justify;
	font-size: 13px;
	width: 790px;
	line-height: 1.8;
}




/*  --------- Hosted Solutions Page LEFT Lower Block Layout  1 --------- */

.pageleftbarhostedsolutions {
	width: 395px;
	height: 400px;
	background-image: url(images/half-text-box-350.png);
	background-repeat: no-repeat;
	background-position: 34px 15px;

}
 
.pageleftbartexthostedsolutions {
	padding: 30px 38px 0px 52px;

} 

.pageleftbartexthostedsolutions a:link {
    color:#3399CC;
	text-decoration:none;
	font-weight:bold;
} 
.pageleftbartexthostedsolutions  a:visited {
	color:#006699;
	text-decoration:none;
	font-weight:bold;
}

.pageleftbartexthostedsolutions  a:hover {

	text-decoration:underline;
}



/* --------- Hosted Solutions Page RIGHT Lower Block Layout 1 --------- */
.pagerightbarhostedsolutions {
	height: 400px;
	width: 395px;
	background-image: url(images/half-text-box-350.png);
	background-repeat: no-repeat;
	background-position: 6px 15px;

}

.pagerightbartexthostedsolutions {
	padding: 30px 66px 0px 24px;

}

.pagerightbartexthostedsolutions a:link {
    color:#3399CC;
	text-decoration:none;
	font-weight:bold;
} 
.pagerightbartexthostedsolutions  a:visited {
	color:#006699;
	text-decoration:none;
	font-weight:bold;
}

.pagerightbartexthostedsolutions  a:hover {

	text-decoration:underline;
}





/*  --------- Hosted Solutions Page LEFT Lower Block Layout  2 --------- */

.pageleftbarhostedsolutions2 {
	width: 395px;
	height: 850px;
	background-image: url(images/half-text-box-450.png);
	background-repeat: no-repeat;
	background-position: 34px 15px;

}


.hostedsolutionsimg {
	padding: 70px 0px 0px 0px;


}


/* --------- Hosted Solutions Page RIGHT Lower Block Layout 2 --------- */
.pagerightbarhostedsolutions2 {
	height: 850px;
	width: 395px;
	background-image: url(images/half-text-box-800.png);
	background-repeat: no-repeat;
	background-position: 6px 15px;

}

/*  --------- Hosted Solutions Page LEFT Lower Block Layout  3 --------- */

.pageleftbarhostedsolutions3 {
	width: 395px;
	height: 700px;
	float: left;
	background-image: url(images/text-box-330x220.png);
	background-repeat: no-repeat;
	background-position: 34px 15px;

}


/* --------- Hosted Solutions Page RIGHT Lower Block Layout 3 --------- */
.pagerightbarhostedsolutions3 {
	height: 700px;
	width: 395px;
	float: left;
	background-image: url(images/text-box-330x220.png);
	background-repeat: no-repeat;
	background-position: 6px 15px;

}










/*   --------- Telephony Solutions Lower Text Elements --------- */

.pagehighlightstelephonysolutions {
	text-align: justify;
	font-size: 13px;
	width: 790px;
	line-height: 1.8;
}


.telephonysolutionsimg {
	padding: 85px 0px 0px 20px;

}



/*  --------- Telephony Solutions Page LEFT Lower Block Layout  1 --------- */

.pageleftbartelephonysolutions {
	width: 395px;
	height: 600px;
	background-image: url(images/half-text-box-350.png);
	background-repeat: no-repeat;
	background-position: 34px 15px;

}
 
.pageleftbartexttelephonysolutions {
	padding: 30px 38px 0px 52px;

} 

.pageleftbartexttelephonysolutions a:link {
    color:#3399CC;
	text-decoration:none;
	font-weight:bold;
} 
.pageleftbartexttelephonysolutions  a:visited {
	color:#006699;
	text-decoration:none;
	font-weight:bold;
}

.pageleftbartexttelephonysolutions  a:hover {

	text-decoration:underline;
}



/* --------- Telephony Solutions Page RIGHT Lower Block Layout 1 --------- */
.pagerightbartelephonysolutions {
	height: 600px;
	width: 395px;
	background-image: url(images/half-text-box-550.png);
	background-repeat: no-repeat;
	background-position: 6px 15px;

}

.pagerightbartexttelephonysolutions {
	padding: 30px 66px 0px 24px;

}

.pagerightbartexttelephonysolutions a:link {
    color:#3399CC;
	text-decoration:none;
	font-weight:bold;
} 
.pagerightbartexttelephonysolutions  a:visited {
	color:#006699;
	text-decoration:none;
	font-weight:bold;
}

.pagerightbartexttelephonysolutions  a:hover {

	text-decoration:underline;
}





/*  --------- Telephony Solutions Page LEFT Lower Block Layout  2 --------- */

.pageleftbartelephonysolutions2 {
	width: 395px;
	height: 500px;
	background-image: url(images/half-text-box-450.png);
	background-repeat: no-repeat;
	background-position: 34px 15px;

}


/* --------- Telephony Solutions Page RIGHT Lower Block Layout 2 --------- */
.pagerightbartelephonysolutions2 {
	height: 500px;
	width: 395px;
	background-image: url(images/half-text-box-450.png);
	background-repeat: no-repeat;
	background-position: 6px 15px;

}

/*  --------- Telephony Solutions Page LEFT Lower Block Layout  3 --------- */

.pageleftbartelephonysolutions3 {
	width: 395px;
	height: 700px;
	float: left;
	background-image: url(images/text-box-330x220.png);
	background-repeat: no-repeat;
	background-position: 34px 15px;

}


/* --------- Telephony Solutions Page RIGHT Lower Block Layout 3 --------- */
.pagerightbartelephonysolutions3 {
	height: 700px;
	width: 395px;
	background-image: url(images/text-box-330x220.png);
	background-repeat: no-repeat;
	background-position: 6px 15px;

}



/* --------- Managed Services Page ------------- */

.pageintroholdermanaged {
	height: 350px;
	background-image: url(images/text-box-300px.png);
	background-repeat: no-repeat;
	background-position: 36px 15px;
}

.pageintrotextmanaged {
	padding: 25px 65px 0px 60px;
	text-align: justify;
	font-size: 13px;
	line-height: 1.8;
	text-indent: 20px;
}

.pageintrotextmanaged h1 {
	text-indent: 0px;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 2.8;

}



/* --------- WEBSITE DESIGN Services Page ------------- */

.pageintroholderwebsitedesign {
	height: 400px;
	background-image: url(images/text-box-350px.png);
	background-repeat: no-repeat;
	background-position: 36px 15px;
}

.pageintrotextwebsitedesign {
	padding: 25px 65px 0px 60px;
	text-align: justify;
	font-size: 13px;
	line-height: 1.8;
	text-indent: 20px;
}

.pageintrotextwebsitedesign h1 {
	text-indent: 0px;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 2.8;

}

.pagehighlightswebsitedesign {
	text-align: justify;
	font-size: 13px;
	width: 790px;
	line-height: 1.8;
}




/*  --------- WEBSITE DESIGN LEFT Lower Block Layout  --------- */

.pageleftbarwebsitedesign {
	width: 395px;
	height: 300px;
	

}
 
.pageleftbartextwebsitedesign {
	padding: 30px 38px 0px 52px;

} 

.pageleftbartextwebsitedesign a:link {
    color:#3399CC;
	text-decoration:none;
	font-weight:bold;
} 
.pageleftbartextwebsitedesign  a:visited {
	color:#006699;
	text-decoration:none;
	font-weight:bold;
}

.pageleftbartextwebsitedesign  a:hover {

	text-decoration:underline;
}



/* --------- WEBSITE DESIGN Page RIGHT Lower Block Layout --------- */
.pagerightbarwebsitedesign {
	height: 300px;
	width: 395px;
	

}

.pagerightbartextwebsitedesign {
	padding: 30px 66px 0px 24px;

}

.pagerightbartextwebsitedesign a:link {
    color:#3399CC;
	text-decoration:none;
	font-weight:bold;
} 
.pagerightbartextwebsitedesign  a:visited {
	color:#006699;
	text-decoration:none;
	font-weight:bold;
}

.pagerightbartextwebsitedesign  a:hover {

	text-decoration:underline;
}






/* --------- 3D RENDERING Services Page ------------- */

.pageintroholder3drendering {
	height: 350px;
	background-image: url(images/text-box-300px.png);
	background-repeat: no-repeat;
	background-position: 36px 15px;
}

.pageintrotext3drendering {
	padding: 25px 65px 0px 60px;
	text-align: justify;
	font-size: 13px;
	line-height: 1.8;
	text-indent: 20px;
}

.pageintrotext3drendering h1 {
	text-indent: 0px;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 2.8;

}

.pagehighlights3drendering {
	text-align: justify;
	padding: 0px;
	
	font-size: 13px;
	width: 790px;
	line-height: 1.8;
	
}




/*  --------- 3D RENDERING LEFT Lower Block Layout  --------- */

.pageleftbar3drendering {
	width: 395px;
	height: 250px;
	

}
 
.pageleftbartext3drendering {
	padding: 15px 0px 15px 0px;

} 

.pageleftbartext3drendering a:link {
    color:#3399CC;
	text-decoration:none;
	font-weight:bold;
} 
.pageleftbartext3drendering  a:visited {
	color:#006699;
	text-decoration:none;
	font-weight:bold;
}

.pageleftbartext3drendering  a:hover {

	text-decoration:underline;
}



/* --------- 3D RENDERING Page RIGHT Lower Block Layout --------- */
.pagerightbar3drendering {
	height: 250px;
	width: 395px;
	

}

.pagerightbartext3drendering {
	padding: 15px 30px 15px 0px;

}

.pagerightbartext3drendering a:link {
    color:#3399CC;
	text-decoration:none;
	font-weight:bold;
} 
.pagerightbartext3drendering  a:visited {
	color:#006699;
	text-decoration:none;
	font-weight:bold;
}

.pagerightbartext3drendering  a:hover {

	text-decoration:underline;
}








/* --------- CAD DRAFTING Services Page ------------- */

.pageintroholdercaddrafting {
	height: 300px;
	background-image: url(images/text-box-250px.png);
	background-repeat: no-repeat;
	background-position: 36px 15px;
}

.pageintrotextcaddrafting {
	padding: 25px 65px 0px 60px;
	text-align: justify;
	font-size: 13px;
	line-height: 1.8;
	text-indent: 20px;
}

.pageintrotextcaddrafting h1 {
	text-indent: 0px;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 2.8;

}

.pagehighlightscaddrafting {
	text-align: justify;
	font-size: 13px;
	width: 790px;
	line-height: 1.8;
	
}




/*  --------- CAD DRAFTING TOP Lower Block Layout  --------- */

.pagetopbarcaddrafting {
	width: auto;
	height: auto;
	

}
 
.pagetopbartextcaddrafting {
	text-align: center;
	height: 50px;

} 


.pagetopbartextcaddrafting h2 {
	font-size: 16px;
	text-shadow: #000000 1px 1px 2px;

}

.pagetopbarimgcaddrafting {
	text-align: center;

} 

.pagetopbartextcaddrafting a:link {
    color:#3399CC;
	text-decoration:none;
	font-weight:bold;
} 
.pagetopbartextcaddrafting  a:visited {
	color:#006699;
	text-decoration:none;
	font-weight:bold;
}

.pagetopbartextcaddrafting  a:hover {

	text-decoration:underline;
}



/* --------- CAD DRAFTING Page Bottom Lower Block Layout --------- */
.pagebottombarcaddrafting {
	height: 50px;
	

}

.pagebottombartextcaddrafting {
	
	text-align: center;

}

.pagebottombartextcaddrafting h2 {
	font-size: 16px;
text-shadow: #000000 1px 1px 2px;
}

.pagebottombarimgcaddrafting {
	
	text-align: center;

}

.pagebottombartextcaddrafting a:link {
    color:#3399CC;
	text-decoration:none;
	font-weight:bold;
} 
.pagebottombartextcaddrafting  a:visited {
	color:#006699;
	text-decoration:none;
	font-weight:bold;
}

.pagebottombartextcaddrafting  a:hover {

	text-decoration:underline;
}


/*  --------- CAD DRAFTING TOP Lower Block Layout2  --------- */

.pagetopbarcaddrafting2 {
	width: auto;
	height: auto;
	

}
 
.pagetopbartextcaddrafting2 {
	text-align: center;

} 

.pagetopbarimgcaddrafting2 {
	text-align: center;

} 

/* --------- CAD DRAFTING Page Bottom Lower Block Layout2 --------- */
.pagebottombarcaddrafting2 {
	height: 300px;
	width: 395px;
	

}

.pagebottombartextcaddrafting2 {
	
	text-align: center;

}

.pagebottombarimgcaddrafting2 {
	
	text-align: center;

}



/* --------- Printed Media Services Page ------------- */

.pageintroholderprintedmedia {
	
	height: 350px;
	background-image: url(images/text-box-300px.png);
	background-repeat: no-repeat;
	background-position: 36px 15px;
}

.pageintrotextprintedmedia {
	padding: 25px 65px 0px 60px;
	text-align: justify;
	font-size: 13px;
	line-height: 1.8;
}

.pageintrotextprintedmedia h1 {
	text-indent: 0px;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 2.8;

}

.pagehighlightsprintedmedia {
	text-align: justify;
	padding: 0px;
	
	font-size: 13px;
	width: 790px;
	line-height: 1.8;
	
}






/* ----------- Residential Low Voltage Into  ----------- */
.pageintroholderresidentiallowvoltage {
	height: 300px;
	background-image: url(images/text-box-250px.png);
	background-repeat: no-repeat;
	background-position: 36px 15px;
}

.pageintrotextresidentiallowvoltage {
	padding: 25px 65px 0px 60px;
	text-align: justify;
	font-size: 13px;
	line-height: 1.8;
	text-indent: 20px;
}

.pageintrotextresidentiallowvoltage h1 {
	text-indent: 0px;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 2.8;

}

.pagehighlightsresidentiallowvoltage {
	text-align: justify;
	font-size: 13px;
	width: 790px;
	line-height: 1.8;
	
}




/*  --------- Residential Low Voltage LEFT Lower Block Layout  --------- */

.pageleftbarresidentiallowvoltage {
	width: 395px;
	height: 550px;
	background-image: url(images/half-text-box-500.png);
	background-repeat: no-repeat;
	background-position: 34px 15px;

}
 
.pageleftbartextresidentiallowvoltage {
	padding: 30px 38px 0px 52px;

} 

.pageleftbartextresidentiallowvoltage a:link {
    color:#3399CC;
	text-decoration:none;
	font-weight:bold;
} 
.pageleftbartextresidentiallowvoltage  a:visited {
	color:#006699;
	text-decoration:none;
	font-weight:bold;
}

.pageleftbartextresidentiallowvoltage  a:hover {

	text-decoration:underline;
}



/* --------- Residential Low Voltage Page RIGHT Lower Block Layout --------- */
.pagerightbarresidentiallowvoltage {
	height: 550px;
	width: 395px;
	background-image: url(images/half-text-box-500.png);
	background-repeat: no-repeat;
	background-position: 6px 15px;

}

.pagerightbartextresidentiallowvoltage {
	padding: 30px 66px 0px 24px;

}

.pagerightbartextresidentiallowvoltage a:link {
    color:#3399CC;
	text-decoration:none;
	font-weight:bold;
} 
.pagerightbartextresidentiallowvoltage  a:visited {
	color:#006699;
	text-decoration:none;
	font-weight:bold;
}

.pagerightbartextresidentiallowvoltage  a:hover {

	text-decoration:underline;
}

.residentiallowvoltageimg {
	padding: 10px 0px 0px 10px;


}




/*  --------- Residential Low Voltage LEFT Lower Block Layout 2 --------- */

.pageleftbarresidentiallowvoltage2 {
	background-image: url(images/half-text-box-400.png);
	background-repeat: no-repeat;
	background-position: 34px 15px;
	width: 395px;
	height: 450px;
	


}



/* --------- Residential Low Voltage Page RIGHT Lower Block Layout 2 --------- */
.pagerightbarresidentiallowvoltage2 {
	height: 450px;
	width: 395px;

	background-image: url(images/half-text-box-400.png);
	background-repeat: no-repeat;
	background-position: 6px 15px;

}







/* ----------- Commercial Low Voltage Into  ----------- */
.pageintroholdercommerciallowvoltage {
	height: 350px;
	background-image: url(images/text-box-300px.png);
	background-repeat: no-repeat;
	background-position: 36px 15px;
}

.pageintrotextcommerciallowvoltage {
	padding: 25px 65px 0px 60px;
	text-align: justify;
	font-size: 13px;
	line-height: 1.8;
	text-indent: 20px;
}

.pageintrotextcommerciallowvoltage h1 {
	text-indent: 0px;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 2.8;

}

.pagehighlightscommerciallowvoltage {
	text-align: justify;
	font-size: 13px;
	width: 790px;
	line-height: 1.8;
}




/*  --------- Commercial Low Voltage LEFT Lower Block Layout  --------- */

.pageleftbarcommerciallowvoltage {
	width: 395px;
	height: 950px;
	background-image: url(images/half-text-box-900.png);
	background-repeat: no-repeat;
	background-position: 34px 15px;

}
 
.pageleftbartextcommerciallowvoltage {
	padding: 30px 38px 0px 52px;

} 

.pageleftbartextcommerciallowvoltage a:link {
    color:#3399CC;
	text-decoration:none;
	font-weight:bold;
} 
.pageleftbartextcommerciallowvoltage  a:visited {
	color:#006699;
	text-decoration:none;
	font-weight:bold;
}

.pageleftbartextcommerciallowvoltage  a:hover {

	text-decoration:underline;
}



/* --------- Commercial Low Voltage Page RIGHT Lower Block Layout --------- */
.pagerightbarcommerciallowvoltage {
	height: 950px;
	width: 395px;
	background-image: url(images/half-text-box-900.png);
	background-repeat: no-repeat;
	background-position: 6px 15px;

}

.pagerightbartextcommerciallowvoltage {
	padding: 30px 66px 0px 24px;

}

.pagerightbartextcommerciallowvoltage a:link {
    color:#3399CC;
	text-decoration:none;
	font-weight:bold;
} 
.pagerightbartextcommerciallowvoltage  a:visited {
	color:#006699;
	text-decoration:none;
	font-weight:bold;
}

.pagerightbartextcommerciallowvoltage  a:hover {

	text-decoration:underline;
}






/*  --------- Commercial Low Voltage LEFT Lower Block Layout 2 --------- */

.pageleftbarcommerciallowvoltage2 {
	background-image: url(images/half-text-box-300.png);
	background-repeat: no-repeat;
	background-position: 34px 15px;
	width: 395px;
	height: 350px;
	


}



/* --------- Residential Low Voltage Page RIGHT Lower Block Layout 2 --------- */
.pagerightbarcommerciallowvoltage2 {
	height: 350px;
	width: 395px;
	background-image: url(images/half-text-box-300.png);
	background-repeat: no-repeat;
	background-position: 6px 15px;

}


.commerciallowvoltageimg {
	padding: 25px 0px 0px 10px;

}





/* ----------- Business Technology Into  ----------- */
.pageintroholderbusinesstechnology {
	height: 250px;
	background-image: url(images/text-box-200px.png);
	background-repeat: no-repeat;
	background-position: 36px 15px;
}

.pageintrotextbusinesstechnology {
	padding: 25px 65px 0px 60px;
	text-align: justify;
	font-size: 13px;
	line-height: 1.8;
	text-indent: 20px;
}

.pageintrotextbusinesstechnology h1 {
	text-indent: 0px;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 2.8;

}

.pagehighlightsbusinesstechnology {
	text-align: justify;
	padding: 0px;
	
	font-size: 13px;
	width: 790px;
	line-height: 1.8;
	height: auto;
}




/*  --------- Business Technology LEFT Lower Block Layout  --------- */

.pageleftbarbusinesstechnology {
	width: 395px;
	height: 400px;
	background-image: url(images/half-text-box-350.png);
	background-repeat: no-repeat;
	background-position: 34px 15px;

}
 
.pageleftbartextbusinesstechnology {
	padding: 30px 38px 0px 52px;
	text-indent: 20px;

} 

.pageleftbartextbusinesstechnology a:link {
    color:#3399CC;
	text-decoration:none;
	font-weight:bold;
} 
.pageleftbartextbusinesstechnology  a:visited {
	color:#006699;
	text-decoration:none;
	font-weight:bold;
}

.pageleftbartextbusinesstechnology  a:hover {

	text-decoration:underline;
}



/* --------- Business Technology Page RIGHT Lower Block Layout --------- */
.pagerightbarbusinesstechnology {
	height: 400px;
	width: 395px;
	
	background-image: url(images/half-text-box-350.png);
	background-repeat: no-repeat;
	background-position: 6px 15px;

}

.pagerightbartextbusinesstechnology {
	padding: 30px 66px 0px 24px;
	text-indent: 20px;

}

.pagerightbartextbusinesstechnology a:link {
    color:#3399CC;
	text-decoration:none;
	font-weight:bold;
} 
.pagerightbartextbusinesstechnology  a:visited {
	color:#006699;
	text-decoration:none;
	font-weight:bold;
}

.pagerightbartextbusinesstechnology  a:hover {

	text-decoration:underline;
}






/*  --------- Business Technology LEFT Lower Block Layout 2 --------- */

.pageleftbarbusinesstechnology2 {
	background-image: url(images/half-text-box-650.png);
	background-repeat: no-repeat;
	background-position: 34px 15px;
	width: 395px;
	height: 700px;
	


}


.businesstechnologyimg {
	padding: 10px 0px 0px 10px;

}



/* --------- Business Technology Page RIGHT Lower Block Layout 2 --------- */
.pagerightbarbusinesstechnology2 {
	height: 700px;
	width: 395px;
	
	background-image: url(images/half-text-box-650.png);
	background-repeat: no-repeat;
	background-position: 6px 15px;

}



/*  --------- Business Technology LEFT Lower Block Layout 3 --------- */

.pageleftbarbusinesstechnology3 {
	background-image: url(images/half-text-box-400.png);
	background-repeat: no-repeat;
	background-position: 34px 15px;
	width: 395px;
	height: 450px;
	


}



/* --------- Business Technology Page RIGHT Lower Block Layout 3 --------- */
.pagerightbarbusinesstechnology3 {
	height: 450px;
	width: 395px;
	background-image: url(images/half-text-box-400.png);
	background-repeat: no-repeat;
	background-position: 6px 15px;

}


.pagerightbarbusinesstechnology3img {
	padding: 35px 10px 0px 10px;

}



















/*   --------- Lower Text Elements for all Pages except Home Page - Default --------- */

.pagehighlights {
	text-align: justify;
	font-size: 13px;
	width: 790px;
	line-height: 1.8;
}




/*  --------- Page LEFT Lower Block Layout  --------- */

.pageleftbar {
	width: 395px;
	height: 270px;
	
	background-image: url(images/half-text-box-220.png);
	background-repeat: no-repeat;
	background-position: 34px 15px;

}
 
.pageleftbartext {
	padding: 30px 38px 0px 52px;
	line-height: 1.8;

} 

.pageleftbartext a:link {
    color:#3399CC;
	text-decoration:none;
	font-weight:bold;
} 
.pageleftbartext  a:visited {
	color:#006699;
	text-decoration:none;
	font-weight:bold;
}

.pageleftbartext  a:hover {

	text-decoration:underline;
}



/* --------- Page RIGHT Lower Block Layout --------- */
.pagerightbar {
	height: 270px;
	width: 395px;
	background-image: url(images/half-text-box-220.png);
	background-repeat: no-repeat;
	background-position: 6px 15px;

}

.pagerightbartext {
	padding: 30px 66px 0px 24px;
	line-height: 1.8;

}

.pagerightbartext a:link {
    color:#3399CC;
	text-decoration:none;
	font-weight:bold;
} 
.pagerightbartext  a:visited {
	color:#006699;
	text-decoration:none;
	font-weight:bold;
}

.pagerightbartext  a:hover {

	text-decoration:underline;
}









/*  --------- Footer Elemenets  --------- */

.footer {
	height: 40px;
	width: 790px;
	margin: 0px auto;
	text-align: center;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #0EA9EA url(images/ats-footer.jpg) repeat-y left top;
}

.footerlinks {
	padding-top: 15px;

}

.subfooter {
	height: 40px;
	width: 790px;
	margin: 0px auto;
	text-align: center;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 10px;
}







/* ----------------Special Pages Elements --------------*/




.designflash {
	height: auto;
	text-align: center;
	padding: 15px 15px 15px 15px;

}


.designlinks {
	height: 40px;
	text-align: center;
	padding: 15px 15px 15px 15px;


}






/* -------Hosted Sales / Job Pages----------------------*/

.hostedsalesintroholder {
}

.hostedsalesintrotext {
	padding: 15px 15px 15px 45px;

}

.hostedsalesintrotext p {
	text-indent: 0px;
	line-height: 1.8;

}
.hostedsalesdescriptions {
	padding: 10px 10px 10px 45px;

}

#citrenbanner {
    background-color: black;
    background-image: url("images/citrenbanner.gif");
    background-position: center 42px;
    background-repeat: no-repeat;
    border-bottom: 10px solid black;
    border-top: 10px solid black;
    clear: both;
    display: block;
    float: none;
    height: 180px;
    overflow: visible;
    position: relative;
    visibility: visible;
    width: 100%;
    z-index: 1000;
}
