#Top {
	background: url(../Images/Switch/page_bgorange.png);
	background-repeat: repeat-x;
	width: 100%;
}
.leftMenu{ color:#e99410; text-decoration:none; font-weight:bold; width:219px}
#leftMenu li {
	list-style: none;
	display: block;
	background: url(../Images/arrow1.png);
	background-position: left;
	border-bottom: 1px solid #e99410;
	height: 26px;
	padding-top: 8px;
	background-repeat: no-repeat;
	padding-left: 8px;
}
.black_small{font-family:"Arial Narrow"; font-size:14px; color:#fe902e; line-height:20px; font-weight:bold}
.BlackHd{ font-family:"Arial Narrow"; font-size:20px; font-weight:bold; color:#dc6801; }
/* NAVIGATION */

/*Top Navigation Start*/
#top_nav{ float:right; width:746px;}
#top_nav ul{ margin:0px; padding:0px; background:url(../images/menuorange.jpg); width:746px; height:33px; position:relative}
#top_nav li{ margin:0px; padding:0px; list-style:none; position:absolute; top: 0;}
#top_nav li a{ height:33px; display:block}

#Home{ left:0px; width:77px}
#Domain{ left:79px; width:87px}
#Webdesign{ left:166px; width:107px;}
#Hosting{ left:273px; width:87px}
#Ecommerce{ left:360px; width:107px}
#Portfolio{ left:467px; width:87px}
#Support{ left:554px; width:87px}
#Contactus{ left:641px; width:107px}

#Home a:hover, #Home a.active{ background:transparent url(../images/menuorange.jpg) 0px -33px no-repeat;}
#Domain a:hover, #Domain a.active{ background:transparent url(../images/menuorange.jpg) -79px -33px no-repeat;}
#Webdesign a:hover, #Webdesign a.active{ background:transparent url(../images/menuorange.jpg) -166px -33px no-repeat;}
#Hosting a:hover, #Hosting a.active{ background:transparent url(../images/menuorange.jpg) -273px -33px no-repeat}
#Ecommerce a:hover, #Ecommerce a.active{ background:transparent url(../images/menuorange.jpg) -360px -33px no-repeat}
#Portfolio a:hover, #Portfolio a.active{background:transparent url(../images/menuorange.jpg) -467px -33px no-repeat}
#Support a:hover, #Support a.active{background:transparent url(../images/menuorange.jpg) -554px -33px no-repeat}
#Contactus a:hover, #Contactus a.active{ background:transparent url(../images/menuorange.jpg) -641px -33px no-repeat}
/*Top Navigation Closed
#Home a:hover, #Home a.active {
	background: transparent url(../Images/Switch/menuorange.png) 0px -33px no-repeat;
}
#Domain a:hover, #Domain a.active {
	background: transparent url(../Images/Switch/menuorange.png) -79px -33px no-repeat;
}
#Webdesign a:hover, #Webdesign a.active {
	background: transparent url(../Images/Switch/menuorange.png) -166px -33px no-repeat;
}
#Hosting a:hover, #Hosting a.active {
	background: transparent url(../Images/Switch/menuorange.png) -273px -33px no-repeat;
}
#Services a:hover, #Services a.active {
	background: transparent url(../Images/Switch/menuorange.png) -360px -33px no-repeat;
}
#Ecommerce a:hover, #Ecommerce a.active {
	background: transparent url(../Images/Switch/menuorange.png) -447px -33px no-repeat;
}
#Portfolio a:hover, #Portfolio a.active {
	background: transparent url(../Images/Switch/menuorange.png) -554px -33px no-repeat;
}
#Support a:hover, #Support a.active {
	background: transparent url(../Images/Switch/menuorange.png) -641px -33px no-repeat;
}
#Contactus a:hover, #Contactus a.active {
	background: transparent url(../Images/Switch/menuorange.png) -728px -33px no-repeat;
}*/
/* BANNER */
#banner {
	width: 980px;
	background: url(../Images/Switch/banner_bgorange.png);
	background-repeat: no-repeat;
}
/* PORTFOLIO */
#middle_bt {
	width: 100%;
	background: url(../Images/Switch/mid_btbgorange.png);
	background-repeat: repeat-x;
	padding-top: 39px;
}
/* FOOTER COLOUR */
#bottom_bg {
	width: 100%;
	background: url(../Images/Switch/bottom_bgorange.png);
	background-repeat: repeat-x;
	height: 85px;
}

/*Portfolio Page*/
.portfolioContainer{ width:682px; margin:0 auto}
.portfolioBox{ float:left; background-image:url(../images/port_bg.png); background-repeat:no-repeat; margin-right:20px; padding-left:7px; padding-right:7px; padding-top:7px; padding-bottom:19px;display:inline; position:relative}
.boxgrid{float:left; width:200px; height:172px; background-color:#999999; overflow:hidden; position:relative;}
.boxgrid img{position: absolute; top: 0px;left: 0; border: 0;} 
.boxgrid p {padding:5px 6px 0px 6px; font-size:12px; color:#FFF; line-height:16px}			
.boxgrid a {color:#ffffff; font-size: 12px; text-decoration: underline; margin-top: 5px; padding: 3px 2px 0px 0px; font-weight:bold}
.boxgrid a:hover {color: #000000; text-decoration: none;}
.thumbtitle {font-size: 22px; color: #fff; padding:10px 5px 0px 5px; font-weight:bold; line-height:22px}
.side {width:200px; position: fixed;}
.heading1{ margin:0px; padding:0px; font-size:22px; color:#1d1d1d; line-height:25px; font-weight:bold;}
.heading2{ margin:0px; padding:0px; font-size:20px; color:#43a2d9; line-height:25px; font-weight:bold;}

.text
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.wel_box_right
{
    padding: 25px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    border: 1px solid #E2E2E2;
}
#logo{ float:left; padding-left:9px; padding-top:10px; width:328px}
.logo_Left{ float:left; width:169px}
.logo_right{ float:right; width:141px; background:url(../images/tel_div.png); background-repeat:no-repeat; background-position:bottom left; font-size:16px; color:#5e5e5e; padding-left:7px; padding-top:23px; font-weight:bold}

/*Top Navigation Closed*/
#banner{ width:980px;background:url(../images/banner_bg.jpg); background-repeat:no-repeat}
#banner_left{float:left; width:502px; height:207px;}
#banner_right{float:right; width:463px; height:252px; padding-top:21px; padding-left:15px} 
#banner_slogen{height:40px; padding-top:55px}
#banner_text{ height:24px; padding-top:19px; font-size:11px; color:#000}

.QFont
{
    font-weight: bold; font-size: 35px;
}

/*bottom*/
#bottom_bg{ width:100%; background:url(../images/Switch/bottom_bgorange.png); background-repeat:repeat-x; height:85px}
#bottom
{
    width: 998px;
    margin: 0px auto;
    horizontal-align: center;
}
#bt_menu{ height:12px; padding-top:10px; margin:0px auto; text-align:center;font-size:12px; color:#000; text-decoration:none}
.bt_menu{height:12px; padding-top:10px; margin:0px auto; text-align:center; font-size:12px; color:#000; text-decoration:none}
a.bt_menu:hover{ font-size:12px; color:#000; text-decoration:underline}
.bt_menu a { font-size:12px; color:#000; text-decoration:none}
.bt_menu_active{ font-size:12px; color:#000; text-decoration:underline}
#bt_logo{ float:left; width:170px; }
#bt_add{ float:right; width:370px; text-align:right}
#logo_left{ float:left; width:97px}
#logo_right{ float:right; width:62px}
.email{ color:#F00; text-decoration:underline}
a.email:hover{ color:#F00; text-decoration:none}


.green_hd{ font-family:"Arial Narrow"; font-size:18px; color:#000000; font-weight:bold; margin:0; padding:0px; text-decoration:none; line-height:0px}

.box_content{float:left; width:208px; text-align:justify}


.webDevelopment{ background:url(../images/arrow2.png); padding-left:11px; background-repeat:no-repeat; background-position:0.3em}

h1{font-family:"Arial Narrow"; font-size:24px; color:#454545; font-weight:bold; padding:0px; margin:0px;}
h2{font-family:"Arial Narrow"; font-size:18px; color:#000000; font-weight:bold; padding:0px; margin:0px;; text-decoration:none; line-height:18px}
h3{ font-size:14px; color:#454545; font-weight:bold; padding:0px; margin:0px;}
h4{ font-size:14px; color:#454545; font-weight:bold; padding:0px; margin:0px;}
h5{ font-size:14px; color:#454545; font-weight:bold; padding:0px; margin:0px;}
h6{font-family:"Arial Narrow"; font-size:24px; color:#454545; font-weight:bold; padding:0px; margin:0px;}

.box_heading{ float:right; width:170px; padding-top:26px;height:11px;}
.inImageLeft{ float:left; width:400px}
.inImageRight{ float:right; width:288px}	


.date{ font-weight:bold; color:#000; text-decoration:none}
.newText{ font-size:11px; color:#464646; line-height:14px}
.pageHeadingGray{ font-family:"Arial Narrow"; font-size:24px; color:#999999;font-weight:bold}
.innerSmall{ font-size:14px; color:#484747; font-weight:bold}
.bold{ text-decoration:none; color:#000;font-weight:bold}
a.bold:hover{ text-decoration:none; color:#000;font-weight:bold}
.ornage_hd{font-family:"Arial Narrow"; font-size:20px; color:#000000; font-weight:bold}
.domainNameprice{ font-size:14px; font-weight:bold; color:#464646}

#banner{ width:980px;background:url(../images/switch/banner_bgorange.png); background-repeat:no-repeat}
.top{ font-size:16px; font-weight:bold; text-decoration:none; color:#e02000}
a.top:hover{color:#0069e0}

.pagebg_BoxTop{ width:704px; background:url(../images/inner_rt_top.png); background-repeat:no-repeat; padding-left:26px}
.pagebg_BoxMid{ width:704px; background:url(../images/inner_rt_mid.png); background-repeat:repeat-y;padding-left:26px}
.pagebg_Boxbottom{ width:704px; background:url(../images/inner_rt_bottom.png); background-repeat:no-repeat; padding-left:26px; height:50px}
#InnermiddleRight{ float:right; width:730px; }
.inPage_IconBox{ width:74px; float:right}
.inpage_Icon{ float:left; width:17px; padding-right:10px}

.brief{ font-size:16px; font-weight:bold; color:#010101}
.Brief_Box{ width:724px; margin:0px auto}
.Brief_Box ul{ margin:0px; padding:0px;}
.Brief_Box li{ list-style:none; float:left; padding-right:5px; width:238px}
.Brief_Box_top{ background:url(../images/brief_top.jpg); height:22px; background-repeat:no-repeat}
.Brief_Box_mid{ background:url(../images/brief_mid.jpg); background-repeat:repeat-y; padding-left:20px; padding-right:20px; width:198px}
.Brief_Box_bottom{ background:url(../images/brief_bottom.jpg); background-repeat:no-repeat; height:22px}
.Brief_Box_img{ text-align:center; height:142px}
.Brief_Box_HD{ font-size:15px; color:#000; font-weight:bold; height:25px; text-align:center}