/* GENERAL CSS RESET STYLES */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; 	padding: 0; border: 0; 	outline: 0; }
/* remember to define focus styles! */
/* fix for ff3 outline */
a { outline: none }
/* end fix for ff3 outline */
:focus { outline: 0; }
body { line-height: 12px; color: black; background-color: white; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
ol, ul { 	list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* LINK CSS */
 a {}
 a:link { text-decoration: none; }  
 a:visited{ text-decoration: none; }  
 a:hover { text-decoration: underline;  }  
 a:active  { text-decoration: underline; }
/* H1 -> H2 Tags */
 h1 { font-size: 30px; font-weight: normal; }  
 h2 { font-size: 24px; font-weight: normal; }  
 h3 { font-size: 18px; font-weight: normal; }  
 h4 { font-size: 12px;  font-weight: normal; }  
 h5 { font-size: 11px; font-weight: normal; }  
/* end of header styles */
/* INPUT ITEMS TEXT, IE7 HAS Border: 2px all around and PADDING 1px ALL AROUND. FIREFOX DOES NOT HAVE THE LEFT ADN RIGHT PADDING */
input { padding: 0px; margin: 0px; border: 0px; }
textarea { padding: 0px; margin: 0px; border: 0px; }
/* IMAGES MUST HAVE DISPLAY BLOCK TO PREVENT IE6 FROM DISPLAYING A 2-3 PX BUG */
img { display: block; }
/* end of other weird bugs discovered category */
/* END OF RESET STYLES CSS */

/* USEFULL GENERAL CSS CLASSES ALWAYS USED */
.floatLeft { float: left; }
.floatRight { float: right; }
.clear, #pageWrap .clear { clear: both; overflow: hidden; height: 0px; }
.noMargins { margin: 0px 0px 0px 0px; }
.noPadding { padding: 0px 0px 0px 0px; }
.noMarginsOrPadding { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
/* CLASSES EDITED AT EACH PAGE CREATION  == ACTUAL CSS FILE HERE */

/* smallest size at the top, largest at the bottom */
.size1 {}
.size2 {}
.size3 {}
.size4 {}
.size5 {}
.size6 {}
.size7 {}
.size8 {}
.size9 {}
/* end custom size classes*/

/* Border Style  -> ALL PAGES UNDER THIS 
t
t b
t b l
t b l r
t b l r bl
t b l r bl br
t b l r bl br tl
t b l r bl br tl tr
t b l r bl br tl tr background: none afterwards else lots of troubles and headaches, mofo
*/	

/* ========================= PAGE CSS ========================= */

/* ================== CONTENT ============== 
	
	1) GENERAL CSS
	2) Homepage Specific CSS
	3) SubPage Specific CSS 

*/

/* ============== General CSS =================== */	
body { background-color: #000000; background-image: url("./../images/background/blogRepeat.jpg"); background-repeat: repeat-y; background-position: center top;}
.outerArea {  background-image: url("./../images/background/blogBg.jpg"); background-repeat: no-repeat; background-position: center top;}
#pageWrap { width: 960px; margin: 0px auto;}

/* Header CSS */
.header { height: 105px;  padding-top: 50px; width: 960px;}
.header img { float: left; padding-left: 20px;}
.header .newsMOD { float: right; width: 350px; padding-right: 20px;}
.header .newsMOD ul li { padding: 5px 0px; line-height: 20px; color: #ffffff; font-family: Verdana, Arial, Helvetica; font-size: 11px;}
.header .newsMOD ul li span { font-weight: bold;}
.header .newsMOD ul li a { color: #bbbbbb; text-decoration: none;}
.header .newsMOD ul li a:focus, .header .newsMOD ul li a:hover { color: #fff; border-bottom: 1px dotted #8dc0ff;}
/* end of header CSS */

/* ======= Footer ======= */
.footer { background-image: url("./../images/background/footerImage.png"); background-repeat: no-repeat; background-position: center top; padding-top: 24px; padding-bottom: 25px; height: 206px;}
.footer .top { width: 960px; margin: 0px auto;  margin-bottom: 45px;}
.footer .top p { line-height: 20px; text-align: center;}
.footer .top a { color: #9b9b9b; text-decoration: none; font-size: 14px; font-family: Arial, Helvetica; padding: 0px 5px; margin: 0px 10px; }
.footer .top a:focus, .footer .top a:hover { color: #fff;}
.footer .top p.copy { font-size: 12px; color: #9b9b9b; margin-top: 30px;}
.footer .top p.copy span { font-style: italic;}
.footer .bottom { width: 920px; padding: 0px 20px; margin: 0px auto; }
.footer .bottom p { line-height: 20px; text-align: center; color: #9b9b9b; margin-bottom: 15px; font-family: Arial, Helvetica; font-size: 11px;}
.footer .bottom p a:focus, a:visited { color: #9b9b9b; }
/* ======= end of footer ======== */

/* =========== Ajax Web Portofolio ============== */
.overflow { background-image: url("./../images/background/shadeBg.png"); margin-left: 0px; position: fixed; z-index: 90; }
.ajaxPopWeb { width: 869px; position: absolute; display: none; margin-left: 45px;}
.ajaxPopWeb .center {  background-image: url("./../images/background/shadowCenter.png"); background-repeat: repeat-y; background-position: center top; }
.ajaxPopWeb .top { background-image: url("./../images/background/shadowTop.png"); background-repeat: no-repeat; background-position: center top;}
.ajaxPopWeb .bottom { background-image: url("./../images/background/shadowBottom.png"); background-repeat: no-repeat; background-position: center bottom; width: 865px; padding: 2px; }
.ajaxPopWeb .close { background-image: url("./../images/sImages/xClose.png"); background-repeat: no-repeat; background-position: center bottom; width: 24px; height: 26px; display: block; top: 17px; right: 17px;  position: absolute;}
.ajaxPopWeb .close:focus, .ajaxPopWeb .close:hover { background-image: url("./../images/sImages/xCloseActive.png");}
.ajaxPopWeb .innerBox { padding: 26px; width: 813px; background-repeat: no-repeat; background-position: 24px 50%;}
.ajaxPopWeb .innerBox .imageSection { width: 490px; }
.ajaxPopWeb .innerBox .imageSection h1 { color: #fff; line-height: 18px; font-size: 16px; padding-left: 10px; margin-bottom: 15px; background-image: url("./../images/sImages/blueDot4.png"); background-repeat: no-repeat; background-position: left center; letter-spacing: 0.5px; height: 18px; font-weight: bold;}
.ajaxPopWeb .innerBox .imageSection h1 span { color: #575757; font-size: 11px;}


.ajaxPopWeb .innerBox .sideSection { width: 302px; color: #575757;}
.ajaxPopWeb .innerBox .sideSection h1 { color: #fff; background-image: url("./../images/sImages/blueDot4.png"); background-repeat: no-repeat; background-position: left center; line-height: 18px; margin-bottom: 15px; padding-left: 10px; font-family: "Myriad Pro", Tahoma, "Trebuchet MS", Arial, Helvetica; font-size: 16px; letter-spacing: 0.5px;}
.ajaxPopWeb .innerBox .sideSection p { font-size: 12px; line-height: 16px; }
.ajaxPopWeb .innerBox .sideSection div { width: 302px; margin-bottom: 10px;}
.ajaxPopWeb .innerBox .sideSection div img { float: left;}
.ajaxPopWeb .innerBox .sideSection div p { float: right; width: 132px;  }
.ajaxPopWeb .innerBox .links { margin-top: 16px; width: 813px;}
.ajaxPopWeb .innerBox .links a.previous { background-image: url("./../images/sImages/prevButton.png"); background-position: left center; background-repeat: no-repeat; width: 99px; height: 28px; float: left;}
.ajaxPopWeb .innerBox .links p { line-height: 28px; float: left; width: 620px; text-align: center; color: #fff;} 
.ajaxPopWeb .innerBox .links p a { color: #787878; text-decoration: underline; font-size: 11px; }
.ajaxPopWeb .innerBox .links p a.launch { background-image: url("./../images/sImages/linkNotActive.png"); background-repeat: no-repeat; background-position: right center; padding: 5px 25px 5px 0px; font-size: 16px; font-family: "Myriad Pro", Tahoma, "Trebuchet MS", Arial; color: #fff; font-weight: bold; }
.ajaxPopWeb .innerBox .links p a.launch:hover, .ajaxPopWeb .innerBox .links p a.launch:focus { background-image: url("./../images/sImages/linkActive.png"); }
.ajaxPopWeb .innerBox .links a.next { background-image: url("./../images/sImages/nextButton.png"); background-position: right center; background-repeat: no-repeat; width: 71px; height: 28px; float: right;}

#testimonials .ajaxPopWeb { width: 560px; position: absolute; display: none; margin-left: 45px;}
#testimonials .ajaxPopWeb .innerBox { padding: 26px; width: 504px;}
#testimonials .ajaxPopWeb .bottom { background-image: url("./../images/background/shadowBottom.png"); background-repeat: no-repeat; background-position: center bottom; width: 556px; padding: 2px; }



/* ======== End Of Ajax Field =========== */



/* Content CSS */
.content { background-image: url("./../images/background/topBlog.jpg"); background-repeat: no-repeat; background-position: top center; width: 928px; padding: 0px 16px; margin-bottom: 20px;}
.navigation { width: 928px; }  


.innerContent { border: 4px solid #000;  background-color: #fff; width: 920px;}
.innerContent .innerImg1 { background-image: url("./../images/innerImg.jpg"); background-repeat: repeat-y; background-position: top center;}
.innerContent .innerImg2 { background-image: url("./../images/background/innerContentBg.jpg"); background-repeat: no-repeat; background-position: center 5px; padding:10px 20px; padding-bottom: 20px; margin-bottom: 5px;}
.innerContent .innerImg2 h1 { font-family: "Myriad Pro", Tahoma, "Trebuchet MS", Arial, Helvetica; font-size: 16px; color: #000; line-height: 26px; padding-left: 10px; background-image: url("./../images/sImages/blueDot.png"); background-repeat: no-repeat; background-position: left center; font-weight: bold; letter-spacing: 1px; margin-bottom: 5px;}
.innerContent .innerImg3 { background-image: url("./../images/background/innerImg3.jpg"); background-repeat: no-repeat; background-position: bottom center;}

/* Main PAge Content */
.hp { margin-bottom: 40px;}
.innerContent .largeHeaderPlacement { background-image: url("./../images/background/headerLargeImage.jpg"); background-repeat: no-repeat; background-position: center; width: 912px; height: 364px;}
.innerContent .largeHeaderPlacement h1 { text-align: right; padding-top: 90px; font-family: "Myriad Pro", Helvetica, Arial; font-size: 28px; line-height: 32px; margin-bottom: 10px; color: #242424; font-weight: bold; letter-spacing: 1px; padding-right: 20px;}
.innerContent .largeHeaderPlacement h2 { font-size: 17px; line-height: 21px; color: #969696; font-weight: bold; text-align: right; padding-right: 20px; margin-bottom: 18px; }
.innerContent .largeHeaderPlacement a { cursor:pointer; display: block; } 
.innerContent .largeHeaderPlacement img { width: 920px; height: 364px; }

/* the 3 bars at the bottom */
.barsOuter { }
.barsOuter .indvBar { width: 263px; background-image: url("./../images/background/indvBar.png"); background-repeat: no-repeat; background-position: top center; padding: 0px 15px; padding-top: 7px; height: 426px; display: inline; margin-left: 24px; }
.barsOuter .first { margin-left: 0px;}
.barsOuter .indvBarN { background-image: url("./../images/background/indvBarN.png");}
.barsOuter .indvBar h3 { font-weight: bold; letter-spacing: 1px; font-family: "Myriad Pro", Verdana, Tahoma, Arial, Helvetica; font-size: 16px; line-height: 38px; padding-left: 50px;}
.barsOuter .indvBar div.chatB { background-image: url("./../images/thumbs/chatBubble.png"); background-repeat: no-repeat; background-position: left center;  margin-bottom: 10px}
.barsOuter .indvBar div.newsP { background-image: url("./../images/thumbs/newsPaper.png"); background-repeat: no-repeat; background-position: left center;  margin-bottom: 10px}
.barsOuter .indvBar div.pergament { background-image: url("./../images/thumbs/pergament.png"); background-repeat: no-repeat; background-position: left center;  margin-bottom: 10px}
.barsOuter .indvBar div.iPhone { background-image: url("./../images/thumbs/iphone.png"); background-repeat: no-repeat; background-position: left center ;  margin-bottom: 10px}
.barsOuter .indvBar .videoEmbed { height: 219px; width: 263px; margin-bottom: 20px; margin-top: 0px;}
.barsOuter .indvBar p.more { text-align: center; }
.barsOuter .indvBar a { text-align: center;  margin: 0px auto; font-family: "Myriad Pro", Arial, Helvetica, Tahoma; font-size: 15px; color: #000; border-bottom: 1px dotted #000; text-decoration: none; padding-bottom: 3px;}
.barsOuter .indvBar div.globe { margin-top: 39px; background-image: url("./../images/thumbs/globe.png"); background-repeat: no-repeat; background-position: left center; padding-left: 50px; padding-top: 5px; padding-bottom: 5px; margin-bottom: 5px; width: 213px; }
.barsOuter .indvBar div.globe h4 { font-weight: bold; letter-spacing: 1px; font-family: "Myriad Pro", Verdana, Tahoma, Arial, Helvetica; font-size: 16px; line-height: 16px;}
.barsOuter .indvBar div.globe p { font-size: 13px; font-family: Verdana, Tahoma, Arial, Helvetica; line-height: 15px; color: #aaaaaa; float: none;}
.barsOuter .indvBar form div { margin-top: 0px;}
.barsOuter .indvBar form div input { float: left; border: 2px solid #51c0ff; width: 121px; margin-right: 5px; display: inline; height: 22px; font-size: 14px; padding-top: 2px; padding-left: 5px;}
.barsOuter .indvBar form div select { float: left; border: 2px solid #51c0ff; width: 58px; height: 28px; padding-top: 2px; margin-right: 5px;}
.barsOuter .indvBar form div input.submit { border: 0px none; background-image: url("./../images/sImages/submit.png"); background-repeat: no-repeat; background-position: center; margin-right: 0px; width: 64px; height: 28px; padding: 0px;}

.barsOuter .indvBar ul { width: 263px; margin-bottom: 10px; }
.barsOuter .indvBar ul li { padding: 15px 10px 12px 10px; background-color: #ffffff; margin-bottom: 6px; width: 241px; border: 1px solid #dfdfdf;}
.barsOuter .indvBar ul li span { float: left; margin-right: 3px; display: inline; line-height: 16px; padding-bottom: 2px; font-family: Arial, Helvetica; font-size: 14px; color: #004ac4; font-weight: bold; }
.barsOuter .indvBar ul li a {  width: auto; float: left; font-size: 14px; font-family: Verdana, Arial, Helvetica;  line-height: 14px; color: #818181;}
.barsOuter .indvBar ul li a:focus, .barsOuter .indvBar ul li a:hover { color: #000;}

.barsOuter .indvBar div.contactInfo { width: 263px; padding: 10px 0px 20px 0px;}
.barsOuter .indvBar div.contactInfo p { float: left; font-size: 14px; line-height: 18px; font-family: Verdana, Arial, Helvetica; color: #000;}
.barsOuter .indvBar div.contactInfo p.first { width: 74px; text-align: right; margin-right: 5px; display: inline; color: #004ac4; } 
/* -- End of Mainpage content --  */

/* ======= Web Portofolio ======== */

.portofolioPages { width: 872px;}

/* sidebar area */
.portofolioPages .sidebarArea { width: 308px;}
.portofolioPages .sidebarArea .i { margin-bottom: 10px;}
.portofolioPages .sidebarArea h2 { background-image:url(./../images/sImages/blueDot2.png); background-position:left center; background-repeat:no-repeat; color:#000000; font-family:"Myriad Pro",Tahoma,"Trebuchet MS",Arial,Helvetica; font-size:18px; font-weight:bold; letter-spacing:2px; line-height:20px; margin-bottom:5px; padding-left:10px; }
.portofolioPages .sidebarArea p.b { color: #0950c6; }
.portofolioPages .sidebarArea p { font-size: 14px; text-align: justify; line-height: 19px; color: #616161;}
.portofolioPages .sidebarArea p span { font-weight: bold;}

.req { width: 308px; margin-top: 30px;}
.req form div { padding: 2px 0px;}
.req form div.clear { padding: 0px;}
.req label { float: left; line-height: 28px; color: #1156c8; 	font-family: Verdana, Arial, Helvetica; font-size: 12px; margin-right: 4px; display: inline; width: 50px; text-align: right;}
.req input { background-image: url("./../images/sImages/inputBg.png"); background-repeat: no-repeat; background-position: left top; height: 19px; border: 2px solid #fff; padding: 5px 0px 0px 5px; float: left; width: 245px; color: #595959;}
.req input.submit { background-image: url("./../images/sImages/submit.png"); height: 28px; padding: 0px; border: 0px none; float: none; width: 64px; margin-left: 243px;}


.indsList { width: 308px;}

/* select box */
.indsList select { background-color: #e4e4e4; height: 28px; padding: 2px; border: 1px solid #c0c0c0; line-height: 25px; font-size: 16px; color: #7a7a7a; width: 308px; font-family: Verdana, Arial, Helvetica;}
/* end of select box */

/* category list */
.indsList ul li { } 
.indsList ul li a  { display: block; width: 288px; height: 36px; background-image: url("./../images/sImages/liBg.png"); background-repeat: no-repeat; background-position: top left; line-height: 36px; padding: 0px 10px; text-decoration: none; }
.indsList ul li a:focus, .indsList ul li a:hover { text-decoration: none;}
.indsList ul li a:hover span.floatLeft { color: #000; }
.indsList ul li a span { color: #6f6f6f; font-weight: bold; font-size: 14px; display: block; width: 250px; height: 36px; overflow:hidden;}
.indsList ul li a span.floatRight { width: 6px; height: 10px; margin-top: 13px; margin-left: 2px; display: inline; background-color: #b0b0b0;} 
.indsList ul li a span.floatLeft, .indsList ul li a:focus span.floatLeft { color: #1056c8;}
.indsList ul li a span.green, .indsList ul li a:focus span.green { background-color: #6ad62f;}
.indsList ul li a span.red, .indsList ul li a:focus span.red { background-color: #bc001f;}
.indsList ul li a span.orange, .indsList ul li a:focus span.orange { background-color: #ff9000;}
.indsList ul li a span.blue, .indsList ul li a:focus span.blue { background-color: #1056c8;}
.indsList p.pagination { margin-top: 5px; text-align: right;}
/* end of category list */

/* pagination nav */
p.pagination { margin: 15px 0px 10px; color: #7a7a7a; padding: 0px 10px; font-size: 14px; font-weight: bold;}	
p.pagination a { color: #7a7a7a; text-decoration: none; font-weight: bold;}
p.pagination a:visited { color: #7a7a7a; text-decoration: none;} 
p.pagination a:focus, p.pagination a:hover { color: #1156c8; text-decoration: none;}
p.pagination .current { color: #1056c8;}
/* end of pagination nav */

/* legend css */
.indsList .legend { padding: 0px 10px; width: 288px; margin: 25px 0 25px 0;}
.indsList .legend .row { padding: 4px 0px; width: 288px; } 
.indsList .legend .row span.floatLeft { width: 6px; height: 10px; margin-top: 1px; margin-right: 8px; display: inline;}
.indsList .legend .row span.text { line-height: 11px; font-size: 11px; float: left; font-family: Verdana, Arial, Helvetica; }
.indsList .legend .row span.blue { background-color: #1056c8;}
.indsList .legend .row span.red { background-color: #bc001f;}
.indsList .legend .row span.orange { background-color: #ff9000;}
.indsList .legend .row span.green { background-color: #6ad62f;}
.indsList .legend h3 { margin-left: -10px; color: #4e4e4e; font-size: 14px; padding-bottom: 3px; font-weight: bold; }
/* end legend css */

/* === end of sidebar area === */


/* ===== content area ====== */
.portofolioPages .contentArea { width: 550px;}
.portofolioPages .contentArea h2 { font-family: Verdana, Arial, Helvetica; font-size: 14px; color: #515151; line-height: 20px; margin-bottom: 15px;}
.portofolioPages .contentArea h2 span { font-weight: bold;}

.elArea { width: 550px; padding-left: 10px; }
.elArea .indvBox { background-image: url("./../images/background/indvBox.png"); background-repeat: no-repeat; background-position: center top; padding: 2px; width: 169px; margin-left: 10px; height: 220px; position: relative; } 
.elArea .first { margin-left: 0px; clear: left;}
.elArea .indvBox div { text-align: right; line-height: 16px; font-size: 12px; color: #1056c8; font-family: Verdana, Arial, Helvetica; width: 169px; margin-top: 5px; }
.elArea .indvBox div span { margin-right: 3px; color: #838383; text-decoration: none; float: right; font-weight: bold; width: 152px;}
.elArea .indvBox a:focus, .elArea .indvBox a:hover { color: #1056c8; text-decoration: none;}
.elArea .indvBox a:focus span, .elArea .indvBox a:hover span { color: #1056c8; text-decoration: none;}
.elArea .indvBox div img { display: inline; margin: 0px 1px; float: right; margin-top: 6px;}
.elArea p.pagination, .contentArea p.pagination { text-align: right; clear: both;}
.elArea .indvBox img.overlay { position: absolute; z-index: 10; top: 2px; left: 2px; }
.elArea .indvBox a { display: block;}
/* ==== end of content area ==== */


/* ======= Web Hosting CSS ========= */
.webHosting { width: 872px;}
#pageWrap .webHosting h1 { background-image:url(./../images/sImages/blueDot2.png); background-position:left center; background-repeat:no-repeat; color:#000000; font-family:"Myriad Pro",Tahoma,"Trebuchet MS",Arial,Helvetica; font-size:18px; font-weight:bold; letter-spacing:1px; line-height:20px; margin-bottom: 15px; padding-left:10px; }
/* webhosting content area css */
.webHosting .contentArea { width: 570px; font-family: "Verdana", Arial, Helvetica; font-size: 12px; color: #616161;}
.webHosting .contentArea .intro {}
.webHosting .contentArea .intro img.floatRight { margin: 0px 0px 5px 15px;}
.webHosting .contentArea .intro img.floatLeft { margin: 0px 15px 5px 0px;}
.webHosting .contentArea .intro h4 { color: #0950c6; line-height: 20px; font-size: 16px; font-family: Arial, Helvetica; margin-bottom: 10px; font-weight: bold;}
.webHosting .contentArea .intro p { line-height: 18px; margin: 15px 0px;} 
.webHosting .contentArea .intro p a { color: #0950c6; font-size: 13px; font-family: Arial, Helvetica; text-decoration: underline; font-weight: bold;}
/*
.webHosting .contentArea .order { background-image: url("./../images/background/orderPlace.jpg"); background-repeat: no-repeat; background-position: right top; padding-top: 15px; padding-right: 15px; height: 173px;}
.webHosting .contentArea .order h2 {  background-image:url(./../images/sImages/blueDot2.png); background-position:left center; background-repeat:no-repeat; color:#000000; font-family:"Myriad Pro",Tahoma,"Trebuchet MS",Arial,Helvetica; font-size:18px; font-weight:bold; letter-spacing:1px; line-height:20px; margin-bottom: 5px; padding-left:10px; }
*/
.webHosting .contentArea .order { width: 300px; margin: 0 auto; }
.webHosting .contentArea .order div.globe { margin-top: 39px; background-image: url("./../images/thumbs/globe.png"); background-repeat: no-repeat; background-position: left center; padding-left: 50px; padding-top: 5px; padding-bottom: 5px; margin-bottom: 5px; width: 213px; }
.webHosting .contentArea .order div.globe h4 { font-weight: bold; letter-spacing: 1px; font-family: "Myriad Pro", Verdana, Tahoma, Arial, Helvetica; font-size: 16px; line-height: 16px;}
.webHosting .contentArea .order div.globe p { font-size: 13px; font-family: Verdana, Tahoma, Arial, Helvetica; line-height: 15px; color: #aaaaaa; float: none;}
.webHosting .contentArea .order form div { margin-top: 0px;}
.webHosting .contentArea .order form div input { float: left; border: 2px solid #51c0ff; width: 121px; margin-right: 5px; display: inline; height: 22px; font-size: 14px; padding-top: 2px; padding-left: 5px;}
.webHosting .contentArea .order form div select { float: left; border: 2px solid #51c0ff; width: 58px; height: 28px; padding-top: 2px; margin-right: 5px;}
.webHosting .contentArea .order form div input.submit { border: 0px none; background-image: url("./../images/sImages/submit.png"); background-repeat: no-repeat; background-position: center; margin-right: 0px; width: 64px; height: 28px; padding: 0px;}

/* end of webhosting content area css */

/* webhosting sidebar area css */
.webHosting .sidebarArea { width: 263px;}
.webHosting .sidebarArea .videoBox { margin-bottom: 10px;}
.webHosting .sidebarArea .videoBox div { background-image: url("./../images/thumbs/chatBubble.png"); background-repeat: no-repeat; background-position: left center; padding-left: 40px; margin-bottom: 10px;}
.webHosting .sidebarArea .videoBox div h2 { color:#000000; font-family:"Myriad Pro",Tahoma,"Trebuchet MS",Arial,Helvetica; font-size:18px; font-weight:bold; letter-spacing:1px; line-height:20px; margin-bottom: 2px; }
.webHosting .sidebarArea .videoBox div p { color: #616161; font-size: 11px;}

.webHosting .sidebarArea .contactBox { width: 263px;}
.webHosting .sidebarArea .contactBox h2 {  background-image:url(./../images/sImages/blueDot2.png); background-position:left center; background-repeat:no-repeat; color:#000000; font-family:"Myriad Pro",Tahoma,"Trebuchet MS",Arial,Helvetica; font-size:18px; font-weight:bold; letter-spacing:1px; line-height:20px; margin-bottom: 5px; padding-left:10px; }
.webHosting .sidebarArea .contactBox p { font-family: Verdana, Arial, Helvetica; color: #616161; line-height: 16px; font-size: 11px; margin-bottom: 15px;} 
.webHosting .sidebarArea .contactBox p a { color: #0050c9; text-decoration: underline; font-family: Arial, Helvetica; font-weight: bold; font-size: 13px;}
.webHosting .sidebarArea .contactBox p a:focus, .webHosting .sidebarArea .contactBox p a:hover { color: #0050c9; text-decoration: underline;}

.webHosting .sidebarArea .newsletterBox { width: 263px; height: 208px; margin-top: 10px; background: url("./../images/newsletterBackground.png"); }
.webHosting .sidebarArea .newsletterBox form { padding: 87px 0 0 82px;}
.webHosting .sidebarArea .newsletterBox input[type=text] { background: none; height: 25px; width:155px; margin-bottom: 21px; font-size: 13px; font-weight: bold; font-family: Arial, Helvetica; color: #3f3f3f;}
.webHosting .sidebarArea .newsletterBox input[type=submit] { background: none; margin: -1px 0 0 99px; width: 64px; height: 28px; cursor: pointer;}

/* end of sidebar area css */

/* ======== End of Web Hosting CSS ======= */

/* why market specific css */
.innerContent .whyMarket { padding-bottom: 0px;}
/* end of why market specific css */

/* print why specific css */
.webHosting .contentArea .intro img.prinWhyImg2 { margin: 42px 15px 42px 0px;}
/* end of print why specific css */

/* --------- Our Team CSS ------------ */
.ourTeam { }
.ourTeam .leftZone { width: 526px; font-family: Verdana, Arial, Helvetica;}
.ourTeam .leftZone h1 { margin-bottom: 10px;}
.ourTeam .leftZone p { font-size: 12px; color: #616161; line-height: 22px;}
.ourTeam .leftZone p.large { font-size: 16px; line-height: 28px; margin-top: 15px; font-family: Lucida Sans Unicode,  Georgia, Arial, Helvetica; }
.ourTeam .rightZone { width: 268px;}
.ourTeam .rightZone p { font-size: 12px; color: #616161; line-height: 18px; font-family: Verdana, Arial, Helvetica; margin-bottom: 10px;}
.ourTeam .rightZone p a { color: #0050c9; font-size: 13px; font-weight: bold; font-family: Arial, Helvetica; text-decoration: underline;}
.ourTeam .rightZone p a:hover, .ourTeam .rightZone p a:focus { color: #0050c9; text-decoration: underline;}
.ourTeam .contentZone { width: 872px; margin-top: 20px;}
.ourTeam .contentZone .box { width: 422px; margin-top: 40px;}
.ourTeam .contentZone .box img { margin-right: 15px; display: inline;}
.ourTeam .contentZone .box div.floatRight { width: 270px;}
.ourTeam .contentZone .box div.floatRight h2 { font-size: 22px; font-family: Arial, Helvetica; line-height: 26px; color: #0950c6; margin-bottom: 5px;}
.ourTeam .contentZone .box div.floatRight p.pos { font-size: 11px; color: #000; margin-bottom: 5px; }
.ourTeam .contentZone .box div.floatRight p { color: #616161; font-family: Verdana, Arial, Helvetica; font-size: 12px; line-height: 21px;}
/* -------- End Of Our Team CSS -------- */

/* ====== Testimonials Page CSS ========== */
.mainVideo { width: 540px; margin-bottom: 20px;}
.mainVideo .floatLeft div.floatLeft { width: 265px; height: 241px;}
.mainVideo .floatLeft div.videoArea { width: 265px; height: 220px; margin: 0px;}
.mainVideo .floatLeft div.videoArea img { margin: 0px; float: none; display: block;}
.mainVideo .floatLeft div{ text-align: right; line-height: 16px; font-size: 12px; color: #1056c8; font-family: Verdana, Arial, Helvetica; width: 265px; margin-top: 5px;}
.mainVideo .floatLeft div.clear { margin: 0px;}
.mainVideo .floatLeft div a { margin-right: 3px; color: #838383; text-decoration: none; float: right;}
.mainVideo .floatLeft div a:focus, .mainVideo .floatLeft div a:hover { color: #1056c8; text-decoration: none;}
.mainVideo .floatLeft div img { display: inline; margin: 0px 1px; float: right; margin-top: 6px;}

.mainVideo .floatRight { width: 265px; line-height: 20px; text-align: justify; color: #616161;}
.mainVideo .floatRight h3 { color: #0950c6; font-size: 14px; margin-bottom: 15px;}
.mainVideo .floatRight p { font-family: Verdana, Arial, Helvetica;}

.otherVideos { width: 540px; margin-bottom: 10px;}
.otherVideos .box {display: inline; width: 265px; height: 241px; margin-bottom: 10px;} 
.otherVideos .box .videoArea { width: 265px; height: 220px; margin: 0px;}
.otherVideos .box .videoArea  img { margin: 0px; float: none; display: block;}
.otherVideos .box div{ text-align: right; line-height: 16px; font-size: 12px; color: #1056c8; font-family: Verdana, Arial, Helvetica; width: 265px; margin-top: 5px;}
.otherVideos .box div.clear { margin: 0px;}
.otherVideos .box div a { margin-right: 3px; color: #838383; text-decoration: none; float: right;}
.otherVideos .box div a:focus, .otherVideos .box div a:hover { color: #1056c8; text-decoration: none;}
.otherVideos .box div img { display: inline; margin: 0px 1px; float: right; margin-top: 6px;}

.latestTestimonials { width: 502px; padding: 18px; border: 1px solid #d2d2d2; background-color: #efefef;}
.portofolioPages .latestTestimonials h2 {color:#000000; font-family:"Myriad Pro",Tahoma,"Trebuchet MS",Arial,Helvetica; font-size:18px; font-weight:bold; letter-spacing:1px; line-height:20px; margin-bottom:14px;  }
.latestTestimonials ul { width: 250px;}
.latestTestimonials li { background-image: url("./../images/sImages/blueDotTestimonials.png"); background-repeat: no-repeat; background-position: left center; padding-left: 10px; padding-top: 3px; padding-bottom: 3px; font-family: Verdana, Arial, Helvetica;}
.latestTestimonials li a { color: #6f6f6f;}
.latestTestimonials li a:focus, .latestTestimonials li a:hover { color: #1d1d1d;}
/* ========= End of Testimonials Page CSS ===== */

/* =============== Web Exchange ============== */
.leftImage { width: 165px; margin-right: 10px; display: inline;}
.intro div.floatRight { width: 395px; }
.webHosting .intro div.floatRight p { line-height: 20px;}
/* ============ End of Web Exchange ========== */

/* ======= Web Rescue ===== */
.webRescue { padding: 0px !important; width: 913px;}
.webRescue .largeImg { border-bottom: 4px solid #fff;}

.webRescue .sideBarC { background-image: url("./../images/background/webRescLBarC.png"); background-repeat: repeat-y; background-position: left center; width: 332px;}
.webRescue .sideBarT { background-image: url("./../images/background/webRescLBarT.png"); background-repeat: no-repeat; background-position: left top; padding-bottom: 20px;}

/* client info */
.clientInfo { padding: 20px; width: 292px; }
.clientInfo div.floatLeft { background-image: url("./../images/sImages/clientLogoBg.png"); background-repeat: no-repeat; background-position: center center; width: 106px; height: 106px; margin-bottom: 10px;}
.clientInfo div.floatRight { width: 170px; padding: 15px 0px 0px 0px; margin-bottom: 10px;}
.clientInfo div.floatRight h3 { font-size: 11px; line-height: 15px; font-weight: bold; margin-bottom: 8px;}
.clientInfo div.floatRight p { padding: 8px 0px; color: #616161; font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
.clientInfo div.floatRight p span { color: #0b6cce;}
.clientInfo div.floatRight p a { color: #000000;}
.clientInfo div.floatRight p a:focus, .clientInfo div.floatRight p a:hover { color: #000000;}
.clientInfo h4 { color: #0b6cce; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; padding-bottom: 4px;}
.clientInfo p { line-height: 16px; font-size: 12px; color: #616161;}
/* end of client info */

/* start of list of projects */
ul.listOfProjects { margin-bottom: 20px;}
ul.listOfProjects li { }
ul.listOfProjects li a { line-height: 58px; display: block; padding-left: 23px; background-image: url("./../images/sImages/listOfProjectsRO.png"); background-repeat: no-repeat; background-position: left top; color: #fff; font-size: 16px; }
ul.listOfProjects li a:focus, ul.listOfProjects li a:hover { background-position: 0px -58px; color: #2791ff;}
/* end of list of projects */

.webRescue .pagination { text-align: right; font-size: 14px; line-height: 18px; }
.webRescue .pagination a { color: #1156c8;}
.webRescue .pagination a:focus, .webRescue .pagination a:hover { 	color: #7A7A7A;}

/* right area of the page */
.webRescue .mainContent { width: 509px; background-image: url("./../images/background/webRescRBarT.png"); background-position: left top; background-repeat: no-repeat; padding: 48px 50px 20px 20px;  }
.webRescue .mainContent .websiteExpo { margin-bottom: 25px;}
.webRescue .mainContent h2 { background-image: url("./../images/sImages/webRescueLArrow.png"); background-repeat: no-repeat; background-position: left bottom; line-height: 30px; font-size: 24px; font-family: "Arial Narrow", Verdana, Arial, Helvetica; padding-left: 20px; font-weight: bold; color: #046ddb; padding-bottom: 7px; margin-bottom: 5px;}
.webRescue .mainContent p { color: #616161; font-size: 12px; line-height: 18px; margin-bottom: 5px;}
/* ==== End of Rescue ===== */

/* ======== IwI Page ======= */
.intro h5 { font-size: 12px; line-height: 16px; margin: 6px 0px 12px; color: #0053cb; }
.intro h6 { font-size: 12px; color: #000; line-height: 16px; margin: 6px 0px; font-weight: bold;}
.intro p.dot { margin-top: 5px !important; line-height: 20px !important;} 
.intro p.dot img { display: inline-block; margin-right: 5px; margin-top: 0px; line-height: 16px;}
.intro p.contactUs { font-family: Verdana, Arial, Helvetica; font-size: 14px; font-weight: bold; line-height: 18px; color: #616161;}
.intro p.contactUs a { color: #004ec7; font-weight: bold; text-decoration: underline; font-size: 14px !important;}
.intro p.contactUs a:focus, .intro p.contactUs a:hover { color: #004ec7; text-decoration: underline;}
.intro ul.tickList { }
.intro ul.tickList li { background-image: url("./../images/sImages/checkSign.jpg"); background-repeat: no-repeat; background-position: left center; line-height: 34px; padding-left: 39px; padding-top: 2px; padding-bottom: 2px; font-weight: bold; color: #000;}

.iwiScreenshots { margin-top: 48px; background-image: url("./../images/background/bgL.png"); background-repeat: no-repeat; background-position: left top; width: 263px;}
p.x { font-size: 22px; line-height: 24px !important; font-weight: bold; margin: 0px !important;}
p.x a { font-size: 22px !important; color: #0950c6; font-family: Verdana, Arial, Helvetica !important;}
.iwiScreenshots h3 { background-image:url(./../images/sImages/blueDot2.png); background-position:left center; background-repeat:no-repeat; color:#000000; font-family:"Myriad Pro",Tahoma,"Trebuchet MS",Arial,Helvetica; font-size:18px; font-weight:bold; letter-spacing:1px; line-height:20px; margin-bottom: 15px; padding-left:10px; }
.iwiScreenshots .imageZone { margin-left: 14px;}
.iwiScreenshots .imageZone img { border: 4px solid #969696;}
.iwiScreenshots .imageZone a { background-image: url("./../images/sImages/lense.png"); background-repeat: no-repeat; background-position: right center; display: block; line-height: 32px; text-align: right; padding-right: 34px; font-size: 11px; font-weight: bold; color: #016cd4;}
/* ======== End of iwi page --------- */

/* web why css*/
.biggerLh { line-height: 19px !important;}
.rescueUs a { display: block; margin: 0px auto; width: 184px;}

/* contact us area */
.webHosting .contentArea .intro .branch { margin-right: 20px; display: inline; width: 250px;}
.webHosting .contentArea .intro .branch h3 { color: #000; line-height: 16px; font-size: 14px; font-weight: bold; margin-bottom: 10px;}
.webHosting .contentArea .intro .branch p { margin: 4px 0px; line-height: 20px;}

/* ======== contact page ======== */

.contactForm { margin-top: 20px; width: 570px;}

/* ====== AboutUs specific css ========= */
h4.aboutUs { font-size: 12px !important;}



.extendedLink { color: #fff; padding-bottom: 8px; float: right;}

.ajaxPopWeb embed { width: 300px; height:240px }
#testimonials embed { width: 490px; height:392px; }