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

html, body{	height:100%; margin:0; padding:0;}
a{ outline:none;}
*:focus { outline: none ;}
img{ border:none; padding:0; margin:0;}
p, span, h1, h2, h3, h4{padding:0px; margin:0px auto;}
p{ text-align:justify;}
ul, li{padding:0; margin:0; list-style:none; list-style-type:none;}
body{ background:url(../images/body-bg.gif) repeat-x scroll top #fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#434343;}
#main-div{ margin: 0 auto; width:1000px;}

/*----HEADER----------------------*/
#header{ height:123px;}
#header #logo{ width:210px; height:114px; background:url(../images/txox-logo.gif) no-repeat; margin:9px 0px 0px 33px; float:left; position:absolute; left:0px;}
#header #logo h1{ text-indent:-99999px; margin:0; padding:0;}
#header #logo a{ display:block; width:210px; height:114px; text-indent:-90000px;}
.contact-info{ width:300px; margin:17px 0 0 0; position:absolute; right:30px; z-index:800;}
.contact-info ul{ margin:0; padding:0; list-style:none;}
.contact-info li{ margin:0; padding:0; list-style:none; display:block; text-align:right; font-size:12px; margin-bottom:5px}
.contact-info li.contact{text-transform:uppercase; color:#FF7b09; font-weight:bold; padding-right:3px; font-size:15px;}
.contact-info li.phone{ background:url(../images/phone-icon.jpg) no-repeat scroll 191px 5px; font-family: Arial, Helvetica, sans-serif; text-align:left; font-size:16px; color:#000; padding-left:203px;}
.contact-info li a{ color:#000; text-decoration:none; font-size:16px; text-transform:lowercase;}
.contact-info li a.mail{ background:url(../images/mail-icon.jpg) no-repeat scroll 189px 7px; display:block; padding-right:3px;	}
.contact-info li a:hover{ color:#333;}
.inner-hed-image{width:478px; height:339px; display:block; background:url(../images/inner-main-ph.jpg) no-repeat 0 0; position:absolute; z-index:0;}
.inner-slogen{width:593px; height:101px;  position:absolute; margin:10px 0 0 120px; display:block;}
.inner-slogen h2{text-indent:-10000px; background:url(../images/inner-slogen.gif) no-repeat 0 0;}
.price-graphics{width:233px; height:214px; background:url(../images/price-graphic-large.gif) no-repeat 0 0; display:block; position:absolute; z-index:5; margin:0px 0 0 840px; }

.list-head{margin:150px 0 0 430px; padding:0; position:absolute; z-index:5;}
.list-head li{display:block; line-height:25px; margin-bottom:10px; background:url(../images/bullet-icon.gif) no-repeat 0 2px; padding-left:27px; font-size:13px; text-transform:uppercase; color:#7b7b7b; font-weight:bold;}

hr{padding:0; margin:0; border:0 none; outline:0 none; height:1px; border-bottom:solid 1px #CCC; margin-bottom:10px;}

.page-title{font-size:20px; color:#433c97; line-height:35px; border-bottom:solid 1px #dedede; margin-bottom:15px;}
p.testtmonial{background:url(../images/testi-icon1.gif) no-repeat 0 0; padding:13px 10px 0 40px}
p.testtmonial span{background:url(../images/testi-icon2f.gif) no-repeat right 0;  height:28px;  display:block; font-weight:bold;}

.float-l{float:left;}
.float-r{float:right;}
.font15{font-size:15px; color:#424242; font-weight:bold; text-align:left;}

/*----INTRO FLASH-----------------*/
#intro{ width:1000px; height:349px; background:url(../images/intro-flah-bg.jpg) no-repeat scroll right bottom;}

/*----BANNERS------------------*/

#banners{ padding:36px 0 0 0;}
#banners h2{ text-indent:-99999px; padding:0; margin:0;}
#banners .banner1{ width:326px; height:110px; float:left; background:url(../images/high-speed-internet-banner.gif) no-repeat; margin-right:11px;}
#banners .banner2{ width:326px; height:110px; float:left; background:url(../images/flash-banner-bg.gif) no-repeat; margin-right:11px;}
#banners .banner3{ width:326px; height:110px; float:left; background:url(../images/digital-phone-banner.gif) no-repeat;}



/*----Boxes-inner-----------------*/
.mr32{margin-right:32px;}
.ml10{margin-left:10px;}
.pad-box{padding:0 13px 0px;}
.box-main{width:312px; padding:0; float:left; color:#555;}
.box-title{width:312px; height:59px; background:url(../images/box-title-bg.gif) no-repeat 0 0; text-align:center; text-transform:uppercase; color:#433c97; font-size:24px; font-weight:bold;	padding-top:12px;}
.box-title2{width:312px; height:59px; background:url(../images/box-title2-bg.gif) no-repeat 0 0; text-align:center; text-transform:uppercase; color:#433c97; font-size:24px; font-weight:bold;	padding-top:12px;}
.box-container{background:url(../images/box-mid-bg.gif) repeat-x 0 bottom; border-left:solid 1px #b0b0b0; border-right:solid 1px #b0b0b0;  height:210px;}
.box-bottom{width:312px; height:30px; background:url(../images/view-more-bg.gif) no-repeat 0 0; text-align:center;  padding-top:10px;}
.box-bottom a.viewmore{text-transform:uppercase; font-weight:bold; font-size:16px; color:#7b7b7b; display:block; width:150px; height:20px; margin-left:82px; text-decoration:none;}
.box-bottom a.viewmore:hover{color:#444;}


ul.orang-arr-list{ padding:0;}
ul.orang-arr-list li{color:#797979; font-weight:bold; line-height:20px; background:url(../images/arrow-orange.gif) no-repeat 0 3px;; padding-left:23px; margin-bottom:4px;}

/*----FOOTER------------------*/
#fpart{ background:url(../images/fpart-bg.gif) no-repeat; width:1000px; height:16px; margin:24px 0 0 0; padding:13px 15px; color:#8c8b89; clear:both;}
#fpart .flinks{ float:left;}
#fpart .flinks a{ margin:0 10px 0 0; text-decoration:none; color:#8c8b89; padding: 2px; font-weight:700;}
#fpart .flinks a:hover{background:#ff7b09; color: #FFFFFF; padding: 2px;}
#fpart .copyright{ float:right; margin-right:28px; font-weight:700;}

/*----EXTRA CLASS-----------------*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.image-w{
	width:182px; float:left; margin-right:15px;
}
.w300px{
	float:right;
}
.w650{
	width:786px; float:right;
}

#content
{
    padding: 20px;
}

.boxwaiting
{
    display: block;
    margin-bottom: 10px;
    width: 300px;
    font-style: italic;
    color: gray;
}

.box
{
    display: block;
    margin-bottom: 10px;    
    width: 300px;
}

.boxrequired
{
    display: block;
    margin-bottom: 10px;
    width: 300px;
    font-style: italic;
    color: red;    
}