body {
	background-position: right bottom;
	padding: 0px;
	margin: 0px;
	/*  
	background-image: url('images/RS_background6.gif'); */
	background-repeat: no-repeat;
}

/* thumbnail gallery */
.gallerycell
{
	background-position: 0px -1px;
	padding: 0px;
	margin: 14px 24px 10px 0px;
	background-image: url('images/thumbdropshadow.gif');
	width: 110px;
	float: left;
	text-align: left;
	vertical-align: top;
	height: 108px;
	background-repeat: no-repeat;
}


#pagelinks {
	clear: left;
	padding: 0px;
	margin: 0px;
	width: auto;
}



#logo a {
	width: 195px;
	height: 60px;
	display: block;
}
#logo a:active {
	background-color:transparent; 
}

/* Navigation */
#leftnav ul {
	margin: 18px 0px 0px 4px;
	padding: 0px;
	list-style: none;
}
#leftnav ul li {
	margin: 0px;
	padding: 0px;
	text-align: center;
}


#staff {
	margin-left: 25px;
}


a.leftnav:hover
{
	CURSOR: hand;
	text-decoration: underline;
}
.leftnav
{
	padding: 4px 2px 4px 2px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	MARGIN: 4px 0px 0px 0px;
	CURSOR: hand;
	COLOR: #515151;
	FONT-FAMILY: verdana, arial, helvetica;
	LETTER-SPACING: -0.5pt;
	TEXT-DECORATION: none;
	width: 108px;
	display: block;
}
a:active.leftnav
{
    COLOR: #5b0572;
    BACKGROUND-COLOR: #ffffff
}
.here
{
}
:hover.here
{
}
.toplink
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #e8f1fa;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
A.toplink
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	COLOR: #999999;
	FONT-FAMILY: Verdana;
	TEXT-DECORATION: none;
}
a:hover.toplink
{
	COLOR: #763389;
	TEXT-DECORATION: underline;
}

/* Content Styles */

.PictureTitle
{	margin-bottom: 0px;
}
H1
{
	MARGIN-TOP: 10px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 98%;
	MARGIN-BOTTOM: 7px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif, Verdana;
	LETTER-SPACING: 2px;
	text-transform: uppercase;
}
H2
{
	PADDING-LEFT: 0px;
	FONT-SIZE: 100%;
	PADDING-BOTTOM: 2px;
	MARGIN: 10px 0px 9px 0px;
	COLOR: #333333;
	LINE-HEIGHT: 10pt;
	PADDING-TOP: 2px;
	FONT-FAMILY: Arial, Helvetica, sans-serif, Verdana;
	TEXT-DECORATION: none;
	text-transform: uppercase;
	clear: left;
}
H3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 70%;
    COLOR: #009190;
    FONT-FAMILY: Verdana;
    width: 100%;
	padding-bottom: 2px;
    border-bottom-style: solid;
    border-bottom-width: 1;
}
H4
{
    FONT-SIZE: 70%;
	FONT-FAMILY: Verdana;
	COLOR: #763389;
}

.h1links
{
    MARGIN-TOP: 2px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 100%;
    MARGIN-BOTTOM: 7px;
    COLOR: #00918D;
    FONT-FAMILY: Verdana;
    LETTER-SPACING: 2px;
    FONT-VARIANT: small-caps;
    
}

P
{
    margin: 15px 3px 15px 3px;
    FONT-SIZE: 75%;
    COLOR: #6E6E6E;
    LINE-HEIGHT: 160%;
    FONT-FAMILY: Verdana;
    font-weight: normal;
}
LI
{
	FONT-SIZE: 75%;
	FONT-FAMILY: Verdana;
	color: #999999;
}
A
{
	FONT-WEIGHT: bold;
	COLOR: #999999;
	FONT-FAMILY: Verdana;
	TEXT-DECORATION: none;
}
A:hover
{
    COLOR: #0000a0;
    TEXT-DECORATION: underline; 
    
}
A:active
{
    COLOR: #ffffff;
    BACKGROUND-COLOR: #000080
}
ul.clients
{
    MARGIN-LEFT: 12px; margin-top: 4px;
    list-style:none; padding:0px 0px 0px 0px; margin-bottom:25px; 
    
}
ul.clients li
{
	padding:0px 0px 0px 0px; margin-left: 0px; list-style:none; list-style-type:none; FONT-FAMILY: Verdana; font-size:8pt; margin-bottom: 5px;
}
.purple
{
    COLOR: #54006b;
    TEXT-DECORATION: none
}
.green
{
    COLOR: #009291;
    TEXT-DECORATION: none
}
.cellsbg
{
	FONT-FAMILY: Verdana;
}
.tablestripes
{
}
.tablestripes2
{
	BACKGROUND-COLOR: #DFDFDF;
}
.date
{
    FONT-STYLE: italic
}
INPUT.formbutton
{
    BORDER-RIGHT: #39004a 2px solid;
    BORDER-TOP: #964ec0 2px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 75%;
    BORDER-LEFT: #964ec0 2px solid;
    COLOR: #ffffff;
    BORDER-BOTTOM: #39004a 2px solid;
    FONT-FAMILY: verdana, arial, helvetica;
    BACKGROUND-COLOR: #886b97;
    TEXT-DECORATION: none
}
INPUT.formfield
{
}



A.prevnext
{
    FONT-SIZE: 75%;
    FONT-FAMILY: Verdana
}

A#showotherprojects
{
	FONT-SIZE: 60%;
	FONT-FAMILY: Verdana;
	font-weight: normal;
	margin-top: 25px;
}



.pagelinks {
	font-size: 70%;
	margin-top: 2;
	margin-bottom: 2;
}
.pagelinksbck  {
	color: #999999;
	background-color: #F5F5F5
}
.toplinks {font-size: 60%;}

div.gallerycell img
{
	text-align: center; 
	-ms-interpolation-mode:bicubic; 
	image-rendering:auto
}
div.gallerycell a
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 100px;
	height: 100px;
	display: block;
	background-color: #FFFFFF;
	vertical-align: middle;
}
div.gallerycell a:active {
	background-color: #FFFFFF;
}
.webkit div.gallerycell a
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 100px;
	height: 100px;
	display: block;
	background-color: #FFFFFF;
}


div.gallerycell a span {
	display: none;
	

}
/* */
div.gallerycell a:hover span {
	position: absolute;
	top: 14px;
	left: 0px;
	font-size: xx-small;
	width: 102px;
	background-color: #EAEAEA;
	padding: 2px;
	text-align: center;
	filter: alpha (opacity=80);
	-moz-opacity:0.8; opacity:0.8; -khtml-opacity:0.8;
	text-decoration: none;
	color: #000000;
	cursor: pointer;
	display: block;
	visibility: visible;
}

div.gallerycell a:hover {
	text-decoration: none;
	background-color: #FFFFFF;
}

/* Colors for each section */
.printsection {
	color: #2E9398;
}


#printbutton {
	color: #2E9398;
}
.environsection {
	color: #62006D;
}
#environbutton {
	color: #62006D;
}
.internetsection {
	color: #C23901;
}
#internetbutton {
	color: #C23901;
}
.identitysection {
	color: #57A3D6;
}
#identitybutton {
	color: #57A3D6;
}
.clientssection {
	color: #27AF62;
}
#clientsbutton {
	color: #27AF62;
}
.homesection {
	color: #A6A7A7;
}
#homebutton {
	color: #A6A7A7;
}

.motionsection {
	color: #FFCC00;
}
#motionbutton {
	color: #FFCC00;
}

/* End Colors for each section */

#logo a h1 {
	display: none;
}
.clientpicture {
	margin-top: 0px;
	color: #C0C0C0;
}
.auto-style1 {
        width: 583px;
        height: 26px;
    }
        .auto-style2 {
            width: 269px;
            height: 173px;
        }
        .auto-style3 {
            width: 158px;
            height: 286px;
            float: left;
            margin-right: 12px;
        }



ul#subcategorieslist { padding: 0px; margin: 0px; margin-bottom: 4rem;  }
#subcategorieslist li { float: left; list-style-type: none; display: block; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 15px; margin-right: 15px; margin-top: 5px; margin-bottom: 0px; margin-left: 0px;
}
#subcategorieslist li a { font-weight:normal!important; font-size:10px; margin: 0px; padding: 0px;
	}
div#whatsnew { max-width: 583px; clear: both;
	}	
div#whatsnewheader { max-width: 583px; background-image: url(images/whats_new_header.gif); margin-bottom: 10px; height: 26px; }	
div#whatsnewheader h2 {display: none; }
div#whatsnewcol1 { width: 50%; float: left; padding-right: 15px;}
div#whatsnewcol2 { width: 40%; float: left;}

@media (min-width: 800px){
	
	#topnav {
    margin: 0px;
    padding: 50px 0px 0px 155px;
    float: none;
    display: block;
}
#topnav ul {
	padding: 0px;
	margin: 0px;
	display: block;
}
#topnav ul li {
	margin: 0px;
	border-left: 0px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-top: 0px solid #FFFFFF;
	border-bottom: 0px solid #FFFFFF;
	padding: 2px 0px 2px 20px;
	list-style: none;
	float: left;
	text-align: center;
}
#leftnav {
	width: 159px;
	float: left;
	padding: 0px;
	height: 158px;
}
#header {
    background-position: -2px 5px;
    border-left: 0px solid #DFDFDF;
    border-right: 0px solid #DFDFDF;
    border-top: 0px solid #DFDFDF;
    border-bottom: 2px solid #DFDFDF;
    margin: 0px 0px 0px 159px;
    height: 77px;
    width: 585px;
    background-color: #FFFFFF;
	background-repeat: no-repeat;
    background-image: url('images/GUI_header2014.gif');
	/*background-image: none,url('images/GUI_header2014.svg'), url('images/GUI_header2014.gif'); 
	background-width: 585px; background-height: 55px; background-size:contain; */
    
	
}
	.no-svg #header	{background-image: url('images/GUI_header2014.gif');}
	.svg #header {background-image: url('images/GUI_header2014.svg');}

   #contentrow {
	min-width: 743px;
	display: block;
	clear: both;
	width: 100%;
	height: auto;
}
	
.galleryrow {
	padding: 0px;
	margin: 0px;
	clear: left;
	max-width: 600px;
	height: auto;
	width: 549px;
	display: block;
	text-align: center;
}
#content {
	padding: 7px 0px 10px 0px;
	margin: 0px;
	width: 591px;
	float: left;
}
#content img { max-width:100%;height:auto;}

#sidegraphic {
    height: 62px;
    width: 395px;
    display: block;
    float: left;
    text-align: right;
}
#logo {
    background-position: -15px 3px;
    width: 186px;
    float: left;
    top: 0px;
    right: 0px;
    background-repeat: no-repeat;
    height: 62px;
    display: block;
}
#footer {
	padding: 26px 10px 10px 10px;
	height: 23px;
	clear: both;
	background-color: #FFFFFF;
	width: 703px;
}
.picturepageimage {
	text-align: center;
	overflow: hidden;
	width: 600px;
}
div#projectcontent {  margin-left: 0px;}


}

@media (max-width: 800px){
	

#header {
    background-position: -2px 5px;
    border-left: 0px solid #DFDFDF;
    border-right: 0px solid #DFDFDF;
    border-top: 0px solid #DFDFDF;
    border-bottom: 0px solid #DFDFDF;
    margin: 5px;
    height: auto;
    width: auto;
	max-width: 585px;
    background-color: #FFFFFF;
    background-image: url('images/GUI_header2014.gif');
	
    background-repeat: no-repeat;
    background-size: contain;
	padding-bottom: 25px;
}
	.no-svg #header	{background-image: url('images/GUI_header2014.gif');}
	.svg #header {background-image: url('images/GUI_header2014.svg');}
	
	
#content {
	padding: 0px 5px 0px 5px;
	margin: 0px;
	width: 100%;
	float: left;
}
	#gallery { max-width: 560px; clear: both;}
#sidegraphic {
    width: auto;
    height: auto;
    max-height: 62px;
    max-width: 395px;
    display: block;
    float: none;
    clear: both;
    text-align: right;
}
#logo {
    background-position: -15px 3px;
    width: 186px;
    float: left;
    top: 0px;
    right: 0px;
    background-repeat: no-repeat;
    height: 62px;
    display: block;
}

#logo a {
	width: 195px;
	height: 60px;
	display: block;
}
#logo a:active {
	background-color:transparent; 
}
#leftnav {
	width: auto;
	padding: 3px;
	margin-bottom: 15px;
	clear: both;
	
}
#leftnav ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	display: inline-block;
	background-color: #EDEDED;
	border-bottom: #BFBFBF 2px solid;
	width: 100%;

}
#leftnav ul li {
	margin: 0px;
	padding: 0px;
	text-align: center;
    float: left;
	list-style-type: none;
}
#topnav {
    margin-top: 5px;
    padding: 0px;
    float: left;
    display: block;
	clear: both;
	width: auto;
}
#topnav ul {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	display: block;
	clear: both;
}
#topnav ul li {
	margin: 0px;
	border-left: 0px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-top: 0px solid #FFFFFF;
	border-bottom: 0px solid #FFFFFF;
	padding: 2px 0px 2px 20px;
	list-style: none;
	float: left;
	text-align: center;
}
#footer {
	padding: 26px 10px 10px 10px;
	height: 23px;
	clear: both;
	background-color: #FFFFFF;
	width: auto;
}
.picturepageimage {
	text-align: center;
	overflow: hidden;
	width: 100%;
	max-width: 600px;
}
}

@media (max-width: 460px){
	#header {
    background-position: -2px 5px;
    border-left: 0px solid #DFDFDF;
    border-right: 0px solid #DFDFDF;
    border-top: 0px solid #DFDFDF;
    border-bottom: 0px solid #DFDFDF;
    margin: 5px;
    height: auto;
    width: auto;
	max-width: 195px;
    background-color: #FFFFFF;
    background-image: url('images/RS_web_demo_03.gif');
	
    background-repeat: no-repeat;
    background-size: contain;
	padding-bottom: 25px;
}
	.no-svg #header {background-image: url('images/RS_web_demo_03.gif');}
	.svg #header {background-image: url('images/RS-LOGObw2.svg'); }
div#whatsnew { width: 90%; max-width: 583px;
	}	
div#whatsnewheader { max-width: 583px; width: 100%; background-image: url(images/whats_new_header.gif); margin-bottom: 10px; height: 26px;}	
div#whatsnewcol1 { width: 100%; float: left;}
div#whatsnewcol2 { width: 100%; float: left; margin-top: 15px;}
	
	
}

/* Home page rules (from the original index page) */
#frontpagetop {
        margin-right: 1px;
        margin-top: 13px;
        display: block;
        clear: both;
        margin-bottom: 13px;
    }
    #3dlogo {
        float: left;
        display: block;
        margin-bottom: 5px;
    }
    #frontpagetop p {
        margin-top: 19px;
    }
#news {
	clear: both;
	display: block;
}
#mainnewsimage {
	float: right;
	margin-right: 13px;
	margin-left: 13px;
}
#mainnews {
}
.hidden {
	display: none;
}