/* CSS Document */

a:link { text-decoration:none;}     /* unvisited link */
a:visited { text-decoration:none; color:#00F;}  /* visited link */
a:hover { text-decoration:underline;}   /* mouse over link */
a:active { text-decoration:none; }   /* selected link */

a.dark:link { text-decoration:none; color:#fff}     /* unvisited link */
a.dark:visited { text-decoration:none; color:#fff;}  /* visited link */
a.dark:hover { text-decoration:underline; color:#fff}   /* mouse over link */
a.dark:active { text-decoration:none; color:#fff }   /* selected link */

div.items{ padding-left:15px;}
li.items{ text-indent:-15px;}
img.floatRight{ float:right; margin:10px; margin-right:0px;}
/*****************************************TEMPLATE STARTS HERE**************************************************************/
body{
	margin-top:0px;
	background-color:#000;
	background-image: url(images/bkgd-gradient.gif);
	background-repeat:repeat-x;
	}
h1{font-family: arial,verdana,sans-serif; font-size:12px; color:#FFFFFF; font-weight:normal;}
h2{font-family: arial,verdana,sans-serif; font-size:11px; font-weight:normal;} /*footer*/
h3{font-family: arial,verdana,sans-serif; font-size:12px; font-weight:normal; color:#000;} /*paragraphs*/
h4{font-family: arial,verdana,sans-serif; font-size:12px; font-weight:bold; margin-top:6px;}

#header{width:800px; margin: 0 auto; height:130px; background:url(images/index-header-1.jpg)}
#header-col-lft{ float:left; margin-top:60px;}
#header-col-rgt{ float:left; margin:10px; margin-top:30px; width:54%;}
#wrapper-outer{ width:800px; height:auto; margin: 0 auto; padding-top:3px; background:#FFFFFF url(images/index-roundcorners-top.gif) 				
no-repeat center 0;}
#wrapper-content{width:794px; height:auto; margin: 0 auto; padding:0;}
#wrapper-navBar{height:60px;}
#content-area{height:600px; width:auto; padding:15px; background:url(images/index-content-bkgd.jpg) no-repeat center 0;}
#footer{width:100%; height:40px; padding-top:10px;}

/*****************************************TEMPLATE ENDS HERE**************************************************************/

/*****************************************SUB PAGES TEMPLATE STARTS HERE**************************************************/
#content-area-sub{ min-height:600px; height:600px auto; width:auto; padding-top:15px; padding-left:25px; padding-right:25px; background :url(images/sub-bkgd.jpg) no-repeat center 0;}
#content-area-sub-pos{ min-height:600px; height:600px auto; width:auto; padding-top:15px; padding-left:25px; padding-right:25px; background :url(images/sub-bkgd-B.jpg) no-repeat center 0;}
#sub-titles{height:92px; padding:10px;}
#sub-content-area{width:517px; padding:25px; height:100px auto; margin-top:17px; float:left; }
#sub-content-area-pos{width:517px; padding:25px; padding-top:0px; height:100px auto; margin-top:17px; float:left; }
#sub-right-column{float:right;width:150px; margin-top:17px;}
#sub-partner-dell{height:60px;width:150px;background:url(images/index-dell.gif) no-repeat;}
#sub-partner-cisco{height:60px;margin-top:15px;width:150px;background:url(images/index-cisco.gif) no-repeat;}
#sub-partner-mspse{height:60px;margin-top:15px;width:150px;background: url(images/index-MSPSE.gif) no-repeat;}

/*****************************************SUB PAGES TEMPLATE ENDS HERE****************************************************/


/*****************************************MENU ITEMS ONLY STARY***********************************************************/
.pro_linedrop {
height:30px;
width:794px;
background:url(images/menu-1.gif);
position:relative; 
font-family:arial, verdana, sans-serif; 
font-size:11px;
z-index:500;
margin-left:auto;
margin-right:auto;
}

.pro_linedrop .select {
margin:0; 
padding:0; 
list-style:none; 
white-space:nowrap;
}

.pro_linedrop li {
float:left;
background:url(images/menu-1.gif);
}

.pro_linedrop .select a {
display:block; 
height:30px; 
float:left; 
background: url(images/black_0a.gif); 
padding:0 0 0 15px; 
text-decoration:none; 
line-height:30px; 
white-space:nowrap; 
color: #FFFFFF;
}


.pro_linedrop .select a b {
display:block;
padding:0 30px 0 15px; 
background url(images/black_0a.gif) right top;
}
 
.pro_linedrop .select li.line a b { /*ARROW IMAGE FOR LINKS WITH SECOND LINE*/
background:url(images/black_0a.gif) right top;
}

.pro_linedrop .select a:hover, 
.pro_linedrop .select li:hover a { /*ROLL OVER IMAGE FOR ALL.COMPLETES IMAGE ON LEFT SIDE*/
background: url(images/black_1-a.gif); 
padding:0 0 0 15px;
cursor:pointer; 
color:#fff;
}

.pro_linedrop .select a:hover b, 
.pro_linedrop .select li:hover a b { /*ROLL OVER IMAGE FOR LINKS WITHOUT SECOND LINE*/
display:block; 
padding:0 30px 0 15px; 
background:url(images/black_1-a.gif) right top; 
cursor:pointer;
}

.pro_linedrop .select li.line a:hover b, 
.pro_linedrop .select li.line:hover a b { /*ROLL OVER IMAGE FOR LINKS WITH SECOND LINE*/
background:url(images/black_1a.gif) right top; 
}


.pro_linedrop .sub {/*SEEMS TO DO NOTHING*/
display:none;
}
.pro_linedrop ul ul {display:none;} /*SEEMS TO DO NOTHING*/

/* IE6 only */
.pro_linedrop table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.pro_linedrop .sub {
margin:0; 
padding:0;
list-style:none;
}

.pro_linedrop .sub li {background:transparent;}

.pro_linedrop .select :hover .sub { /*CONTROLS SECOND MENU LINE OVERALL*/
height:30px;
display:block; 
position:absolute;
float:left;
width:794px;
top:30px; 
left:0; 
text-align:center;
background url(images/fade.gif) #fff;
}

.pro_linedrop .select :hover .rt li {float right;} /*seems to do nothing*/

.pro_linedrop .select :hover .sub li a /*CONTROLS TEXT FOR SECOND LINE*/
{display:block; height:30px; line-height:25px; float:left; background:transparent url(line/transparent.gif); padding:0 16px; margin:0; white-space:nowrap; color: #000000;font-size:11px;}

.pro_linedrop .select :hover .sub li.subline a {color:#c00;}

.pro_linedrop .select :hover .sub li a:hover,
.pro_linedrop .select :hover .sub li:hover /*CONTROLS ROLL OVER IMAGE ON SUB MENU*/
{color:#000; line-height:24px; position:relative; background:#fff url(images/fade.gif) left bottom;}

#sub-menu{
	height:30px;
	background-image:url(images/menu-sub.gif);
	width:794px;
	margin-left:auto;
	margin-right:auto;
	}

/************************************************MENU ITEMS ONLY END******************************************************/

/************************************************INDEX PAGE STARTS HERE******************************************************/

#index-col-lft{ float:left; width:549px; padding:0px; border:0px; height:auto; margin-right:15px;}
#index-flash{background:transparent url(images/index-flash-bkgd.jpg); height:150px;}
#index-services{height:130px; margin-top:15px; padding-left:30px;}
#index-services-col01{ float:left; width:101px; height:130px; margin-right:15px;}
#index-services-col02{ float:left; width:101px; height:130px; margin-right:15px;}
#index-services-thumb01{width:101px; height:101px;}
#index-services-thumb02{width:101px; height:101px;}
#index-welcome-col-1{ float:left; margin-top:15px; margin-left:30px; display:inline; padding:15px; height:200px; width:451px; line-height:18px; background: url(images/index-text-bkgd-02.jpg) no-repeat center 0;}


#index-col-rgt{ float:left; width:200px;padding:0px; border:0px;}
#index-video{ background: transparent url(images/index-video-bkgd.jpg); height:150px;}
#index-partner-dell{height:60px;margin-top:15px;margin-left:25px;width:150px;background:url(images/index-dell.gif) no-repeat;}
#index-partner-cisco{height:60px;margin-top:15px;margin-left:25px;width:150px;background:url(images/index-cisco.gif) no-repeat;}
#index-partner-mspse{height:60px;margin-top:15px;margin-left:25px;width:150px;background: url(images/index-MSPSE.gif) no-repeat;}
/************************************************INDEX PAGE ENDS HERE******************************************************/

/************************************************CONTACT PAGE STARTS HERE******************************************************/
#contact-title{font-family:arial; font-size:14px; font-weight:bold; margin-bottom:8PX; color:#DE7A0C;}
#contact-text{font-family:arial; font-size:12px; line-height:16px;}
#contact-page-title{ background:url(images/contact-pageTitle.jpg) no-repeat; height:80px; border:#FFF solid 1px;}
#contact-page-title-text{ font-family:tahoma; font-size:25px; font-weight:bold; margin:8px; color:#555}

/************************************************CONTACT PAGE ENDS HERE********************************************************/


/************************************************ABOUT PAGE STARTS HERE********************************************************/
#about-content{line-height:17px; padding-left:20px; padding-right:20px;}
#about-banner{ background:url(images/about-banner.jpg) no-repeat; height:80px; }
#about-banner-text{ font-family:tahoma; font-size:25px; font-weight:bold; margin:8px; color:#555; width:auto;}

/************************************************ABOUT PAGE ENDS HERE*********************************************************/

/************************************************LIVE CHAT PAGE STARTS HERE***************************************************/
#liveChat-banner{ background:url(images/live-chat-banner.jpg) no-repeat; height:80px; border:#FFF solid 1px;}
#liveChat-banner-text{font-family:tahoma; font-size:25px; font-weight:bold; padding-left:210px; padding-top:25px; color:#555; width:auto;}

/************************************************LIVE CHAT PAGE ENDS HERE*****************************************************/

/************************************************NETWORK SUPPORT PAGE STARTS HERE***********************************************/
#net-banner{ background:url(images/net-banner.jpg) no-repeat; border: #FFF solid 1px; height:80px;}
#net-banner-text{font-family:tahoma; font-size:25px; font-weight:bold; margin:8px; color:#555; width:auto;}
#net-content-col-lft{ float:left; margin-right:21px; width:248px;}
#net-content-col-rgt{ float:left; width:248px;}
#net-title{ font-family:arial; font-size:16px; font-weight:bold; color:#DE7A0C;}

/************************************************NETWORK SUPPORT PAGE ENDS HERE***********************************************/

/************************************************TELEPHONY PAGE STARTS HERE***************************************************/
#tele-banner{ background:url(images/telephony-banner.jpg) no-repeat; border:#FFF solid 1px; height:80px;}
#tele-banner-text{font-family:tahoma; font-size:25px; font-weight:bold; margin:8px; color:#555; width:auto;}
#tele-logo{ height:40px;margin-top:15px;width:95px; border-bottom #CCC solid 1px; margin-left:25px; padding-left:4px;}
#tele-logo2{ width:100%; margin-left:auto; margin-right:auto; border-bottom #CCC solid 1px;}
#tele-logo3{ width:auto; margin-left:14px; margin-right:auto; padding-top:25px;}
#tele-content-col-lft{ float:left; width:240px; margin-right:30px;}
#tele-content-col-rgt{ float:left; width:240px;}
#tele-li{ margin-bottom:5px;}
/************************************************TELEPHONY PAGE ENDS HERE*****************************************************/

/************************************************HOME THEATRE PAGE STARTS HERE*****************************************************/
#theatre-bkgd{min-height:600px; height:600px auto; width:auto; padding-top:15px; padding-left:25px; padding-right:25px; background:url(images/home-theatre.jpg) no-repeat center 0;}
#theatre-banner{height:142px; padding:10px;}
/************************************************HOME THEATRE PAGE ENDS HERE*****************************************************/

/************************************************PAYMENT PAGE STARTS HERE*****************************************************/
span.fieldTitle{ font-family:arial; font-size:11px;}
div.fieldLeft{ float:left; padding-right:25px; margin-top:;}
div.fieldRight{ float:left; margin-top:;}
div.clear{ clear:both; height:5px;}
select.width{ width:150px;}
input.width{ width:150px;}

/************************************************PAYMENT PAGE ENDS HERE*****************************************************/

/************************************************POS STARTS HERE************************************************************/
#pos-banner{
	background:url(images/pos-banner.jpg) no-repeat;
	border:#FFF solid 1px;
	height:80px;
}
/************************************************POS ENDS HERE************************************************************/

/*************************************************CABLING STARTS HERE******************************************************/
#cabling-banner{
	background: url(images/cabling-miami/cabling-banner.jpg) no-repeat;
	border:#FFF solid 1px;
	height:80px;
}
/*************************************************CABLING ENDS HERE********************************************************/

/*************************************************WEBSITES STARTS HERE*****************************************************/
#WEB-banner{
	background: url(images/web-miami/banner.jpg) no-repeat;
	border:#FFF solid 1px;
	height:80px;
}

#web-logo{ height:75px;margin-top:15px;width:95px; border-bottom #CCC solid 1px; margin-left:25px; padding-left:4px;}

#web-col-L{
		width:55%;
		height:auto;
		padding-right:20px;
		border-right:#fff solid 1px;
		float:left;
		}

#web-col-R{
		width:30%;
		height:auto;
		padding-left:45px;
		float:left;
		}
#pull-quote{
		font-family: Arial,Helvetica,Georgia; 
		font-size: 15px; 
		line-height: 15px; 
		color: black; 
		text-align: right;
		}

img.port-web{
			border: 1px solid #999;
			background-color:#FFF;
			padding: 3px;	
			margin: 25px 5px 0px 0;
}

#address{font-family: arial,verdana,sans-serif; font-size:11px; font-weight:normal; color:#000; margin-left:auto; margin-right:auto;} /*paragraphs*/

/*************************************************WEBSITES ENDS HERE*******************************************************/

/*************************************************FORM STARTS HERE*******************************************************/

ul.formStyle{
	list-style:none
}
li.form{
	padding-bottom:10px;
}
label.description{
		display:block;
		font-family: arial,verdana,sans-serif; 
		font-size:11px; 
		font-weight:normal;
}
label.checkBox{
	font-family: arial,verdana,sans-serif; 
	font-size:11px; 
	font-weight:normal;
}
div.checkBoxCol1{
	width:155px;
	float:left;
}
div.checkBoxCol2{
	width:175px;
	float:left;
}