/*
CSS: eKink
Copyright(C)2008 eKink. All rights reserved.
*/

/* --------------------------------------------------------------- MAIN */
body {
	background-color: #333332;
	background-image: url(background.jpg);
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}
form {
	margin: 0;
	padding: 0;
}
table {
	margin: 0px;
	padding: 0px;
}
p {
	text-align: justify;
}

a {
	color: #000000;
}
a:hover {
/*	color: #E40000;*/
	color: #CCCCCC;
}

div {
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
}

/* --------------------------------------------------------------- MESSAGE and ERROR */
div.message {
	background-color: #EEFFEE;
	border: 1px solid #66CC00;
	border-collapse: collapse;
	margin: 5px 0 15px 75px;
	padding: 10px 0 10px 15px;
	width: 475px;
}
div.error {
	background-color: #FFF4FB;
	border: 1px solid #CC0044;
	border-collapse: collapse;
	margin: 5px 0 15px 75px;
	padding: 10px 0 10px 15px;
	width: 475px;
}


/* ------------------------------------------------------------- HEADER */
div.header {
/*	background-color:#FF99FF;*/
	height: 82px;
	margin: auto;
	width: 650px;
}
div.header img {
	padding-top: 20px;
	border: none;
}
div.header h1 {
	font-size: 12px;
	padding: 0px;
	margin: 1px 0 0 4px;
}


/* ------------------------------------------------------------- MAIN MENU */
div.mainMenu {
/*	background-color: #00FF00;*/
	height: 26px;
	margin: auto;
	padding-top: 10px;
	width: 650px;
}
div.mainMenu a {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	margin: 0 20px 0 0;
	text-decoration: none;
}
div.mainMenu a:hover {
/*	color: #E40000;*/
	color: #AAAAAA;
	border-bottom: 1px solid #CC0000;
}

/* ------------------------------------------------------------- CONTENT */
div.content {
	background-color: #E1E1E1;
	border: 1px solid #AAAAAA;
	color: #000000;
	margin: 15px auto 0;
	padding: 10px;
	width: 630px;
	position: relative;
	z-index: 2;
}
div.content h1 {
	font-size: 14px;
	margin: 5px 0px 10px 0px;
}
div.content h2 {
	font-size: 12px;
	margin: 5px 0px 10px 0px;
}
div.content p {
	margin: 5px 0px 10px 0px;
}

/* ------------------------------------------------------------- BANNER */
div.banner {
	background-color: #999999;
	border: 1px solid #FFFFFF;
	height: 150px;
	margin: 15px auto 0;
	padding: 0px;
	width: 650px;
}
div.banner h1 {
	font-size: 16px;
	margin: 35px 0 0 225px;
}
div.banner img {
	border: none;
	padding: 5px;
}

/* ------------------------------------------------------------- LATEST WORK */
div.latestWork {
	background-color: #999999;
	border: 1px solid #FFFFFF;
	margin: 15px auto 0;
	width: 650px;
}
div.latestWork h1 {
	font-size: 14px;
	margin: 5px 5px 3px 5px;
}
div.latestWork img {
	border: none;
	padding: 5px;
}

/* ------------------------------------------------------------- floaters */
#img_content1 {
	background-image: url(../images/img_content1.gif);
	bottom: 0px;
	height: 200px;
	left: 530px;
	position: absolute;
	width: 119px;
}
/*
#background {
	background-image: url(../assets/alt.gif);
	height: 423px;
	left: 50%;
	margin-left: -471px;
	position: absolute;
	top: 145px;
	width: 976px;
	z-index: 1;
}*/


/* ------------------------------------------------------------- FOOTER */
div.footer {
	margin: 10px auto;
	padding: 5px;
	text-align: center;
	width: 650px;
}
div.footer a {
	color: #AAAAAA;
	font-size: 10px;
	text-decoration: none;
	padding: 7px 3px 5px 3px;
}
div.footer a:hover {
/*	background-color: #C40000;*/
	color: #FFFFFF;
}


/* ------------------------------------------------------------- STANDARD LIST */
li {
	list-style-position: outside;
	list-style:url(bullet_2.gif);
	padding: 4px 0 4px 0;
	margin-left: 22px;
}


/* ------------------------------------------------------------- INFO DIV */
div.info {
	padding: 10px 0 0 100px;
}


/* ------------------------------------------------------------- PORTFOLIO TABLE */
table.portfolio {
	background-color: #FAFAFC;
	border-collapse: collapse;
	padding: 10px 0 10px 0;
	margin-top: 10px;
}
table.portfolio th {
	background-color: #999999;
	color: #FFFFFF;
	padding: 3px 3px 3px 6px;
	text-align: left;
}
table.portfolio td {
	vertical-align: top;
	padding: 5px;
}
table.portfolio a {
	color: #C40000;
}
table.portfolio a:hover {
	color: #000000;
}
table.portfolio img {
	border: 1px solid #C40000;
}


/* ------------------------------------------------------------- INPUT TABLE */
table.input {
	background-color: #FAFAFC;
	border-collapse: collapse;
/*	margin: 20px 0 0 75px;*/
	padding: 0px;
/*	width: 500px;*/
	width: 100%;
}
table.input tr.header {
	background-color: #6C6C6C;
	color: #FFFFFF;
	text-align: left;
}
table.input th {
	padding: 2px 15px 0 0;
	text-align: right;
	width: 125px;
	vertical-align: top;
}
table.input th.highlight {
	background-color: #EAEAEC;
	border-top: 1px solid #C40000;
	padding: 3px 0 3px 6px;
	text-align: left;
}
table.input tr.header th {
	padding: 4px 0 4px 8px;
/*	width: 472px;*/
	text-align: left;
}
table.input td {
	padding: 1px;
}
table.input td a.right {
	float: right;
	padding-right: 10px;
}
table.input input, table.input select {
	border-collapse: collapse;
	border: 1px solid #000000;
	margin: 3px 0 3px 2px;
	padding: 0 0 0 3px;
	width: 150px;
}
table.input textarea {
	border: 1px solid #000000;
	padding: 2px 0 0 3px;
}
table.input input.checkbox {
	border: none;
	width: 20px;
}
table.input div.required {
	display: inline;
	font-size: 18px;
	font-weight: bold;
	color: #CC0044;
	padding-left: 5px;
	vertical-align: top;
}