/* General stuff */
body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	background:url(../images/side_stripe.gif) fixed left repeat-y #262651;
}

a:link, a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}

img.floatleft{
	border: 1px solid #000000;
	margin: 0px 10px 10px 0px;
	float: left;
}

img.floatright {
	border: 1px solid #000000;
	margin: 0px 0px 10px 10px;
	float: right;
}

.clearboth {clear: both;}

.smalltext {font-size:11px;}

/* Page header - the white stripe at the top of the page */
#header {
	margin:0px 0px 0px 150px;
	border:0px;
	height:80px;
	background-color:#ffffff;
	font-size:13px;
}

#header #logo {
	float:left;
	margin:6px;
}

#header #awards {
	float:right;
	margin:6px;
}

#header #contacts_address {
	float:right;
	margin:6px;
}

#header #contacts_other {
	float:right;
	margin:6px;
}

#header #contacts a{color:#000000;}


/* the main body of the page */
#content {
	margin:0px 0px 0px 150px;
	padding:10px;
	height:350px;
	overflow:visible;
	background:url(../images/content_bg.jpg) no-repeat scroll right top;
	color:#ffffff;
	text-align:justify;
}

#content a{color:#ffcc66;}

#photocolumn {
	position:absolute;
	top:90px;
	left:160px;
} 

#photocolumn img {
	border:1px solid #000000;
	margin:0px 0px 10px 0px;
	display:block;
}

#textcolumn {
	width:auto;
	margin:0px 0px 0px 140px;
}

.company ul li, ul li.company {list-style: url(../images/icons/bullets/company.gif);} 
.websites ul li, ul li.websites {list-style: url(../images/icons/bullets/websites.gif);} 
.training ul li, ul li.training {list-style: url(../images/icons/bullets/training.gif);} 
.projects ul li, ul li.projects {list-style:  url(../images/icons/bullets/projects.gif);} 

#content h1	{
	font-size: 14px;
	font-weight: bold;
	padding-left:30px;
	line-height: 25px;
	clear: both;
}

.company h1, h1.company {background: url(../images/icons/headings/company.gif) no-repeat scroll left top;}
.websites h1, h1.websites {background: url(../images/icons/headings/websites.gif) no-repeat scroll left top;}
.training h1, h1.training {background: url(../images/icons/headings/training.gif) no-repeat scroll left top;}
.projects h1, h1.projects {background:  url(../images/icons/headings/projects.gif) no-repeat scroll left top;}

#content h2	{
	font-size: 100%;
	font-weight: bold;
	padding-left:20px;
	line-height: 16px;
	clear: both;
}

.company h2, h2.company {background: url(../images/icons/subheadings/company.gif) no-repeat scroll left top;}
.websites h2, h2.websites {background: url(../images/icons/subheadings/websites.gif) no-repeat scroll left top;}
.training h2, h2.training {background: url(../images/icons/subheadings/training.gif) no-repeat scroll left top;}
.projects h2, h2.projects {background:  url(../images/icons/subheadings/projects.gif) no-repeat scroll left top;}


/* the menu at the side */
#menu {
	position:absolute;
	top:0px;
	left:0px;
	margin:0px 1px;
	padding:0px;
	width:148px;
	overflow:visible;
	background: url(../images/menu_bg.jpg) no-repeat scroll left top #E1A142;
}

#menu h3 {
	height: 25px;
	padding-left:30px;
	margin:0px 0px 5px 0px;
	font-size: 13px;
	color: #ffffff;
	line-height: 25px;
}

#menu h3.company {background:  url(../images/icons/menu/company.gif) no-repeat scroll left top #827562;}
#menu h3.websites {background:  url(../images/icons/menu/websites.gif) no-repeat scroll left top #827562;}
#menu h3.training {background:  url(../images/icons/menu/training.gif) no-repeat scroll left top #827562;}
#menu h3.projects {background:   url(../images/icons/menu/projects.gif) no-repeat scroll left top #827562;}

#menu h3 a{color: #ffffff;}

#menu ul {
	font-size: 80%;
	list-style: none;
	margin: 0px 0px 5px 5px;
	padding-left: 5px;
}

#menu ul li a{color: #000000;}


/* stuff for forms */
div.form_row {
	clear: both;
	margin: 0px;
	padding: 4px 0px 0px 0px;
}

div.form_row span.label {
	float: left;
	width: 200px;
	text-align: right;
}

div.form_row span.element {
	float: left;
	text-align: left;
	margin: 0px 0px 0px 10px;
}

.textbox {
	font-size: 13px;
	width: 240px;
	border: 1px solid #000000;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: 1px solid #000000;
}

textarea.small {
	height: 60px;
	width: 240px;
}

textarea.large {
	height: 120px;
	width: 240px;
}

.link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333366;
	}
	
.text{font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;}
	
	.whitetext{font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;}