/* GENERAL */

*{
margin:0px;
padding:0px;
}

body{
background:#ffffff url(../images/layout/bg.gif) repeat-x top left;
font-size:11px;
font-family:arial, sans-serif, helvetica;
}

#home_bg{
font-size:11px;
font-family:arial, sans-serif, helvetica;
background:#ffffff url(../images/home/bg.jpg) repeat-x top left;
font-size:11px;
font-family:arial, sans-serif, helvetica;
}

input, textarea, select {font-size:11px;font-family:arial}

ul, ol, li, dd, dt, dl {margin:0;padding:0;list-style:none;}
h1, h2, h3, h4, h5 {margin:0px;padding:0px;}

p, img {margin:0;padding:0;border:0px; }

a{
color:#000000;
text-decoration:none;}

/* WRAPS */
#wrap {width:926px;margin:auto;}
.content {margin:25px;width:876px;color:#353535;line-height:20px;font-size:12px;}
.lf {width:560px;border-right:1px dotted #dddddd;}
.lf p{
padding-right:25px;
}
.rt {width:246px;padding-left:30px;}

.rt p a{
text-decoration:underline;
}

.rt p a:hover{
text-decoration:none;
}

/* START HEADER */
#header {
width:926px;
height:67px;
padding-top:22px;
}

.logo{
width:231px;
float:left;
position:relative;
z-index:2;
}

.logo h1{
width:231px;
height:56px;
background:url(../images/vethon-logo.gif) no-repeat;
overflow:hidden;
text-indent:-999999em;
font-size:12px;
}

.logo h1 a{
display:block;
height:100%;
}

.menupart{
width:676px;
float:right;
}

.menupart ul{
margin:8px 0 0 95px;
padding:0px;
}

.menupart li{
float:left;
font:bold 12px Arial;
height:22px;
line-height:22px;
padding-left:16px;
}

.menupart li a{
display:block;
height:100%;
}

.menu_left{
width:12px;
height:22px;
}


.menu_right{
width:12px;
height:22px;
}

.topmenu:hover .menu_left{
background:url(../images/menu/menu_left.gif) no-repeat;
}

.topmenu:hover .menu_md{
background:url(../images/menu/menu_md.gif) left top repeat-x;
}

.topmenu:hover .menu_md a{
color:#fff;
}

.topmenu:hover .menu_right{
background:url(../images/menu/menu_right.gif) no-repeat;
}

.topmenu_active .menu_left{
background:url(../images/menu/menu_left.gif) no-repeat;
}

.topmenu_active .menu_md{
background:url(../images/menu/menu_md.gif) left top repeat-x;
}

.topmenu_active .menu_md a{
color:#fff;
}

.topmenu_active .menu_right{
background:url(../images/menu/menu_right.gif) no-repeat;
}

/* END HEADER */

/* START FONTS */
h2 {font-size:20px;font-weight:normal;color:#000000;padding:10px 0 15px 0;font-family:georgia;}
h2 b {color:#237ee5;font-weight:normal;}

/* END FONTS */

/* START BANNER */
#home_banner {margin:-21px 0 0 0;padding:0;height:263px;width:926px;background:transparent}


/* END BANNER */


/* START ICON MENU */
.iconav {padding-top:118px;}
#back, #next {margin:10px 10px 0 3px;display:block;float:left;}
.iconav ul {float:left;margin:0 0 0 40px;}
.iconav li {float:left;font-size:10px;font-family:arial;color:#78ca00;}
.iconav li .p {background:transparent url(../images/gbar/portfolio.gif) no-repeat 30px 0;}
.iconav li .m {background:transparent url(../images/gbar/mail.gif) no-repeat 28px 0;}
.iconav li .call{background:transparent url(../images/gbar/call.png) no-repeat 14px 5px;}
.iconav li .v {background:transparent url(../images/gbar/vcard.gif) no-repeat 18px 0;}
.iconav li .s {background:transparent url(../images/gbar/skype.gif) no-repeat 22px 0;}
.iconav li .b {background:transparent url(../images/gbar/blog.gif) no-repeat 16px 0;}
.iconav li .t {background:transparent url(../images/gbar/twitter.gif) no-repeat 24px 0;}
.iconav li .po {padding:10px 0 0 0px;margin-left:0px;}

.iconav li a {color:#78ca00;display:block;padding:40px 40px 0 20px;}
.iconav li a:hover {color:#333333;}
/* END ICON MENU */


/* START CONTENT */
#home {margin:30px 0;}
#home td {text-align:center;}
#home td.web {width:250px;border-right:1px dotted #cbcbcb;}
#home td.mob {width:220px;border-right:1px dotted #cbcbcb;}
#home td.gra {width:220px;border-right:1px dotted #cbcbcb;}
#home td.adm {width:230px;}

#home td p {margin:15px 0 0 36px;text-align:left;}
#home td ul {margin:10px 0 0 36px;height:130px;}
#home td li {font-size:11px;color:#5b5b5b;text-align:left;line-height:22px;}
#home td li a {color:#5b5b5b;}
#home td li a:hover {color:#1F7BE5;}
/* END CONTENT */

/* START REVIEW */
#creviews {margin:20px;height:120px;background:transparent url(../images/home/fauth.gif) no-repeat 88% 75px;}
.review-wrap {height:75px;background:#f7f7f7 url(../images/home/flf.gif) no-repeat 0 0;font-size:11px;font-weight:bold;}
.review-txt {height:75px;background:transparent url(../images/home/frt.gif) no-repeat 100% 0;text-align:center;padding:25px 20px 0 20px;}
.review-auth {padding:15px 28px 0 20px;}
.review-auth p {float:left;color:#78CA00;}
.review-auth b {float:right}
.review-auth b span {font-size:10px;padding-left:15px;}
.review-auth a {color:#78CA00;font-size:12px;text-decoration:underline;}
/* END REVIEW */






/* START BANNER */
#banner {margin:50px 0 0 20px;height:78px;}
/* END BANNER */

/******* Feeback Top Banner **********/

.fb {background:transparent url(../images/banner/feedback.jpg) no-repeat 90% 69px;}
.fb p {padding:5px 25px 10px 0px;text-align:justify;}
.fb .lf a {color:#1F7BE5;text-decoration:underline;}
.fb .lf a:hover {color:#5fb809;}


/******* Mobile Application **********/

.ma {background:transparent url(../images/banner/mobile_app.jpg) no-repeat 90% 72px;}
.ma p {padding:5px 25px 10px 0px;text-align:justify;}
.ma .lf a {color:#1F7BE5;text-decoration:underline;}
.ma .lf a:hover {color:#5fb809;}

/******* Administrative **********/

.admin {background:transparent url(../images/banner/administrative.jpg) no-repeat 90% 69px;}
.admin p {padding:5px 25px 10px 0px;text-align:justify;}
.admin .lf a {color:#1F7BE5;text-decoration:underline;}
.admin .lf a:hover {color:#5fb809;}

/******* Web Design **********/

.web_design {background:transparent url(../images/banner/portfolio.jpg) no-repeat 90% 68px;}
.web_design p {padding:5px 25px 10px 0px;text-align:justify;}
.web_design .lf a {color:#1F7BE5;text-decoration:underline;}
.web_design .lf a:hover {color:#5fb809;}

/******* Web Design **********/

.website {background:transparent url(../images/banner/webdesign.jpg) no-repeat 90% 68px;}
.website p {padding:5px 25px 10px 0px;text-align:justify;}
.website .lf a {color:#1F7BE5;text-decoration:underline;}
.website .lf a:hover {color:#5fb809;}

/******* Graphics Design **********/

.graphics {background:transparent url(../images/banner/graphics.jpg) no-repeat 90% 69px;}
.graphics p {padding:5px 25px 10px 0px;text-align:justify;}
.graphics .lf a {color:#1F7BE5;text-decoration:underline;}
.graphics .lf a:hover {color:#5fb809;}


/* START ABOUT */
.pabt {background:transparent url(../images/banner/about.jpg) no-repeat 98% 69px;}
.pabt p {padding:5px 25px 10px 0px;text-align:justify;}
.pabt .lf a {color:#1F7BE5;text-decoration:underline;}
.pabt .lf a:hover {color:#5fb809;}
.subnav li {margin-right:40px;border-bottom:1px dotted #dddddd;background:transparent url(../images/bull/arrow2.gif) no-repeat 0 -25px;}
.subnav li a {display:block;padding:7px 0 7px 25px;font-size:12px;font-weight:bold;color:#333333;}
.subnav li a:hover, .subnav li a.active {background:transparent url(../images/bull/arrow2.gif) no-repeat 0 10px;color:#1f7be5;}

.sermenu {margin:15px 40px 0 0;}
.sermenu li {line-height:18px;font-size:11px;padding:0 0 15px 65px;}
.sermenu li p  {padding:5px 0 10px 0;text-align:left;}
.sermenu li a {font-size:12px;font-weight:bold;color:#1f7be5;}
.sermenu li a:hover {color:#5fb809;}
.sermenu li.w {background:transparent url(../images/submenu/website-design.gif) no-repeat 0 0;}
.sermenu li.m {background:transparent url(../images/submenu/mobile-applications.gif) no-repeat 0 0;}
.sermenu li.g {background:transparent url(../images/submenu/graphic-design.gif) no-repeat 0 0;}
.sermenu li.s {background:transparent url(../images/submenu/admin-support.gif) no-repeat 0 0;}
.sermenu li.p {background:transparent url(../images/submenu/portfolio.gif) no-repeat 0 0;}

.bulnav dt {margin-top:20px;font-size:1.4em;font-family:georgia;color:#96c43b;line-height:27px;}
.bulnav dt img {padding-right:2px;}
.bulnav dd {margin:0px 20px 0 38px;font-size:12px;text-align:justify;}

.team li {padding-top:20px;clear:both;}
.team li .timg {float:left;width:120px;margin-right:15px;}
.team li .tcopy {float:right;width:420px;}
.team li h4 {font-size:1.4em;font-weight:normal;font-family:georgia;color:#1f7be5;line-height:27px;}
.team li i {font-size:12px;color:#c6c5c5;line-height:18px;}
.team li p {font-size:12px;margin-top:10px;line-height:20px;padding-right:25px;}

.expert li {float:left;margin:15px 10px 10px 10px;width:170px;}
.expert li img {background:#eceded;padding:3px;}
.expert li p {font-size:11px;line-height:20px;text-align:center;}
/* END ABOUT */


/* START PORTFOLIO */
.folio {background:transparent url(../images/banner/portfolio.jpg) no-repeat 97% 68px;}
.pmenu {margin:10px 0;clear:both;}
.pmenu li {float:left;background:transparent url(../images/portfolio/menubg.gif) no-repeat 0 0px;width:199px;margin-right:20px;text-align:center;}
.pmenu li a {font-size:11px;font-family:arial, "tahoma";color:#6c6b6b;display:block;padding-top:8px;height:30px;font-weight:bold;text-transform:uppercase;}
.pmenu li a:hover, .pmenu li a.active  {background:transparent url(../images/portfolio/menubg.gif) no-repeat 0 -52px;color:#1e1e1e;}

.ptb {padding-top:20px;line-height:25px;color:#333333;font-size:11px;}
.ptb h4 {font-size:12px;color:#1f7be5;padding:0px 0 5px 0;}
.ptb td {width:285px;padding:15px 15px 20px 0;font-weight:bold;}
.ptb a {border:4px double #e8e8e8;text-decoration:none;display:block;width:262px;}
.ptb a:hover {border:4px double #92c15e;}
.ptb img {border:0;}
.ptb b {font-weight:normal;}
.ptb b a {float:right;color:#a3a3a3;padding-right:10px;border:0;width:auto;display:inline;}
.ptb b a:hover {border:0;color:#92c15e;}
/* END PORTFOLIO */


/* START QUOTE */
.pquote {background:transparent url(../images/banner/quote.jpg) no-repeat 97% 69px;}
.qform {margin:20px 0 0 70px;font-size:12px;}
.qform td {padding:10px 0 5px 0;color:#333333;}
.qform .box {width:280px;height:17px;border:3px double #e7e5e5;background:#fafafa;padding-top:3px;}
.qform .box2 {margin-top:4px;width:413px;height:17px;border:3px double #e7e5e5;background:#fafafa;padding-top:3px;}
.qform .box3 {margin-top:4px;width:300px;height:40px;border:3px double #e7e5e5;background:#fafafa;padding-top:3px;}
.qform .drop {width:286px;height:25px;border:3px double #e7e5e5;background:#fafafa;}
.qform .drop2 {margin-top:4px;width:418px;height:25px;border:3px double #e7e5e5;background:#fafafa;}
.qform .drop2 option {font-size:11px;font-family:arial;padding-top:2px;padding-bottom:2px;}
.qform h4 {font-size:17px;font-weight:normal;color:#000000;padding:0px 0 5px 0;font-family:georgia;}
/* END QUOTE */


/* START FEEDBACK */
.review {margin:6px 0 0 0;padding:12px !important;width:510px;background-color:#F7F7F7;font-size:11px;line-height:18px;color:#4d4d4d;}
.client {padding:0 0 15px 380px !important;background:transparent url(../images/home/fauth.gif) no-repeat 350px 0;line-height:24px;color:#499b1d;font-size:11px;}
.pagelink,.pagelink a { padding-left:3px;font-size:11px;font-weight:bold;line-height:20px;color:#BFBFBF;}
.pagelink a:hover {color:#2F2F2F;}
/* END FEEDBACK */


/* START CONTACT */
.pcon {background:transparent url(../images/banner/contact.jpg) no-repeat 98% 57px;}
.pcon .rt p {padding:5px 0 10px 0;}
.pcon .rt img {margin-right:15px;}
.cform {margin-top:15px;padding:15px 30px;}
.cform td {padding-top:5px;font-size:11px;color:#5b5b5b;}
.cform .box1 {width:220px;height:16px;border:3px double #e7e5e5;background:#f2f2f2;padding-top:2px;}
/* END CONTACT */


/* START ERROR */
#err {margin-top:20px;border:1px solid #f9999a;background:#ffffff;padding:8px 40px;color:#888686;}
#err h4 {background:url(../images/err.gif) no-repeat left 0px;padding:0 0 4px 30px;font-size:11px;color:#db151d;font-weight:normal;}
#err ul {margin:0 0 0 42px;font-size:11px;color:#888686;}
#err li {list-style:disc;padding:0;border:0;line-height:20px;}
/* END ERROR */


/* START FOOTER */
#fwrap {width:100%;background:#ffffff url(../images/fbg.gif) repeat-x top left;clear:both;float:left;}
#fwrap a:hover {text-decoration:underline;}

.footer {width:920px;margin:auto;color:#ffffff;padding:18px 0 0 0;}
.flink {height:140px;}
.flink li {float:left;width:150px;}
.flink h5 {font-size:17px;font-family:georgia, "times new roman";font-weight:normal;}
.flink li ul {margin-top:12px;}
.flink li li {background:transparent url(../images/bull/arrow.gif) no-repeat 2px 7px;font-size:11px;padding:3px 0 3px 15px;}
.flink li a {color:#ffffff;}
.flink li a:hover {color:#f4f4f4;}
.flast {width:270px !important;}
.copy {margin:15px 0;height:30px;color:#333333;line-height:18px;font-size:10px;font-weight:bold;}
.clf {float:left;width:500px;}
.crt {float:right;padding-right:15px;}

.crt a:hover{
text-decoration:none;
}
.copy a:hover{
text-decoration:none;
}

/* END FOOTER */


.clear {clear:both;height:0;margin:0;padding:0;}


/************** Mobile Application Page Layout ************************/

.mobile_appcon{
width:860px;
clear:both;
float:left;
padding:15px 0px 15px 0px;
border-bottom:1px dotted #a5d148;
}

.mobile_img{
width:170px;
float:left;
}

.mobile_txtpart{
width:680px;
float:left;
padding-top:15px;
}

.mobile_para{
font:bold 14px Arial;
color:#050504;
padding-top:15px;
line-height:20px;
}

.mobile_list li{
font-size:12px;
color:#36393b;
background:url(../images/mobile_listimg.gif) left center no-repeat;
padding-left:20px;
margin-top:12px;
}

.mobile_demopart{
width:190px;
float:right;
}

.mobile_smallimg{
float:left;
padding-right:10px;
}

.mobile_btn{
float:left;
}

.mobile_brd{
clear:both;
border-top:1px dotted #a5d148;
}

.psdtoxhtml_list ul{
padding:10px 0px 0px 20px;
margin:0px;
}

.psdtoxhtml_list li{
background:url(../images/psdtoxhtml_listimg.gif) left center no-repeat;
padding-left:20px;
}

.newsletter_list li{
background:url(../images/bullet.gif) left center no-repeat;
padding-left:25px;
}

.psdtoxhtmlbtnpart{
width:auto;
clear:both;
padding-top:20px;
}

.psdtoxthmlbtn1{
float:left;

}

.psdtoxhtmlbtn2{
float:left;
padding-left:70px;
}

.psdtoxhtmlbtn3{
float:left;
padding:0px 0px 20px 375px;

}

/************************* Administrative Support Page Layout ********************/

.admin_listtxt{
padding-left:15px;
font:bold 11px Arial;
color:#237EE5;
}

.admin_listtxt a{
color:#237EE5;
}

.admin_listtxt a:hover{
text-decoration:underline;
}

.db_ques{
color:#9B0000;
height:25px;
}

.db_ques span{
padding:0px 15px 0px 15px;
}

.letter_list ul{
margin:0px;
padding:0px;
}

.letter_list li{
float:left;
background:url(../images/bullet.gif) left 4px no-repeat;
height:25px;
padding-left:20px;
width:110px;
}

.folio_btn{
float:right;
width:171px;
padding-right:8px;
}

#Analyze{
  padding:6px 0 6px 37px;
  background:url(../images/bull/1.gif) left center no-repeat; 
}


#Plan{
  padding:6px 0 6px 37px;
  background:url(../images/bull/2.gif) left center no-repeat; 
}


#Develop{
  padding:6px 0 7px 37px;
  background:url(../images/bull/3.gif) left center no-repeat; 
}

#Trial{
  padding:6px 0 6px 37px;
  background:url(../images/bull/4.gif) left center no-repeat; 
}

#Deploy{
  padding:6px 0 6px 37px;
  background:url(../images/bull/5.gif) left center no-repeat; 
}

