/*Please change a styled element to see which CSS properties apply*/
/*--body properties--*/
body { margin:0; background:#FEE3ED url(../images/bg.gif) repeat-y center top; font-family:Verdana; font-size:11px; color:#747272;}
h1 { margin:0; padding:0px 0px 10px 0px; font-family:Arial; font-size:15px; font-weight:bold; display:block;  color:#841742; text-transform:uppercase;}
h2 { margin:0; padding:0px 0px 10px 0px; font-family:Arial; font-size:13px; font-weight:bold; display:block;  color:#333333;}
h3 { margin:0; padding:0px 0px 10px 0px; font-family:Arial; font-size:13px; font-weight:bold; display:block;  color:#73BEE9;}
form { margin:0; padding:0;}

/*-----DIV TAGS-----*/
#main-panel { margin:0 auto; width:900px; background:url(../images/header-slide.gif) top center no-repeat #F2F3F4;}
#main-panel-header { margin:0 auto; width:900px; height:170px;}
#main-panel-header img { margin:60px 0px 0px 60px;}

#panel-menu { margin:0 auto; width:827px; height:39px; background:url(../images/menu.jpg);}
#panel-header-pic { margin:0 auto; background:url(../images/header-pic.jpg); width:827px; height:192px;}

#body-top { margin:0 auto; width:827px; height:12px; background:url(../images/white-box-top.jpg); font-size:2px; margin-top:6px;}
#body-content {margin:0 auto;width:787px; background:url(../images/white-box-middle.jpg) repeat-y center top; padding:20px 20px 0px 20px;}
#body-content-left { float:left; width:243px;}
#body-content-right { float:right; width:514px;}
#body-content-right-text { width:514px;}
#body-down {margin:0 auto; width:827px; height:12px; background:url(../images/white-box-down.jpg); font-size:2px;}

#footer { width:827px; margin:0 auto; line-height:30px; text-align:center; font-size:10px; color:#6B6A6A;}

#our-distributor { width:201px; height:180px; margin:0 auto;}
#our-distributor2 { width:201px; height:180px; margin:0 auto;}

#leftside-pic { margin:0 auto; width:235px;margin-top:15px; text-align:center; font-family:Tahoma; color:#CC0000;}
#leftside-pic2 { margin:0 auto; width:235px;margin-top:15px; text-align:center; font-family:Tahoma; color:#CC0000;}

#services-box { width:478px; height:190px; margin:0 auto; background:url(../images/services-bg.jpg) no-repeat; padding:18px 10px 0px 10px;}
#services-box h1 { font-family:Arial; font-size:13px; font-weight:bold; margin:0; padding:0; color:#841742; padding-left:35px; padding-bottom:20px;}
#services-box-left { float:left; width:235px;}
#services-box-left ul { margin:0; padding:0;}
#services-box-left ul li { margin:0; padding:0; list-style:none;}
#services-box-left ul li a { background:url(../images/black-bullet.gif) 0px 5px no-repeat; padding-left:20px; font-family:Verdana; font-size:11px; font-weight:normal; color:#797676; text-decoration:none; display:block; line-height:20px;}
#services-box-left ul li a:hover { color:#000000; font-weight:bold;}

#rightcolumn { float:right; width:240px; height:136px; background:url(../images/services/1.jpg)} 

#about-pic { width:498px; height:196px; margin:0 auto; background:url(../images/about-pic.gif); }
#services-it-network { background:url(../images/it-network.jpg) right bottom no-repeat; height:500px; width:498px; margin:0 auto;}
#services-disaster-recovery { background: url(../images/disaster-recovery.jpg) right bottom no-repeat; height:319px; width:498px; margin:0 auto;}
#services-cabling { background:none; width:498px; margin:0 auto;}
#services-rental { background: url(../images/rental.jpg) right bottom no-repeat; height:349px; width:498px; margin:0 auto;}
#services-it-quipment { background: url(../images/it-quipment.jpg) right bottom no-repeat; height:349px; width:498px; margin:0 auto;}
#services-it-outsourcing { background:none; width:498px; margin:0 auto;}
#services-it-outsourcing ul { margin:0; padding:0; padding-left:10px;}
#services-it-outsourcing ul li { background:url(../images/arrow-bullet.gif) 0px -3px no-repeat; padding-left:30px; margin:0; list-style:none; padding-bottom:15px;}
#services-it-outsourcing ul li strong { font-family:Tahoma;}
#services-popup { text-align:right; border-top:1px dashed #999999; padding-top:10px; color:#841742; font-family:Tahoma; margin-top:10px;}
#services-popup form { margin:0; padding:0;}
#services-popup form select { font-family:Tahoma; font-size:11px; color:#666666;}

#products a { background:url(../images/alfa-title.jpg); width:446px; height:34px; display:block; color: #999999; text-align:right; font-family:Verdana; font-size: 24px; text-decoration:none; padding-right:40px; padding-top:7px; text-transform:uppercase;}
#products a:hover { color:#000000;}

#products { width:500px; float:right;}
#products ul { margin:0; padding:0;}
#products li {list-style:none;float:left; margin-left:5px;margin-right: 5px;padding-bottom: 24px;}
#products ul li img {display: block; border:1px solid #fff; }
#products ul li img:hover { border:1px solid #999999;}

#contact { width:514px; background:url(../images/contact.jpg) bottom right no-repeat; border-bottom:1px dashed #CCCCCC; padding-bottom:10px;}
#contact a { font-family:Verdana; font-size:11px; text-decoration:none; color:#747272;}
#contact a:hover { color:#000000; text-decoration:underline;}
#contact-form { width:514px;}

#home-footer-pic { background:url(../images/home-footer.jpg) right bottom no-repeat; height:126px;}

/*-----CLASS DIV TAGS-----*/
.clr { clear:both; font-size:2px; height:1px;}
.leftside-title { width:243px; height:38px;}
.services-button { width:498px; height:75px; margin:0 auto; padding:5px 0px 10px 0px;}
.services-content { width:498px; margin:0 auto;}

/*-----CLASS STYLE-----*/
.img-right { display:block;padding-top:10px; text-align:right; margin-bottom:30px;}
.textfield { width:300px; border:1px solid #999999; margin:5px 0px 15px 0px; font-size:11px; font-family:Verdana; padding:2px 0px 2px 2px;}
.textfield:hover {border:1px solid #000000;}
.button { font-family:Verdana; font-size:10px; padding:0px 2px 0px 2px;}
.tel-padding { padding-right:24px;}
.fax-padding { padding-right:20px;}
.mobile-padding { padding-right:2px;}




/*-----LINK STYLE-----*/