/* Body */

* {
	margin: 0;
	padding: 0;
}

body {
	background: url(images/bg2.jpg) fixed repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .85em;
	color: #333333;
	text-align: center;
}

h1, h2, h3, h4 {
	color: #333333;
	font-weight: normal;
}

h1{
	margin: 0px 25px 20px 0px;
	padding: 10px 0px 10px 0px;
	letter-spacing: 3px;
	font-size: 1.5em;
	border-bottom: 1px #CCCCCC solid;
}

h2{
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	letter-spacing: 3px;
	font-size: 1.1em;
}

h3{
	margin: 0;
	padding: 10px 0px 0px 0px;
	letter-spacing: 3px;
	font-size: 1.1em;
}

h4{
	margin: 20px 25px 0px 0px;
	padding: 0px 0px 20px 0px;
	letter-spacing: 3px;
	font-size: 1em;
}

img {
	border: none;
}

img.border {
	border: 1px solid #CCCCCC;
}

img.corporate-logo {
	margin: 10px 15px 15px 100px;
}

p{
	line-height: 1.7em;
	margin: 10px 0px 0px 0px;
	padding: 0px 20px 5px 0px;
}

.top-indent-1{
	margin: 0px 25px 0px 0px;
	padding: 0px 0px 10px 0px;  
	display: block;
	border-bottom: 1px #CCCCCC solid;
}

.top-indent-2{
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
}

.top-indent-3{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px #CCCCCC solid;
	display: block;
}

.top-indent-4{
	margin: 0px 0px 0px 0px;
	padding: 200px 0px 0px 0px;
	border: 0px #CCCCCC solid;
	display: block;
}

.border-bottom-1{
	display: block;
	margin: 10px 35px 30px 0px;
	padding: 0px 10px 20px 0px;
	border-bottom: 1px #CCCCCC solid;
}

/* start 3-column middle box (homepage)*/

#box{ 
	display: block; 
	width: 632px;
	height: 335px;
	background: url(images/sitebox.jpg) no-repeat; 
	margin: 30px 0px 0px 0px;
	padding: 17px 0px 25px 0px; 
	border: 0px #CCCCCC solid;
}

#box h3 {
	color: #FFFFFF;
}

.left{
	float: left; 
	width: 162px;
	margin: 0px 16px 0px 0px;
	padding: 0px 0px 0px 18px; 
	display: block; 
	border: 0px #CCCCCC solid;
}

.middle{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px; 
	float: left; 
	width: 220px; 
	display: block; 
	border: 0px #CCCCCC solid;
}

.right{
	float: right; 
	width: 170px; 
	display: block;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 10px; 
	border: 0px #CCCCCC solid;
}

/* end 3-column middle box */

/* layout for process page */

h1.process {
	margin-top: 40px;
}

ol.process {
	list-style-position: outside;
	margin: 12px 30px 0px 28px;
}

/* end layout for process page */

blockquote{
	margin-bottom: 1.8em;
	line-height: 180%;
}

ul, ol {
	list-style-position: inside;
	margin-left: 1em;
	margin-bottom: 1.5em;
}

li{
	margin-bottom: 1.2em;
}

a {
	color: #2200CC;
}

a:hover {
	text-decoration: none;
}

.bold{
	font-weight: bold;
}

.italic{
	font-style: italic;
}

/* start form */

#contact-form{
	width: 325px; 
	overflow: hidden;
	text-align: right;
	padding: 10px 0px 20px 0px;
	margin: 30px 0px 0px 0px;
}

#contact-form .box-1{
	width: 320px; 
	padding: 7px 0px 7px 0px;
}

#contact-form .box-1 div{
	height: 26px;
}

#contact-form .box-2{
	width: 320px; 
	margin-top: 15px;
}

#contact-form .box-3{
	width: 270px; 
	margin: 10px 0px 0px 0px;
	padding-right: 35px;
}

#contact-form input{
	width: 184px; 
	height: 17px;
	margin: 0px 0px 0px 0px;
}

#contact-form .buttons input{
	width: 54px; 
	height: 25px;
	margin: 0px 0px 0px 0px;
	padding-left: 10px;
	border: 1px solid #000000;
}

#contact-form textarea{
	width: 245px; 
	height: 71px; 
	overflow: hidden; 
	margin-bottom: 20px;
}

#contact-form a{
	float: right; 
	margin-left: 23px;
}

input, textarea, select{
	color: #191919; 
	vertical-align: top; 
	text-align: left; 
	border: 2px solid #CCCCCC; 
	font: 11px Tahoma, Arial, helvetica, sans-serif; 
	padding-left: 5px;
}

/* end form */

/*  start Menu */
/*
#menu-back{
	width: 160px;
	border: 1px #000000 solid;
	padding: 0px 0px 0px 10px;
	background: #999999;
}
*/

#menu-wrapper { 
	width: 940px;
	height: 40px;
	margin: 0 auto;
	margin-bottom: 6px;
	margin-top: 2px;
	background: #AFB2BB;		
	border: 0px #333333 solid; 
	padding-bottom: 1px;
}

#menu {
	width: 940px;
	height: 35px;
	margin: 0 auto;
	padding-left: 0px;
	margin-bottom: 0px;
}

#menu ul {
	margin: 0;
	padding: 2px 0px 0px 1px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu li.first a{
	text-decoration: none; 
	background: url(images/menu-sprite.jpg) repeat-x;
	background-position: 0px -37px;
	color: #A2A2A2;
}

#menu a {
	display: block;
	float: left;
	height: 25px;
	width: 134px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 2px 0px;
	background: url(images/menu-sprite.jpg) repeat-x;
	background-position: 0px 0px;
	border-right: 0px solid #D5D7DD;
	text-align: center;
	font-size: 1.1em;
	letter-spacing: 1px;
	font-weight: bold;
	color: #484848;
	text-decoration: none;
}

#menu a:hover {
	background: url(images/menu-sprite.jpg) repeat-x;
	background-position: 0px -37px;
	text-decoration: none;
	color: #A2A2A2;
}

#menu a .current{
	text-decoration: underline;
}


/* end menu */

/* Header */

#header {
	width: 940px;
	height: 175px;
	margin: 0 auto;
	background: url(images/img2.jpg) repeat-x;
	text-align: center;
	margin-top: 10px;
}

#header a {
	text-decoration: none;
	text-transform: uppercase;
	color: #000000;
}

#header h1 {
	padding-top: 50px;
	letter-spacing: 4px;
	font-size: 36px;
}

#header h2 {
	letter-spacing: 8px;
	font-size: 1em;
}

/* Page wrapper*/

#page {
	background: url(images/page-background.png) repeat-y;
	width: 940px;
	margin: 0 auto;
	text-align:left;
	margin-bottom: 10px;
	margin-top: 0px;
	padding: 0px 0px 0px 0px;	
}

/* Columns */

#col-1 {
/*	background: #00CCCC url(images/img3.jpg) repeat-x;	*/
	float: left;
	width: 200px;
	margin: 0px 0px 0px 0px;
	border: 0px #FF0000 solid;
	padding: 0px 0px 0px 0px;
/*	background: #00CCCC;	*/
	background: url(images/img3.jpg) repeat-x;	
}

#col-1 .content {
/*	background: url(images/img3.jpg) repeat-x;	*/
	padding: 10px 0px 20px 20px;
	margin: 0px 0px 0px 0px;	
	border: 0px #FF0000 solid;	
}

/* column 1 ads */

#ads {
	margin: 50px 0px 0px 6px;
	padding: 0px 0px 0px 0px;
}

.ad {
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

.address {
	background: #E7EAEF;
	width: 350px;
	border: 1px #CCCCCC solid;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 17px;
	display: block;
/*	clear: both;	*/
}

.address p{
	line-height: 1.2em;
	font-size: .85em;
	margin: 0px 0px 0px 0px;
}

/* column 1 social networking icons */

#social-icons {
	margin: 20px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
}

#social-icons img {
	margin: 10px 10px 0px 0px;
}

#col-2 {
	background: url(images/img3.jpg) repeat-x;	
	margin: 0px 0px 0 210px;
	/*width: 480px;*/
	/*margin-left: 10px;*/
	text-align: left;
}

#col-2 .content {
/*	background: url(images/img3.jpg) repeat-x;	*/
	margin: 0px 0px 0px 0px;	
	padding: 20px 20px 30px 45px;	
	border-top: 0px #000000 solid;
}

/* column 1 and 2 portfolio layout */

#col-2 .portfolio {
	display: inline-block;
	float: left;
	width: 450px;
	padding: 25px 0px 0px 0px;
	margin: 0px 0px 150px 0px;
	border: 0px solid #000000;
}

.portfolio-caption {
	display: inline-block;
	float: left;
	width: 200px;
	margin: 30px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	border: 0px solid #000000;
}

.portfolio-caption p {
	line-height: 1.3em;
	margin: 10px 0px 0px 0px;
	padding: 0px 20px 5px 0px;
}

/* portfolio menu is in column 1 */

#portfolio-menu-wrapper { 
	width: 180px;
	margin-bottom: 5px;
	margin-top: 10px;
/*	background: #CCCCCC;	*/		
	border: 0px #333333 solid; 
	padding-bottom: 1px;
}

#portfolio-menu {
	width: 180px;
	margin: 0 auto;
	padding-left: 0px;
	margin-bottom: 0px;
}

#portfolio-menu ul {
	margin: 0;
	padding: 10px 0px 0px 1px;
	list-style: none;
}

#portfolio-menu li {
	display: block; 
}

#portfolio-menu a {
	display: block;
	float: left;
	height: 25px;
	width: 170px;
	margin: 0px 0px -5px 0px;
	padding: 3px 0px 2px 0px;
/*	background: url(images/menu1.jpg) repeat-x;	*/
	border: 0px solid #333333;
	text-align: left;
	font-size: 1.1em;
	letter-spacing: 1px;
	font-weight: normal;
	color: #2200CC;
	text-decoration: underline;
}

#portfolio-menu a:hover {
/*	background: url(images/menu_act.jpg);	*/
	text-decoration: none;
}

#portfolio-menu li a.current{
	text-decoration: none;
	font-weight: bold;
}

.clear {
	background: #000000 url(images/page-background-bottom.gi) no-repeat;
	clear: both;
	height: 0px;
}

/* Footer */

#footer {
	background: url(images/footer.jpg) repeat-x;
	text-align: center;
	font-size: .85em;
	color: #000000;
	width: 940px;
	height: 50px;
	clear: both;
	margin: 0 auto;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
	border: 0px #000000 solid;
}

#xhtml-valid {
	float: left;
	display: inline;
	margin-left: 20px;
}

#css-valid {
	float: left;
	display: inline;
	margin-left: 10px;
}

#address {
	float: left;
	display: inline;
	margin: 0px 0px 0px 60px;
	padding: 20px 0 0 0;
	line-height: normal;
}

#company-name {
	clear: both;
	margin: 0;
	padding: 10px 0 10px 0;
	line-height: normal;
	color: #FFFFFF;
}

#links {
	margin: 0;
	padding: 20px 0;
	line-height: normal;
}