html, body {
margin:0;
padding:0;
}
body {
background:#323232 url(img/bg.png) repeat-x scroll 0 0;
color:#FFFFFF;
font-family:"Trebuchet Ms" Trebuchet, Verdana, arial,sans-serif;
font-size:13px;
}
#mycustomscroll {
	width: 430px;
	height: 330px;
	overflow: auto;
	position: relative;
	}
div#container {
}
p {
  line-height: 150%;
  
}
.searchbg {
background:#353535 none repeat scroll 0 0;
border:1px solid #666666;
float:left;
height:18px;
margin:0;
width:222px;
}
.searchbtn {
background:#353535 none repeat scroll 0 0;
border:1px solid #666666;
color:#FFFFFF;
float:right;
font-size:11px;
height:22px;
margin-top:0;
width:50px;
}
div#header {
color:#FFFF00;
height:133px;
}
div#resource_ico {
background:transparent url(img/resource_ico.png) no-repeat scroll 0 0;
color:#888888;
float:left;
height:80px;
margin:20px 0;
width:10%;
}
div#resource_txt {
color:#888888;
float:right;
line-height:10px;
margin:10px 0;
width:90%;
}
div#logo {
background:transparent url(img/logo.png) repeat scroll 0 0;
color:#FFFF00;
float:left;
height:118px;
margin:5px;
width:605px;
}
div#search {
float:right;
height:18px;
margin:35px 110px;
width:300px;
}
h1, h2 {
margin:0;
padding:0;
}
h1 {
font-family:arial,sans-serif;
font-size:2.3em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:80px;
padding-left:10px;
}
h2 {
color:#6699FF;
font-size:1.5em;
}
div#footer a {
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
div#navigation {
float:left;
padding:1em 0 0 0px;
width:170px;
}
div#extra {
float:right;
padding:1em 5px;
width:160px;
}
li#visit {
background:transparent url(img/visit.png) repeat-y scroll 0 0;
height:23px;
list-style-type:none;
}
li#visit a {
color:#FFFFFF;
height:23px;
line-height:24px;
list-style-type:none;
margin-left:30px;
text-decoration:none;
}
li#visit a:hover {
color:#666666;
}
div#content {
margin:0;
padding:1em 0;
width:100%;
}
.centralcontent {
margin:0;
padding:0;
width:81%;
}
.visit {
background:#2D2D2D none repeat scroll 0 0;
height:24px;
margin:0 auto;
padding:0;
width:210px;
}
div#left {
float:left;
margin:0;
padding:1em 0;
width:40%;
}
div#right {
float:right;
margin:0;
padding:0;
width:60%;
height: auto
}
div#consultation_ico {
background:transparent url(img/consultation.png) no-repeat scroll 0 0;
float:right;
height:42px;
margin:0;
padding:1em 0;
width:315px;
}
div#pricing_ico {
background:transparent url(img/pricing.png) no-repeat scroll 0 0;
float:right;
height:42px;
margin:0;
padding:1em 0;
width:315px;
}
div#servicess_ico {
background:transparent url(img/services.png) no-repeat scroll 0 0;
float:right;
height:42px;
margin:0;
padding:1em 0;
width:315px;
}
div#portfolio_ico {
background:transparent url(img/portfolio.png) no-repeat scroll 0 0;
float:right;
height:42px;
margin:0;
padding:1em 0;
width:315px;
}
div#index_ico {
background:transparent url(img/index.png) no-repeat scroll 0 0;
float:right;
height:42px;
margin:0;
padding:1em 0;
width:315px;
}
div#clients_ico {
background:transparent url(img/clients.png) no-repeat scroll 0 0;
float:right;
height:42px;
margin:0;
padding:1em 0;
width:315px;
}
div#ourproduct_ico {
background:transparent url(img/ourproduct.png) no-repeat scroll 0 0;
float:right;
height:40px;
margin:0;
padding:1em 0;
width:205px;
}
div#services_ico {
background:transparent url(img/services.png) no-repeat scroll 0 0;
float:right;
height:39px;
margin:0;
padding:1em 0;
width:142px;
}
div#contact_ico {
background:transparent url(img/contact.png) no-repeat scroll 0 0;
float:right;
height:42px;
margin:0;
padding:1em 0;
width:315px;
}
div#aboutus_ico {
background:transparent url(img/aboutus.png) no-repeat scroll 0 0;
float:left;
height:48px;
margin:0 36px;
padding:0;
width:85%;
}
div#downloads_ico {
background:transparent url(img/downloads.png) no-repeat scroll 0 0;
float:right;
height:42px;
margin:0;
padding:1em 0;
width:315px;
}
div#faq_ico {
background:transparent url(img/faq.png) no-repeat scroll 0 0;
float:right;
height:42px;
margin:0;
padding:1em 0;
width:315px;
}
div#aboutus_txt {
float:left;
margin:5px 36px;
padding:0;
width:85%;
line-height: 150%;
}
.aboutus {
float:left;
margin:10px 0;
padding:0;
width:100%;
}
.foot_txt {
color:#FFFFFF;
float:right;
margin-top:22px;
width:150px;
}
div#footer {
background:transparent url(img/menubg.png) repeat scroll 0 0;
clear:both;
color:#000000;
height:50px;
width: 100%;
padding:2px 0;
text-align:left;
position:fixed;
bottom:0px;
}
div#navigation ul {
list-style-type:none;
margin:0;
padding:0;
}
div#navigation li {
margin:0;
padding:0;
}
div#navigation a {
color:#336699;
font-family:arial,sans-serif;
font-size:1.2em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:1.4em;
text-decoration:none;
}
div#navigation a:hover {
color:#b0c21a;
text-decoration:none;
}
div#navigation a#activelink {
color:#003333;
text-decoration:none;
}
div#navigation p {
font-size:90%;
}
div#extra div.newsbox {
font-size:90%;
margin-bottom:2em;
}
div#extra div.newsbox h2 {
color:#999999;
font-size:1.2em;
}
div#extra div.newsbox p {
margin:0;
}
ul#menu {
color:#DDDDDD;
float:left;
margin-left:5px;
margin-top:3px;
width:770px;
}
#menu, #menu li {
list-style-type:none;
margin:0;
padding:1px 5px;
text-decoration:none;
}
#menu li, #menu a, #menu span {
float:left;
height:35px;
line-height:35px;
text-decoration:none;
}
#menu a {
border-right:1px solid #444444;
color:#DDDDDD;
padding-left:15px;
text-decoration:none;
}
#menu span {
cursor:pointer;
padding-right:15px;
text-decoration:none;
}
#menu a:hover {
background:transparent url(vistaBk.png) repeat scroll left top;
color:#b0c21a;
text-decoration:none;
}
#menu a:hover span {
background:transparent url(vistaBk.png) repeat scroll right top;
color:#b0c21a;
text-decoration:none;
}
#menu #current a {
background:transparent url(vistaBk.png) repeat scroll left bottom;
color:#FFFFFF;
text-decoration:none;
}
#menu #current span {
background:transparent url(vistaBk.png) repeat scroll right bottom;
text-decoration:none;
}
div#cssico {
background:transparent url(img/cssico.png) no-repeat scroll 0 0;
float:left;
height:95px;
margin-left:10px;
margin-top:0;
width:18%;
}
div#psdico {
background:transparent url(img/psdico.png) no-repeat scroll 0 0;
float:left;
height:95px;
margin-left:10px;
margin-top:10px;
width:18%;
}
div#icoico {
background:transparent url(img/icoico.png) no-repeat scroll 0 0;
float:left;
height:95px;
margin-left:10px;
margin-top:10px;
width:18%;
}
div#testo {
float:right;
height:100px;
padding-right:150px;
padding-top:7px;
width:55%;
}
div#youdesignwexhtml {
background:transparent url(img/psdtoxhtml.png) repeat scroll 0 0;
height:37px;
margin:12px 20px;
width:441px;
}
div#youd_txt {
margin:5px 30px;
width:550px;
}
div#yw_ico {
background:transparent url(img/yw_ico.png) repeat scroll 0 0;
float:left;
height:117px;
margin:30px 0;
width:237px;
}
div#start_price {
background:transparent url(img/startprice.png) repeat scroll 0 0;
float:right;
height:145px;
margin:35px 0;
width:146px;
}
div#productcontent {
float:left;
margin:0;
width:600px;
}
div#form_txt {
float:left;
height:30px;
margin:0;
width:100px;
}
div#form_right {
float:right;
height:30px;
margin:0;
width:409px;
}
.name {
margin:0;
width:400px;
}

#page-wrap {
	width: 600px;
	background: #666666;
	padding: 20px 50px 20px 50px;
	margin: 20px auto;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#contact-area {
	width: 500px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 371px;
	font-family: "Trebuchet Ms" Trebuchet, Verdana, arial,sans-serif;
	font-size: 13px;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #db0d69;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 13px;
}
a:link { 
	color: #ffffff;
	text-decoration: none;
	}
a:visited { 
	color: #ffffff;
	text-decoration: none;
	}
a:hover { 
	color: #db0d69;
	text-decoration: none;
	}
a:active { 
	color: #ffffff;
	text-decoration: none;
	}
		
ul#portfolio {
	list-style-image:none;
	margin:15px 0px;
}

ul#portfolio li {
	display:inline;
}

ul#portfolio li img {
	margin:5px;
	border:5px solid #CCC;	
}

ul#portfolio li img:hover {
	margin:5px;
	border:5px solid #999;	
}