body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #cfcfcf;
	background-color: #141414;
	background-image: url(../img/back_gradient.gif);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
	margin: 0px;
}


.greydark1text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #777777;
}
.greydarkulink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #777777;
}
.greydarkulink:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #777777;
	text-decoration: underline;
}
.greydarkulink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #ce8300;
	text-decoration: underline;
}
.greydark1link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #777777;
	text-decoration: none;
}
.greydark1link:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #777777;
	text-decoration: none;
}
.greydark1link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #ce8300;
	text-decoration: none;
}
.darklinetop {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #121212;
	border-right-color: #121212;
	border-bottom-color: #121212;
	border-left-color: #121212;
}

.greydark2text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #353535;
}
.greydark2link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #353535;
	text-decoration: none;
}
.greydark2link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #ce8300;
	text-decoration: none;
}
.blackusthenight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #000000;
}
.screen {
	border: 1px solid #000000;
}
.screen:link {
	border: 1px solid #000000;
}
.screen:hover {
	border: 1px solid #ce8300;
}
.titles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #dedede;
}
.greydarksmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 14px;
	color: #353535;
}
.greydark1smalllink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 14px;
	color: #888888;
	text-decoration: none;
}
.greydark1smalllink:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 14px;
	color: #888888;
	text-decoration: none;
}
.greydark1smalllink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 14px;
	color: #ce8300;
	text-decoration: none;
}
.back_gradient_member {
	background-image: url(../img/gradient_home.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #ce8300;
	background-color: #111111;
	padding: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #222222;
	border-right-color: #222222;
	border-bottom-color: #222222;
	border-left-color: #222222;
	width: 250px;
	background-image: url(../img/input_backimage.gif);
}
.select
{

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #ce8300;
	background-color: #000000;
	padding: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #222222;
	border-right-color: #222222;
	border-bottom-color: #222222;
	border-left-color: #222222;
	width: 250px;
	

}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #CFCFCF;
	background-color: #000000;
	padding: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #1B1B1B;
	border-right-color: #1B1B1B;
	border-bottom-color: #1B1B1B;
	border-left-color: #1B1B1B;
	width: 400px;
	height: 150px;
	background-image: url(../img/textarea_backimage.gif);
	background-repeat: repeat-x;
	background-position: top;
    overflow:auto;
}
.button {
	background-color: #000000;
	width: 80px;
	height: 23px;
	padding: 0px;
	background-image: url(../img/send_btn.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.greydark12ink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #777777;
	text-decoration: none;
}
.greydark12ink:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #777777;
	text-decoration: none;
}
.greydark12ink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #ce8300;
	text-decoration: none;
}.greydark12ink:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #353535;
	text-decoration: none;
}
.blackusthenight:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #000000;
	cursor: crosshair;
}
.blackusthenight:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #000000;
	cursor: text;
}
.blackusthenighttext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #000000;
	vertical-align: middle;
	cursor: text;
}
.whitelink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #cfcfcf;
	text-decoration: none;
}
.whitelink:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #cfcfcf;
	text-decoration: none;
	cursor: text;
}
.whitelink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #cfcfcf;
	text-decoration: none;
	cursor: text;
}
#container .lnk
{
background:#000000 url(../img/nav.gif) bottom no-repeat;
width:120px;
height: 27px;
text-decoration: none;
cursor:hand;
text-align: center;
color:#aaaaaa;
}

#container .lnk2
{
padding-top:4px;
color:#aaaaaa;
text-decoration: none;
font-family: verdana;
font-size: 10px;
width:100%;
height:100%;
}
#container .lnk2:hover
{
color:#dedede;
width:100%;
height:100%;
}


#container {
	background-color: #000000;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
	text-align: left;
	padding: 0px;
}
#headerflash {
	height: 188px;
}
#leftmenu {
	float: left;
	width: 246px;
}

#tabgraphic {
	height: 20px;
	background-image: url(../img/blackmain_table.gif);
	width: 900px;
}
#main {
	width: 860px;
	margin-right: 20px;
	margin-left: 20px;
}
#footertext {
	float: left;
	line-height: 15px;
	background-image: url(../img/arrow_footer.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 10px;
}
#footertext p {
	padding-top: 0px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 52px;
}
#footertext h1 {
	margin: 0px;
	font-family: Arial, tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #777777;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 52px;
}
#footerline {
	height: 32px;
	width: 860px;
	text-align: right;
}
#footer {
	width: 860px;
	height: 70px;
	margin-right: 20px;
	margin-left: 20px;
	clear: both;
	background-image: url(../img/footer_line.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#spacing {
	width: 860px;
	height: 33px;
	clear: both;
	margin-right: 20px;
	margin-left: 20px;
}
#x2signature {
	float: right;
	padding-top: 16px;
	text-align: right;
}
#content {
	width: 590px;
	float: right;
}
#scrollerhome {

}
#news {
	text-decoration: none;
	height: 31px;
	width: 246px;
	background-image: url(../img/back_news.jpg);
	background-repeat: no-repeat;
	margin-bottom: 7px;
}
#bulletin {
	text-decoration: none;
	width: 216px;
	margin-bottom: 5px;
	margin-left: 15px;
}
#arrow {
	float: left;
	width: 6px;
}
form {
	margin: 0px;
	padding: 0px;
}
.newstitles {
	clear: both;
	line-height: 15px;
	background-image: url(../img/blue_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.45em;
	padding-bottom: 14px;
}
#separator_small {
	height: 9px;
}

#awards {
	text-decoration: none;
	text-align: center;
	padding-bottom: 17px;
	padding-top: 7px;
}
#member {
	text-decoration: none;
	width: 246px;
	background-image: url(../img/gradient_home.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#membershort {
	text-decoration: none;
	width: 246px;
	background-image: url(../img/back_news.jpg);
	background-repeat: no-repeat;
	background-position: center top;

}
#memberlist {
	text-align: left;
	margin-left: 15px;
	width: 216px;
}
#membertitle {
	width: 246px;
	height: 40px;
	font-family: tahoma, arial, verdana;
	font-size: 11px;
	font-weight: bold;
	color: #CFCFCF;
	text-decoration: none;
	text-align: left;
}
#memberlist ul {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #777777;
	display: block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	line-height: 17px;
}
#news     p {
	text-decoration: none;
	font-family: tahoma, arial, verdana;
	font-size: 11px;
	font-weight: bold;
	color: #cfcfcf;
	padding-left: 15px;
	padding-top: 8px;
	margin: 0px;
}
#membertitle p {
	font-family: tahoma, arial, verdana;
	font-size: 11px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	text-align: left;
	padding-top: 12px;
	padding-left: 15px;
	margin: 0px;
}
#memberlist ul li {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #777777;
	display: block;
	list-style-type: none;
	background-image: url(../img/blue_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 0.6em;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#latestprojectstitle {
	height: 35px;
	width: 590px;
	background-image: url(../img/projects_title.gif);
	margin-bottom: 32px;
	clear: both;
}

.webcontentbig a
{
color:#000 
}
.webcontentbig a:link
{
color:#000
}

#memberlist ul li a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #777777;
}
#memberlist ul li a:link {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #777777;
}
#memberlist ul li a:hover {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ce8300;
}
#webtitle {
	height: 25px;
	width: 590px;
	background-image: url(../include/title.gif);
	margin-bottom: 7px;
	clear: both;
}
#webtitle  p{

	color:#ce8300;
	font-size:12px;
	padding-left:20px

}
#project1 {
	height: 228px;
	float: left;
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 33%;
}
#project2 {
	height: 228px;
	width: 33%;
	float: left;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#project3 {
	height: 228px;
	width: 33%;
	float: left;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#project4 {
	height: 228px;
	width: 33%;
	float: left;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#project5 {
	height: 228px;
	width: 33%;
	float: left;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#project6 {
	height: 228px;
	width: 33%;
	float: left;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#project7 {
	height: 228px;
	width: 33%;
	float: left;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#project8 {
	height: 228px;
	width: 33%;
	float: left;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#project9 {
	height: 228px;
	width: 33%;
	float: left;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#project10 {
	height: 228px;
	width: 33%;
	float: left;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#project11 {
	height: 228px;
	width: 33%;
	float: left;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#project12 {
	height: 228px;
	width: 33%;
	float: left;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#project13 {
	height: 228px;
	width: 33%;
	float: left;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#project14 {
	height: 228px;
	width: 33%;
	float: left;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#project15 {
	height: 228px;
	width: 33%;
	float: left;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#project16 {
	height: 228px;
	width: 33%;
	float: left;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#project17 {
	height: 228px;
	width: 33%;
	float: left;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#project18 {
	height: 228px;
	width: 33%;
	float: left;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

#project1 p {
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#project2 p {
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#project3 p {
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#project4 p {
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#project5 p {
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#project6 p {
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#project7 p {
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#project8 p {
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#project9 p {
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#project10 p {
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#project11 p {
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#project12 p {
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#project13 p {
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#project14 p {
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#project15 p {
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#project16 p {
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#project17 p {
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#project18 p {
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

#aboutjohntext {

}
#artwork {
}

#photo {
	float: left;
	width: 110px;
	text-align: left;
}

#projects {
	width: 590px;
	text-align: center;
}
#checkallprojects {
	float: right;
	height: 30px;
	width: 200px;
}
#checkallprojects p {
	margin: 0px;
	padding-top: 8px;
	padding-left: 23px;
}
#aboutjohninsidetitle {
	height: 31px;
	width: 590px;
	background-image: url(../img/titles/about_john_title.gif);
	margin-bottom: 19px;
}
#backtohomepage {
	text-decoration: none;
	height: 31px;
	width: 246px;
	background-image: url(../img/back_news.jpg);
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
#backtohomepage p {
	text-decoration: none;
	margin: 0px;
	padding-top: 8px;
	padding-left: 8px;
}
#specialthankstitle {
	height: 31px;
	width: 590px;
	background-image: url(../img/titles/specialty_title.gif);
	margin-bottom: 19px;
}
#specialthnakstext {
	width: 550px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
}
#contactstitle {
	height: 31px;
	width: 590px;
	background-image: url(../img/titles/contact_title.gif);
	margin-bottom: 19px;
}
#x2interactiveinfo {
	width: 216px;
	margin-left: 15px;
	margin-top: 10px;
}
#activeclients {
	height: 25px;
	width: 590px;
	background-image: url(../img/titles/clients_active.gif);
	margin-bottom: 20px;
	clear: both;
}
#activeclientscontent {
	margin-right: 20px;
	width: 420px;
	margin-left: 20px;
}
.clientslist {
	width: 50%;
	float: left;
	text-align: center;
}
.clientslist  ul  li {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	display: block;
	list-style-type: none;
	background-image: url(../img/blue_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 0.5em;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	text-align: left;
}
.clientslist  ul {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #777777;
	display: block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	line-height: 17px;
}
.clientslist  ul  li  a {
	color: #777777;
	text-decoration: none;

}
.clientslist  ul  li  a:link {
	color: #777777;

}
.clientslist  ul  li  a:hover {
	color: #ce8300;

}
.clientslist  ul  li  a:visited {
	color: #353535;

}
#contactform {
	width: 550px;
	margin-right: 20px;
	margin-left: 20px;
}
#portfoliotitle {
	height: 31px;
	width: 590px;
	background-image: url(../img/titles/portfolio_title.gif);
	margin-bottom: 30px;
}
#contacttitle {
	height: 31px;
	width: 590px;
	background-image: url(../img/titles/contact_title.gif);
	margin-bottom: 19px;
}
#webcontent {
	width: 550px;
	margin-right: 20px;
	margin-left: 20px;
}
#bannertable {
	text-align: center;
	margin-top: 85px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.middle_x2interactive {
	vertical-align: middle;
	margin-right: 5px;
	margin-left: 5px;
}
.newstitles p {
	width: 210px;
	clear: both;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 14px;
}
.newstitles h1 {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #cfcfcf;
	text-decoration: none;
}
.newstitles h1 a {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #aaaaaa;
	text-decoration: none;
	padding: 0px;
}
.copyright_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #777777;
}

#webtext {
	width: 425px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
}

#webtextbig {
	width: 550px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	
}

#webtext p, #webtextbig p , #webtextbig li{
	margin: 0px;
	padding: 0px;
	color:#999999;
	padding-bottom:8px;
}
#webtext h1, #webtextbig  h1 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 11px;
	color: #ce8300;
	text-decoration: none;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
}

#webtext h2, #webtextbig h2 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 11px;
	color: #999999;
	text-decoration: none;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
}

#webtext h3, #webtextbig h3 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
}

#webtext p a ,#webtextbig p a{
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 11px;
	color: #777777;
	text-decoration: underline;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
}
#webtext p a:hover, #webtextbig p a:hover{
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 11px;
	color: #ce8300;
	text-decoration: underline;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
}
.newstitles p a {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 11px;
	color: #777777;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #777777;  
	text-decoration: none; 
	padding: 0 0 2px 0
}
.newstitles p a:hover {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 11px;
	color: #ce8300;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
		border-bottom: 1px dotted #ce8300;  
	text-decoration: none; 
	padding: 0 0 2px 0
}
.darken {
	color: #888787;
}
#aboutjohntext h1 {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #777777;
	text-decoration: none;
	display: none;
}
#x2interactiveinfo img {
	margin-left: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 10px;
}
#project19 {
	height: 228px;
	width: 33%;
	float: left;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#project19 p {
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.latestproject  p {
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.latestproject {
	height: 228px;
	width: 195px;
	float: left;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.newstitles h1 a:hover {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #777777;
	text-decoration: none;
	padding: 0px;
}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.IMMAGINELEFT
{
margin-right:10px;
margin-bottom:2px;
float:left;
}
.IMMAGINERIGHT
{
margin-left:10px;
margin-bottom:2px;
float:right;
}

#artwork {
	margin-bottom: 20px;
	text-align: center;
}
#webdesignblog {
	clear: both;
	text-align: center;
	padding-top: 25px;
}
#space {
	clear: both;
	text-align: center;
	padding-top: 10px;
}


#web_designer_john_efstathiou {
	height: 1px;
}

#adressleft
{
width:200px;
float:left;
}
#adressright
{
width:200px;
float:right;
}
.orange
{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 14px;
color:#ce8300;
}

.gray
{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 14px;
color:#999999;
}


/*Scrollbar fissa per Firefox*/
html{
overflow:-moz-scrollbars-vertical;
}

/*MENU*/

.images {background:#c00; width:20px; padding:1px;} /* not part of the menu */

#outer {padding:0px 0; height:29px; border:0px solid #a50; border-color:#a50 #fa5 #610 #fa5; background:#000000 url(../img/grad2.gif) repeat-x bottom left; margin:0px 0 0px 0; font-family:Arial, Helvetica, sans-serif;}

#point {display:table; padding:0; margin:0 0; list-style:none; white-space:nowrap;}
#point li {display:inline; margin:0; padding:0;}
#point li a {float:left; font-family:Arial, Helvetica, sans-serif; font-size:9px; height:3.1em; line-height:3.1em; letter-spacing:1px; padding:0 1em; text-decoration:none; color:#aaaaaa; background:#f2a057 url(../img/grad2.gif) repeat-x bottom left; border-right:1px solid #444444; border-left:0px solid #fb6;}
#point li a:hover, #point li a.current {background:#000000 url(../img/down_arrow.gif) no-repeat center top; color:#dedede;}
#point li a:hover b, #point li a.current b {display:block; float:left; background:transparent url(../img/up_arrow.gif) no-repeat center bottom; cursor:pointer}