html{
	margin:0;
	padding:0
}

body{
	background: #000;
	color: #fff;
	font-family: arial, helvetica, lucida, sans-serif;
	font-size: 0.8em;
	margin: 0 auto;
	padding: 0;
}

p{
        text-align: justify;
}

#kl{
	margin: 80px 0 100px 0;
	border-top: 1px solid #6d6d6d;
	border-bottom: 1px solid #6d6d6d;
	padding: 0 0 0 0;
	width: 100%;
}

#seo{
    display: none;
	color: #000;
	font-size: 0.5em;
}

#page{
	width: 900px;
	margin: auto;
}

#pagebody{
	border-bottom: 1px solid #6d6d6d;
	border-left: 1px solid #6d6d6d;
	border-right: 1px solid #6d6d6d;	
	height: 387px;
	margin: 0;
	padding: 0;
}

#rightcol{
	float: right;
	background: #3a3a3a;
	padding: 20px 10px 10px 20px;
	width: 417px;	
	height: 357px;
	margin: 0;
}

#nopadding { padding: 0;0;0;0 }


#leftcol{
	float: left;
	height: inherit;
	height: 357px;
	margin :0;
	padding: 0;
}

#nav{
	clear: both;
}	

#main{
    display: block;
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
	clear: both;
	width: 100%;
}

#main li{
	float: left;
	padding: 0px 5px 2px 5px;
	margin: 0;
}

#sub{
	display: block;
	margin: 0;
	padding: 0;
	clear: both;
	width: 100%;
        height: 25px;
	border-top: 1px solid #6d6d6d;
}

#sub li{
	float: left;
	list-style: none;
	padding: 4px 25px 4px 8px;
	margin: 0;
}

#sub li a{
	color: #7f7f7f;
	text-decoration:none;
	font-weight: bold;
}

#sub li a.sel{
	color: #fff;
	text-decoration:none;
	font-weight: bold;
}




#sub li a:hover{
	color: #fff;
}

#icon{
	display: block;
	margin: 0;
	padding: 5px 0 5px 0;
	clear: both;
	width: 100%;
	height: 53px;
	border-top: 1px solid #6d6d6d;	
	background: url(/images/rgp_architect.gif) right top no-repeat;
}

#icon li{
	list-style: none;
        width: 51px;
        height: 51px;
	margin: 0 10px 0 0;
        padding: 0;
	float: left;
}



.iconsel{
       display: block; width: 51px; height: 51px; background-position: -51px -51px; border: 1px solid #fff;    
}


.iconlink{
       display: block; width: 51px; height: 51px; background-position: 0px 0px; border: 1px solid #808080;      
}

.iconlink:hover{
       display: block; width: 51px; height: 51px; background-position: -51px -51px; border: 1px solid #808080;      
}


#icon-red{
	display: block;
	margin: 0;
	padding: 5px 0 5px 0;
	clear: both;
	width: 100%;
	height: 53px;
	border-top: 1px solid #6d6d6d;	
	background: url(/images/rgp_development.gif) right top no-repeat;
}

#icon-red li{
	list-style: none;
	float: left;
	width: 51px;
	height: 51px;
	border: 1px solid #d8d8d8;
	margin-right: 10px;
}

#icon-blue{
	display: block;
	margin: 0;
	padding: 5px 0 5px 0;
	clear: both;
	width: 100%;
	height: 53px;
	border-top: 1px solid #6d6d6d;	
	background: url(/images/rgp_blue.gif) right top no-repeat;
}

#icon-blue li{
	list-style: none;
        width: 51px;
        height: 51px;
	margin: 0 10px 0 0;
        padding: 0;
	float: left;
}

#icon-green{
	display: block;
	margin: 0;
	padding: 5px 0 5px 0;
	clear: both;
	width: 100%;
	height: 53px;
	border-top: 1px solid #6d6d6d;		
	background: url(/images/rgp_construction.gif) right top no-repeat;
}

#icon-green li{
	list-style: none;
	float: left;
	width: 51px;
	height: 51px;
	border: 0px solid #d8d8d8;
	margin-right: 10px;
}

#icon-bower{
display: block;
margin: 0;
padding: 5px 0 5px 0;
clear: both;
width: 100%;
height: 53px;
border-top: 1px solid #6d6d6d; 
background: url(/images/rgp_bower.gif) right top no-repeat;
}

#icon-bower li{
list-style: none;
float: left;
width: 51px;
height: 51px;
border: 1px solid #d8d8d8;
margin-right: 10px;
}

#contacts{
	width: 73px;
	height: 18px;
	display: block;
	margin-right: 10px;
	padding: 0;
	background: url(/images/nav_contacts.gif) no-repeat;
}

#contacts:hover{
	background: url(/images/nav_contacts.gif) 0px -18px no-repeat;
}

#contacts-sel{
	width: 73px;
	height: 18px;
	display: block;
	background: url(/images/nav_contacts.gif) 0px -36px no-repeat;
}


#profile{
	width: 55px;
	height: 18px;
	display: block;
	background: url(/images/nav_profile.gif) no-repeat;
}

#profile:hover{
	background: url(/images/nav_profile.gif) 0px -18px no-repeat;
}

#profile-sel{
	width: 55px;
	height: 18px;
	display: block;
	background: url(/images/nav_profile.gif) 0px -36px no-repeat;
}


#portfolio{
	width: 72px;
	height: 18px;
	display: block;
	background: url(/images/nav_portfolio.gif) no-repeat;
}

#portfolio:hover{
	background: url(/images/nav_portfolio.gif) 0px -18px no-repeat;
}

#portfolio-sel{
	width: 72px;
	height: 18px;
	display: block;
	background: url(/images/nav_portfolio.gif) 0px -36px no-repeat;
}


#services{
	width: 70px;
	height: 18px;
	display: block;
	background: url(/images/nav_services.gif) no-repeat;
}

#services:hover{
	background: url(/images/nav_services.gif) 0px -18px no-repeat;
}

#services-sel{
	width: 70px;
	height: 18px;
	display: block;
	background: url(/images/nav_services.gif) 0px -36px no-repeat;
}

h2{
	color: #fff;
	font-weight: normal;
	font-size: 1.9em;
	margin: 0;
	padding: 0 0 8px 0;
}

#container {
        padding: 0;
        width: 407px;
        height: 300px;
        position: relative;
        overflow: none;
}
	
#pagednav{
       text-align: right;
      width: 407px;
      padding: 0px;
      margin: 0;
}

#pagednav a{
      margin: 0px 0px;
      padding: 1px 3px;
      text-decoration: none;
      color: #fff;
      font-weight: bold;
}

#pagednav a.currpage{
      border: 1px solid #fff;
}

#pagednav a.page{
      border: 1px solid #6d6d6d;
}


#page1{
        margin: 0;
        padding: 0;
	width: 407px;
	height: 305px;
}

#page2, #page3, #page4, #page5{
        margin: 0;
        padding: 0;
	width: 407px;
	height: 305px;
        display:none;       
}

a, a:link, a:visited{
       color: #fff;
}

a:hover{
      color: #6d6d6d;
}

// image rotator specific


/* default opacity for IE */
img{
	filter:alpha(opacity=100);
	}

/* duplicate image positioning */
img.idupe {
	position:absolute;
	z-index:30000;
	visibility:hidden;
	}

.justify {
	text-align: justify;
}