/*
Theme Name: VM THeme
Theme URI: http://virtuosomaster.com/
Description: The original WordPress theme that graced versions 1.2.x and prior.
Version: 1.5
Author: Arni Cinco
Tags: mantle color, variable width, two columns, widgets

Default WordPress by Arn Cinco || http://virtuosomaster.com

This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)
*/

body {padding:5px 0 0 0;margin:0;font: normal 12px/18px verdana,Arial, Helvetica, sans-serif;}
.wrap {width:964px;margin: 0 auto;}

#header {height:129px;}
#logo {width:301px;float:left}
.banner {float:right;height:129px;overflow:hidden; text-align:right}

#header h1 {padding:0;margin:0;}
#header h1 img {padding:25px 10px;margin:0;}

#top-menu {font: normal 11px/29px Arial, Helvetica, sans-serif;color:#333;padding-right:20px;height:29px;text-align:right;}
#menu {background:#23262f;border-bottom:5px solid #8ccfea;height:37px}

img {border:0;padding:0;margin:0;}
.spacer {clear:both;font-size:1px;line-height:1px;}
a{color:#418bc0; }
.more-link, a.read-more{ display:block; text-align:right; text-decoration:none; font: bold 11px/18px Arial, Helvetica, sans-serif;}
img.imgl{float:left; margin:0 10px 60px 0}
form{ padding:0; margin:0;}
#commentform #comment{ width:500px}
img.img-lft{ float:left;}
.router-frame{ float:left; padding:0 10px 0 0;}

.content-wrap {border-top:1px #e0e0e0 solid;border-left:1px #e0e0e0 solid;border-right:1px #e0e0e0 solid;border-bottom:none;background:url(images/content-wrap_bg.jpg) repeat-y}
.content-wrap h2 {font: bold 16px "Trebuchet MS", "Times New Roman", Times, serif}
.content-wrap h3{font: bold 16px "Trebuchet MS", "Times New Roman", Times, serif}
#content{float:left; width:728px; padding:0 0 20px 0; overflow:hidden}
#content a.read-more{ padding:0 10px 0 0}
#content p{font: normal 11px/18px Arial, Helvetica, sans-serif;}
.content-wrap.page #content{width:708px; padding:10px 10px 20px 10px;}
.content-wrap.page #content p,.content-wrap.page #content table td ,.content-wrap.page #content ul li{font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif }
.content-wrap.page #content h2{font: bold 20px "Trebuchet MS", "Times New Roman", Times, serif}
#content ul{ list-style:none}
.main {/*border-bottom:1px #e0e0e0 solid*/}
#latest-news {position:absolute;left:502px;top:0px;width:207px;height:179px;z-index:1;padding:10px;font: normal 11px/18px Arial, Helvetica, sans-serif;}
#latest-news h3{ padding:0; margin:0;font: bold 13px/20px Arial, Helvetica, sans-serif;}
.top-dvd1{ position:relative;border-bottom:1px #e0e0e0 solid }
.top-dvd2 {border-bottom:1px #e0e0e0 solid;background:url(images/dvd2_bg.jpg) repeat-y; padding:0 0px 0 0;}
#web-h{float:left; width:344px; padding:10px; }
#web-b{float:left; width:4px; height:100px}
#web-d{float:left; width:344px; padding:10px;  }
.top-dvd3 h2, .top-dvd4 h2{ padding:0 0 0 10px; margin:0; background:url(images/bg_otherproducts.jpg) no-repeat top left; color:#666666; font: bold 12px/29px Arial, Helvetica, sans-serif}
.top-dvd3{border-bottom:1px #e0e0e0 solid}
.top-dvd3 p, .top-dvd4 p{ padding:5px 0 5px 10px; margin:0;}
.latest-p{padding:10px 0; text-align:center}

#sidebar{ float:left; width:194px; padding:20px}
#sidebar h2,#sidebar h3{font: bold 14px/20px Arial, Helvetica, sans-serif; padding:10px 0 5px 0; margin:0; color:#000}
#sidebar h3 a{ text-decoration:none;color:#333333;font: bold 12px/15px Arial, Helvetica, sans-serif;}
#sidebar p{ padding:4px 0; margin:0; color:#666666;font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif}
#sidebar .post{ padding:5px 0;}
.about-us-c,.tutorial{ padding:0 0 10px 0;}
#sidebar table td{font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif}
#sidebar ul{ list-style:none;font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif}
#sidebar ul{ list-style:none; padding:0; margin:0;}
#sidebar ul ul{ list-style: circle; padding:0 0 0 15px; margin:0 0 0 10px;}

#footer {background:#23262f;font: normal 11px/32px Arial, Helvetica, sans-serif;color:#FFFFFF;padding-right:20px;height:32px;text-align:right;}
#footer a {background:#23262f;color:#70d1fe;text-decoration:underline;}
#footer a:hover {text-decoration:none;}

.portfolio-services { width:690px; margin:0 auto; padding:0 0 30px 0; background:url(images/01_home_25.jpg) repeat-x bottom}
.portfolio-services p{ float:left; width:200px; padding:15px; margin:0; text-align:center; line-height:20px; font-weight:bold; }
.portfolio-services p img{ text-align:center}



/* contact us */
input, textarea{background:#fff;  clear:none;border:1px solid #717272; }
/*input:focus , textarea:focus {background-color: #F8FFCF; border:1px solid #717272;}*/
#emailForm{ clear:both; padding:20px; height:280px;  width:380px;  font: normal 12px/25px Verdana, Arial, Helvetica, sans-serif;}
#emailForm label{width:70px; float:left; color:#000; clear:none;}
#emailForm label.checkbox,.contact-form label.checkbox{width: auto; float:none; color:#000;}
#emailForm div{ padding:3px 0;}
#emailForm p.testbox-p{height:20px;  font: normal 12px/25px Verdana, Arial, Helvetica, sans-serif;}

#emailForm p.testbox-t{height:120px;}
* html #emailForm p.textbox-p{height:50px; display:block;}

* html #emailForm{margin-top:32px;}
#emailForm #submit{ color: #fff;background: #8d8d8d ; border: 2px outset #d7b9c9;font-weight:bold;font-family:verdana; text-align:left}
#emailForm textarea{width:300px; height:130px; /*border:1px solid #7F9DB9;*/}
#emailForm textarea#comments{ width:300px; }
    * html #emailForm textarea #comments{overflow-y: scroll; }
#emailForm  button{ width:70px;}
#emailForm p,#emailForm .fakeform p,#emailForm .realform p{padding:0; margin:10px 0 5px 0; width:350px;}
* html #emailForm p{margin:0;}
#emailForm p label{width:70px; font: normal 11px/32px Arial, Helvetica, sans-serif;}
* html #emailForm p label{width:60px;}
#emailForm input{width:205px;}
#emailForm .fakeform input{width:135px;}
#emailForm input:hover.checkbox,#emailForm input:focus.checkbox{ background:transparent;}
#emailForm input.checkbox{width:auto; margin-left:70px; border:none; background:transparent;} 
* html #emailForm input.checkbox{margin-left:67px; background:transparent;}
#emailForm input.checkbox.inline{margin-left:15px; background:transparent;}
* html #emailForm input.checkbox.inline{margin-left:13px; }
#emailForm input.browse{border:none; }


/* Begin CSS Drop Down Menu */
/*images menu*/

#imageMenu {position: relative;width: 500px;	height: 200px;	overflow: hidden;}
#imageMenu ul {list-style: none;margin: 0px;padding:0;display: block;height: 200px;width: 1000px;}
#imageMenu ul li {float: left;}
#imageMenu ul li a {text-indent: -1000px;background:#FFFFFF none repeat scroll 0%;border-right: 2px solid #fff;cursor:pointer;display:block;overflow:hidden;width:98px;height: 200px;}
#imageMenu ul li.ecommerce a {background: url(images/ecommerce.jpg) repeat scroll 0%;}
#imageMenu ul li.real-estate a {background: url(images/real-estate.jpg) repeat scroll 0%;width: 310px;}
#imageMenu ul li.hosting a {background: url(images/hosting.jpg) repeat scroll 0%;}
#imageMenu ul li.video-portal a {background: url(images/video-portal.jpg) repeat scroll 0%;}
#imageMenu ul li.abstract a {background: url(images/abstract.jpg) repeat scroll 0%;}
#imageMenu ul li.web-design a {background: url(images/web-design.jpg) repeat scroll 0%;	}
.clear {clear: both;}


div.code-box,p.code-box{ background:#e7fdfe; padding:10px 10px; overflow: auto}
div.error-box,p.error-box{background:#fef6dd; padding:10px 10px; overflow: auto}
div.code-in-action{background:#d4fed2;padding:10px 10px; overflow: auto}
table.tablelist{ font: normal 9px/14px Arial, Helvetica, sans-serif;}
#seoquake-adsspy{ display:none}

/* odd items 1,3,5,7,... */

table td.odd,

.odd {

    background:#E2EAEF;

	border-bottom:thin #FFFFFF solid;

	line-height:14px;

	vertical-align:middle;

}



/* even items 2,4,6,8,... */

table td.even,

.even {

    background:#F8F8F8;

		border-bottom:thin #FFFFFF solid;

			line-height:14px;

				vertical-align:middle;

}



table td.tableheader{

    background:#B2B2B0;

			border-bottom:thin #FFFFFF solid;

}