html {
	height: 100%;
	min-height:100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #585858;
	background-color: #61573b;
	font: 13px Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	height:auto;
}

body.promo {
	background-image: url(../images/promo-for-scm-newsite.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-attachment: fixed;
}

body.white {
	background-color:#fff;
}

/*  <--------------- LAYOUT ---------------- > */

#wrapper {
	width:100%;
	margin: -20px auto 0 auto;
	text-align:center;
	height:auto;
	min-height:100%;
	background-color: #61573b;
	background-image: url(../images/wrapperback.png);
	background-position: center;
	background-repeat: repeat-y;
}

#content {
	width:980px;
	min-width:800px;
	height:100%;
	padding: 20px 20px 0 20px;
	margin: 0 auto 0 auto;
	text-align:left;
	background-color: #fff;
}

#linedivide {
	width:97%;
	height:1px;
	margin: 0 auto 10px auto;
	border-top: 1px solid #8b9591;
	clear:both;
}

#linedivide.tenhigh {
	margin: 10px 0 10px 0;
}

#linedivide.tentenhigh {
	padding: 20px 0 20px 0;
}

div.tentenhigh {
	padding: 20px 0 20px 0;
}

div.tententenhigh {
	padding: 30px 0 30px 0;
}

#linedivide.footertop {
	width:100%;
	height:1px;
	border-top: 1px solid #61573b;
	margin: 10px 0 10px 0;
}

#contentleftside {
	width:48%;
	margin: 10px 10px 0 0;
	padding: 0 0 0 2px;
	text-align:left;
	float:left;
}

#contentrightside {
	width:48%;
	margin: 10px 2px 0 0;
	padding: 0 2px 0 0;
	text-align:left;
	float:right;
}

#content.textleft {
	text-align:left;
}

p.textleft {
	text-align:left;
}

#logo {
	width:100%;
	height:138px;
	margin: 0 auto 0 auto;
	background-color:transparent;
	background-image: url(../images/temp/riavon09_logo_main.png);
	background-position: center;
	background-repeat: no-repeat;
}

#smart {
	width:100%;
	height:110px;
	margin: 0 auto 0 auto;
	text-align:center;
	background-color:transparent;
	background-image: url(../images/temp/smartandcreative_980.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

#tag {
	width:100%;
	height:66px;
	margin: 20px auto 10px auto;
	text-align:center;
	background-color:transparent;
	background-image: url(../images/temp/tagline_980.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

#ourworkarea {
	width:99%;
	height:auto;
	height:100%;
	min-height:100%;
	margin-top:-12px;
}

#ourworkarealeftleft {
	width:48%;
	height:auto;
	height:100%;
	min-height:100%;
	float:left;
	margin: 10px 12px 0 0;
}

#ourworkareamaincontent {
	width:99%;
	height:auto;
	height:100%;
	min-height:100%;
	float:right;
}

#footer {
	clear:both;
	margin: 0 auto -1px auto;
	padding: 10px 0 10px 10px;
	border-top: 0px solid #8b9591;
	background-color: #fff;
}

#cleardivide {
	width:auto;
	height:1px;
	background-color: transparent;
	margin: 0 auto 0 auto;
	clear:both;
	visibility:hidden;
}

#room {
	width:98%;
	margin: 0 auto 0 auto;
	height:100px;
	visibility:hidden;
}


#middle700 {
	width:700px;
	margin: 0 auto 0 auto;
}


div.centered {
	text-align:center;
}

/* ---------------------------------> IMAGES <--------------------------------- */

img {
	padding:0 0 0 0 ;
	margin: 0 0 0 0;
	border:none;
	background: transparent;
}

img.right {
	text-align:right;
	margin-left:4px;
}

img.left {
	text-align:left;
	margin-right:4px;
}

img.middle {
	display:block;
	width:auto;
	text-align:center;
	margin: 2px auto 2px auto;
}

img.border {
	padding:3px 3px 3px 3px;
	margin: 2px 0 2px 0;
	border: 1px solid #cbcbcb;
}

img.borderright {
	padding:3px 3px 3px 3px;
	margin: 2px 0 2px 0;
	border: 1px solid #cbcbcb;
	text-align:right;
	margin-left:4px;
}

img.borderleft {
	padding:3px 3px 3px 3px;
	margin: 2px 0 2px 0;
	border: 1px solid #cbcbcb;
	text-align:left;
	margin-right:4px;
}

img.bordermiddle {
	padding:3px 3px 3px 3px;
	margin: 2px 0 2px 0;
	border: 1px solid #cbcbcb;
	display:block;
	width:auto;
	text-align:center;
	margin: 2px auto 2px auto;
}


/* ---------------------------------> POSITIONING <--------------------------------- */

.alignleft {
	float:left;
	text-align:left;
	margin-right:10px;
}

.alignright {
	float:right;
	text-align:right;
	margin-left:10px;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.floatleft {
	float:left;
}

img.long {
	margin-bottom:126px;
}

.floatright {
	float:right;
}

.left {
	float:left;
	margin-right:10px;
}

.right {
	float:right;
	margin-left:10px;
}

.fixed, .clear {

	clear:both;
}

img.rightmargin20 {
	margin-right:20px;
}