/* CSS Document */

body {
	background-image: url(../images/pattern-jdesign.gif);
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #7B8956;
}
div {
	margin: 0px;
	padding: 0px;
}
img {
	border: none;
}
a:link,
a:hover,
a:visited,
a:visited:hover {
	color: blue;
	text-decoration: underline;
	padding: 0px;
	margin: 0px;
}
a:hover,
a:visited:hover {
	color: blue;
	text-decoration: none;
}
a.small:link,
a.small:hover,
a.small:visited,
a.small:visited:hover {
	font-size: 10px;
	color: #000;
	font-weight: bold;
}
a.small:hover,
a.small:visited:hover {
	color: #360;
}
a.gray,
a.gray:hover,
a.gray:visited:hover {
	color: #999;
}
p {
	padding: 0px;
	margin: 0px 0px 5px 0px;
	font-size: 11px;
	line-height: 1.7;
}
h1 {
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	line-height: 20px;
	height: 20px;
}
h1.main-title {
	background-image: url(../images/img-title.gif);
	padding-left: 25px;
	background-repeat: no-repeat;
} 
h1 a {
	display: block;
	float: left; 
	padding: 0px;
	margin: 0px;
	height: 20px;
	width: 20px;
	background-image: url(../images/goback.gif);
}
h1.arrow {
	font-size: 14px;
	background-image: url(../images/arrow1.gif);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	padding-left: 25px;
	line-height: 17px;
}
h2 {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 12px;
	line-height: 4;
	color: #669900;
}
.normal {
	font-weight: normal;
}
.bold {
	font-weight: bold;
}
.highlight {
	color: #336600;
}
.align-right {
	text-align: right;
}
.align-left {
	text-align: left;
}
.align-center {
	text-align: center;
}
.font-small {
	font-size: 10px;
}
.border1px {
	border: solid 1px #CCC
}
div.spacer-height-15px {
	height: 15px;
	font-size: 0px;
}
div.spacer-height-50px {
	float: none;
	clear: both;
	height: 50px;
}
ul.link-list {
	position: relative;
	margin: 0px;
	padding: 5px 0px 5px 10px;
	list-style: none;
}
body#graphic-design ul.link-list {
	float: left;
}
ul.link-list li {
	background-image: url(../images/bullet1.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding-left: 14px;
	vertical-align: top;
	line-height: 20px;
	font-size: 11px;
}
ul.link-list a:link,
ul.link-list a:hover,
ul.link-list a:visited,
ul.link-list a:visited:hover {
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	line-height: 20px;
	color: #000;
	font-weight: bold;
	line-height: 20px;
	font-size: 11px;
}
ul.link-list a:hover,
ul.link-list a:visited:hover {
	vertical-align: top;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
hr {
	height: 0px;
	background-color: #CCC;
	border: none;
	border-top: solid 1px #CCC;
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}
div#main-wrapper {
	position: relative;
	width: 790px;
	background-color: #FFF;
	background-image: url(../images/bg-page.gif);
	margin: 0px auto;
	text-align: center; 
}
div#header {
	position: relative;
	background-color: #FFF;
	width: 780px;
	height: 133px;
	background-image: url(../images/header-jdesign.png);
	background-repeat: no-repeat;
	margin: 0px auto;
}
div#change-lang {
	position: absolute;
	width: 166px;
	height: 55px;
	right: -8px;
	top: -20px;
	z-index: 10;
}
div#call-jdesign-note{
	position: absolute;
	width: 193px;
	height: 187px;
	right: -15px;
	top: -90px;
	z-index: 10;
}
div#top-menu {
	position: relative;
	width: 780px;
	height: 27px;
	text-align: left;
	margin: 0px auto; 
	background-color: #FFF;
}
div#top-menu div.arrow {
	position: absolute;
	top: 5px;
	left: 15px;
	height: 17px;
	width: 17px;
	background-image: url(../images/arrow1.gif);
}
div#top-menu-inner {
	position: absolute;
	top: 0px;
	left: 25px;
}
a.top-menu:link,
a.top-menu:hover,
a.top-menu:visited,
a.top-menu:visited:hover {
	font-weight: bold;
	line-height: 27px;
	text-decoration: none;
	color: #666;
}
a.top-menu:hover,
a.top-menu:visited:hover {
	color: #000;
}
div#main-top1 {
	position: relative;
	background-image: url(../images/bg-page-top1.gif);
	height: 5px;
	width: 790px;
	font-size: 0px;
	margin: 0px auto;
}
div#main-top2 {
	background-image: url(../images/bg-page2.gif);
	height: 15px;
	width: 790px;
}
div#main-top3 {
	background-image: url(../images/bg-page-top2.gif);
	height: 10px;
	width: 790px;
}
div#main-middle {
	width: 790px;	
}
div#main-bottom1 {
	background-image: url(../images/bg-page-bottom1.gif);
	height: 10px;
	width: 790px;
	margin: 0 auto;
}
div#main-bottom2 {
	background-image: url(../images/bg-page2.gif);
	height: 15px;
	width: 790px;
	margin: 0 auto;
}
div#main-bottom3 {
	background-image:url(../images/bg-page-bottom2.gif);
	width: 790px;
	margin: 0 auto;
	width: 790px;
	font-size: 0px;
}

div#main-middle-wrapper {
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 30px;
	text-align: center;
}
div#page-footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
}

/* Start Column Settings */

div.column1,
div.column2,
div.column3 {
	float: left;
	width: 243px;
	text-align: left;
}
body#testimonials div.column1,
body#about-us div.column1,
body#website-info div.column1,
body#projects div.column1,
body#services div.column1,
body#graphic-design div.column1 {
	width: 486px;
	float: left;
	border-right: solid 1px #CCC;
}
body#contact-us div.column1 {
	width: 486px;
	border-left: solid 1px #CCC;
	float: right;
}
body#home div.column3 {
	border-left: solid 1px #CCC;
}
body#contact-us div.column3 {
	border: none;
}
div.column4 {
	position: relative;
	float: none;
	clear: both;
	margin: 0px auto;
	width: 710px;
	text-align: left;
}
div.column5 {
	position: relative;
	float: none;
	clear: both;
	margin: 0px auto;
	width: 710px;
	text-align: left;
}
div.column4-inner {
	color: #999;
}
div#img-jtech {
	position: absolute;
	left: -20px;
	top: -84px;  
}
div.column-inner {
	padding: 10px;
}
div#welcome-txt{
	font-size: 11px;
	line-height: 1.7;
	font-weight: bold;
}
div#testimonial-txt{
	font-size: 11px;
	line-height: 1.7;
	font-weight: bold;
}
div#note {
	background-color: #FFFF99;
	font-size: 11px;
	line-height: 1.5;
	margin-top: 15px;
}
div#note-inner {
	padding: 15px;
}
div.txt-box {
	position: relative;
	padding: 14px;
	background-color: #E9EDE2;
	font-size: 11px;
	line-height: 1.5;
	margin-bottom: 15px;
}
div.txt-box-top {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(../images/txt-box-top.gif);
	width: 223px;
	height: 14px;
	background-color: #E9EDE2;
}
div.txt-box-top2 {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(../images/txt-box-top2.gif);
	width: 710px;
	height: 14px;
	background-color: #D6EBF5;
}
div.txt-box-bottom {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-image: url(../images/txt-box-bottom.gif); 
	width: 223px;
	height: 14px;
	background-color: #E9EDE2;
}
div.txt-box-bottom2 {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-image: url(../images/txt-box-bottom2.gif); 
	width: 710px;
	height: 14px;
}
div.txt-box2 {
	position: relative;
	padding: 14px;
	background-color: #FFF;
	font-size: 11px;
	line-height: 1.5;
	margin-bottom: 15px;
}
div.testimonials {
	position: relative;
	padding: 0px;
	background-color: #FFF;
	font-size: 11px;
	line-height: 1.5;
	margin-bottom: 15px;
}
div.featured-item-odd,
div.featured-item-even {
	position: relative;
	padding: 8px;
	font-size: 11px;
	line-height: 1.5;
	margin-bottom: 5px;
	background-color: #E9EDE2;
}
div.featured-item-even {
	background-color: #FFF;
}
img.featured-thumb {
	float: left;
	margin-right: 10px;
	border: solid 1px #666;
}
a.featured:link,
a.featured:visited,
a.featured:hover,
a.featured:visited:hover {
	color: #336600;
	font-weight: bold;
	text-decoration: none;
}
a.featured:hover,
a.featured:visited:hover {
	text-decoration: underline;
}
div#small-logo-address {
	position: absolute;
	right: 14px;
}

/* Start Page Web Design */

div.paging {
	text-align: right;
}
table.screenshots {
	background-color: #FFF;
	margin: 10px auto;
	border-collapse: collapse;
}
table.screenshots td {
	border-bottom: solid 1px #CCC;  
}
td.screenshot {
	background-color: #E9EDE2;
	padding: 10px;
}
td.site-descr {
	text-align: center;
	padding: 5px;
}
img.screenshot {
	border: solid 1px #999;
	background-color: #D4DCC7;
}
img.screenshot:hover {
}

/* End Page Web Design */

/* Start Page Graphic Design */

div#graphic-design-img {
	float: right;
	width: 200px;
	height: 200px;
	border: solid 1px #CCC;
	margin-top: 10px;
	margin-right: 10px;
}

/* Start Page Logo Design */

table.logos {
	background-color: #FFF;
	margin: 10px auto;
	border-collapse: collapse;
}
table.logos td {
	border-bottom: solid 1px #CCC;  
}
td.logos {
	padding: 10px;
	text-align: center;
}
img.logo {
	border: solid 1px #CCC;
}

/* Footer */

.host {
	background-image: url(../images/icon-superhost.gif);
	background-repeat: no-repeat;
	line-height: 35px;
	padding-left: 55px;
}
.host a {
	font-size: 10px;
}