body{
	margin: 5px;
	padding: 5px;
	line-height: 1.7em;
	font-size: 14px;
	color:#000000;
	BACKGROUND-COLOR: #ffffff;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.pageSettings {
	MARGIN-LEFT: auto;
	WIDTH: 990px;
	MARGIN-RIGHT: auto;
	POSITION: relative;
	BACKGROUND-COLOR: #ffffff;
	TEXT-ALIGN: left;
}

.contentAreaSurround{
	MARGIN-LEFT: auto;
	WIDTH: 990px;
	MARGIN-RIGHT: auto;
	POSITION: relative;
	TEXT-ALIGN: left;
}

.contentArea{
	MARGIN-LEFT: auto;
	WIDTH: 990px;
	MARGIN-RIGHT: auto;
	POSITION: relative;
	TEXT-ALIGN: left;
}

.pageSettingsMain {
	MARGIN-LEFT: auto;
	WIDTH: 990px;
	background: #ffffff;
	MARGIN-RIGHT: auto;
	POSITION: relative;
	TEXT-ALIGN: left;
}

.contentAreaSurroundMain {
	MARGIN-LEFT: auto;
	WIDTH: 990px;
	background: #ffffff;
	MARGIN-RIGHT: auto;
	POSITION: relative;
	TEXT-ALIGN: left;
}

.contentAreaMain {
	MARGIN-LEFT: auto;
	WIDTH: 990px;
	background: #ffffff;
	MARGIN-RIGHT: auto;
	POSITION: relative;
	TEXT-ALIGN: left;
}

middle{
	margin:50px 50px 50px 50px;
}

#connotera{
	float: left;
	width: 720px;
	padding:0px 0px 0px 0px;
}

.primaryNavigation {
	background: #cccccc repeat-x top;
	/* for IE */
	filter:alpha(opacity=70);
	/* CSS3 standard */
	opacity:0.7;
	width: 720px;
	padding:10px 10px 10px 10px;
}

/*Georgia, "Times New Roman", Times, serif;*/



.platform{font-size:72px; font-family:Georgia, "Times New Roman", Times, serif; font-weight: bold; line-height: 1.0em; color:#800000; text-shadow: 0.02em 0.02em #CCC}
.myName{font-size:28px; font-family:Georgia, "Times New Roman", Times, serif; font-weight: bold; line-height: 1.0em; color:#800000; text-shadow: 0.02em 0.02em #CCC}
.myNameMobile{font-size:28px; font-family:Georgia, "Times New Roman", Times, serif; font-weight: bold; line-height: 1.0em; color:#800000; text-shadow: 0.02em 0.02em #CCC}
.workWith{font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; font-weight: bold; line-height: 1.0em; color:#800000; text-shadow: 0.02em 0.02em #CCC}
h1 {font-size:58px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; line-height: 1.0em; color:#000000; text-shadow: 0.02em 0.02em #CCC}
h2 {font-size:32px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color:#707070; line-height: 1.0em; text-shadow: 0.02em 0.02em #CCC}
h3 {font-size:21px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color:#707070; line-height: 1.0em;}
h4 {font-size:18px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color:#000000; line-height: 1.0em;}
h5 {font-size:15px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; color:#000000; line-height: 1.0em;}

.smallertitle{color:#333333; font-size:0.6em;}
a{color:#000000; text-decoration: none; margin:0; }
a:hover {color:#808080; text-decoration: underline;}

.contentArea p, .contentArea li {margin-top: 0px;}

.transparent_class {
	background: #cccccc;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

.transparent_connotera_class {
	background: #ffffff;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

.top-menu-wrapping {
	margin:0px 0px 0px 0px; padding:7px 5px 0px 0px;
	margin: 0px auto;
	padding: 2px 0px 0px 0px;
	width: 990px;
}

.top-menu-wrapping-padding {
	margin: 0px auto;
	padding: 7px 0px 0px 0px;
	width: 97%;
}

.container {
	position: relative;
	height: 30px;
}

.left-element {
	position: absolute;
	left: 0;
	width: 70%;
}

.right-element {
	position: absolute;
	right: 0;
	width: 30%;
	text-align: right; /* depends on element width */
}

.top-left-element {
	position: absolute;
	left: 0;
	width: 50%;
}

.top-right-element {
	position: absolute;
	right: 0;
	width: 50%;
	text-align: right; /* depends on element width */
}

.topBar{
	margin:0px 0px 0px 0px; padding:5px 5px 5px 5px;
	background: #808080;
}

.breadcrumb{
	margin:0px 0px 0px 0px; padding:5px 5px 5px 15px;
	background: #ffffff url(/sets/grey/breadcrumb.png) repeat-x top;
}

.greybreadcrumb{
	margin:0px 0px 0px 0px; padding:5px 5px 5px 5px;
	background: #ffffff url(/sets/grey/breadcrumb.png) repeat-x top;
}

#topsection{
height: 110px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 27px;
}

#contentwrapper{
float: left;
width: 600px;
}

#contentcolumn{
margin: -20px 10px 0px 10px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
	float: left;
	width: 200; /*Width of left column in percentage*/
	margin-left: 0px;
	border: 1px;
}

#rightcolumn{
	float: right;
	width: 290px; /*Width of right column in pixels*/
}

.innertube{
	margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0px;
}

.websearchbar{
	margin:0px 0px 0px 0px; padding:15px 15px 15px 15px;
	background: #eeeeee; repeat-x top;
}

.path{margin:15px 15px 15px 15px; padding:5px 5px 5px 5px; width:95%; background-color:#ffffff; border: 3px solid #ffffff;}

renderedPolymorph{
	border: 3px solid #b8b8b8;
}

label{
	float: left;
	width: 40%;
	font-weight: bold;
}

input, select, textarea{
	width: 140px;
	margin-bottom: 5px;
}

textarea{
	width: 60%;
	height: 250px;
}

.boxes{
	width: 1em;
}

#submitbutton{
	margin-left: 40px;
	width: 10px;
	margin-top: 5px;
}

br{
	clear: left;
}