/********************************
	CSS Document Created for RK1 Web Designs
	author: Richard Kotze
	date:7 January 2008
********************************/

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	word-spacing:0.1em;
	letter-spacing:.5px;
	color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	background: url(assets/bgpattern.jpg) #FFFFFF;
}

.rk_bannerBottom{
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	height:350px;
	text-align:center;
	background-color:#FFFFFF;
}

/************search form*************/
.searchrk{ 
	margin-top:0px; 
	margin-right:5px;
}

.searchBar{
	color:#cc0000;
	width:175px;
	font-size:1.2em;
	padding-top:6px;
	padding-left:7px;
	margin-right:-4px;
	padding-bottom:8px;
	background-color:transparent;
	border:none;
	background:url(assets/searchBar.gif) no-repeat;
}

.searchBtn{
	padding:0px;
	margin-left:-5px;
	margin-bottom:-9px;
	background-color:transparent;
	border:none;
}

/************Front page services************/
#webDesign a{
	color:#00CC00 !important;
}
#grahicDesign a{
	color:#CCFF00 !important;
}
#optDesign a{
	color:#FF6600 !important;
}
#flashDesign a{
	color:#CC0000 !important;
}

#webDesign span, #grahicDesign span, #optDesign span, #flashDesign span{
	font-size:0.6em;
}

#webDesign{
	color:#00CC00;
	font-size:1.8em;
	background:transparent;
	padding: 5px 0;
}

#grahicDesign{
	color:#0066FF;
	font-size:1.8em;
	background:transparent;
	padding: 5px 0;
}

#optDesign{
	color:#FF6600;
	font-size:1.8em;
	background:transparent;
	padding: 5px 0;
}

#flashDesign{
	font-size:1.8em;
	color:#CC0000;
	background:transparent;
	padding: 5px 0;
}

/************** Clients **************/

.invoice{
	width:97%;
	height:50px;
	padding:6px;
	background-color:#ffffff;
	border:2px solid #c3b08f;
	margin-top:5px;
}

.invoice a {
	display:block;
	width:400px;
	float:left;
}

.payDue{
	display:block;
	padding-top:20px;
	color:#cc0000;
	font-weight:bold;
}

.paid{
	display:block;
	padding-top:20px;
	color:#00cc00;
	font-weight:bold;
}

.client{
	width:97%;
	border:none;
	background-color:#c3b08f;
	padding:5px;
	margin-top:5px;
}

.c_wsite{
	font-style:italic;
}

.stars{
	height:22px;
	font-weight:bold;
}

.stars span{
	display:block;
	width:40px;
	float:left;
}

/*tab navigation design;*/
.nav_wrap{
	position:absolute;
	top:268px;
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	height:35px;
}
.rk_tabNav{
	margin-left:480px;
	border-collapse:collapse;
}
.rk_tabNav li{
	float:left;
	list-style-position:inside;
	list-style-type:none;
	margin-right:37px;
}
.rk_tabNav li a{
	display:block;
	padding-bottom:2px;
	height:33px;
	text-decoration:none;
	font-weight:bold;
}

.rk_tabNav #nav_home a{
	width:67px;
	color:#FFFFFF;
	background:url(assets/home_btn.gif) no-repeat;
}
.rk_tabNav #nav_homeAT a{
	width:67px;
	color:#000000;
	background:url(assets/home_btnON.gif) no-repeat;
}
.rk_tabNav #nav_home a:hover{
	width:67px;
	color:#000000;
	background:url(assets/home_btnON.gif) no-repeat;
}

.rk_tabNav #nav_portfolio a{
	width:100px;
	color:#FFFFFF;
	background:url(assets/portfolio_btn.gif) no-repeat;
}
.rk_tabNav #nav_portfolioAT a{
	width:100px;
	color:#000000;
	background:url(assets/portfolio_btnON.gif) no-repeat;
}
.rk_tabNav #nav_portfolio a:hover{
	width:100px;
	color:#000000;
	background:url(assets/portfolio_btnON.gif) no-repeat;
}

.rk_tabNav #nav_about a{
	width:75px;
	color:#FFFFFF;
	background:url(assets/about_btn.gif) no-repeat;
}
.rk_tabNav #nav_aboutAT a{
	width:75px;
	color:#000000;
	background:url(assets/about_btnON.gif) no-repeat;
}
.rk_tabNav #nav_about a:hover{
	width:75px;
	color:#000000;
	background:url(assets/about_btnON.gif) no-repeat;
}

.rk_tabNav #nav_contact a{
	width:88px;
	color:#FFFFFF;
	background:url(assets/contact_btn.gif) no-repeat;
}
.rk_tabNav #nav_contactAT a{
	width:88px;
	color:#000000;
	background:url(assets/contact_btnON.gif) no-repeat;
}
.rk_tabNav #nav_contact a:hover{
	width:88px;
	color:#000000;
	background:url(assets/contact_btnON.gif) no-repeat;
}

/*text links*/
a:link{
	color:#cc0000;
	text-decoration:none;
}
a:hover{
	color:#000000 !important;
	text-decoration:underline !important;
}
a:visited{
	color:#cc0000;
	text-decoration:none;
}
/******************* main body ************************/

.rk_mainMiddle{
	font-size:1em;
	margin-left:auto;
	margin-right:auto;
	color:#000000;
	width:1000px;
	height:100%;
	background-color:#c3b08f;
}

.rk_leftC{
	margin:10px 9px 0px 9px;
	width:610px;
	background-color:transparent;
	float:left;
}

.rk_rightC{
	margin:10px 9px 0px 0px;
	width:350px;
	background-color:transparent;
	float:right;
}

/************Port navi**********/

#allPlus, #allMinus{
	cursor:pointer;
	margin-top:0px;
}
.allMenuOC{
	position:relative;
	float:right;
	top:-20px;
}

.pnav_body{
	border-bottom:2px solid #cc0000;
	margin-bottom:5px;
}

.portNavH{
	font-size:140%;
	margin-top:0px;
	border-bottom:2px solid #000000;
	border-top:2px solid #000000;
	padding-bottom:2px;
	padding-top:5px;
	margin-bottom:7px;
	background:url(assets/minus.gif) no-repeat right;
	clear:left;
}

.portNavH:hover{
	font-size:140%;
	background:url(assets/minusON.gif) no-repeat right;
	margin-top:0px;
	border-bottom:2px solid #CC0000;
	border-top:2px solid #CC0000;
	color:#CC0000;
	cursor:pointer;
	padding-bottom:2px;
	padding-top:5px;
	margin-bottom:7px;
	clear:left;
}
.portNavHC{
	font-size:140%;
	margin-top:0px;
	border-bottom:2px solid #000000;
	border-top:2px solid #000000;
	padding-bottom:2px;
	padding-top:5px;
	margin-bottom:7px;
	background:url(assets/plus.gif) no-repeat right;
}

.portNavHC:hover{
	font-size:140%;
	background:url(assets/plusON.gif) no-repeat right;
	margin-top:0px;
	border-bottom:2px solid #CC0000;
	border-top:2px solid #CC0000;
	color:#CC0000;
	cursor:pointer;
	padding-bottom:2px;
	padding-top:5px;
	margin-bottom:7px;
}

/************Elements************/

h1{
	font-size:180%;
	padding-top:6px;
	padding-bottom:3px;
	margin:0px 5px 10px 0px;
}

h2{
	font-size:155%;
	padding-top:5px;
	margin:0px 5px 7px 0px;
}

h3{
	font-size:130%;
	padding-bottom:2px;
	padding-top:5px;
	margin:0px 5px 3px 0px;
}

h4{
	font-size:110%;
	font-style:italic;
	border-bottom:1px solid #000;
	padding-bottom:2px;
	padding-top:2px;
	margin:0px 5px 0px 0px;
}

img{
	border:none;
}

p{
	margin:0px 5px 0px 5px;
	line-height:20px;
	padding-bottom:12px;
}

acronym{
	cursor:help;
}

.subHeader{
	font-size:0.8em;
}

.imgBoard{
	background:url(assets/ImageBorder.jpg) no-repeat;
	width:200px;
	height:185px;
	padding-top:21px;
	padding-left:21px;
	float:left;
}

#displayFrame{
	padding:2px;
	border:4px solid #000000;
	background-color:#ffffff;
}
.displayFrame{
	padding:2px;
	border:4px solid #000000;
	background-color:#ffffff;
}
/*left column*/
.rk_innerLeftC{
	width:600px;
	padding-left:5px;
	padding-right:5px;
	min-height:360px;
	margin-top:-3px;
	margin-bottom:-3px;
	background-color:#ffffff;
}	

.rk_innerLeftC ul{
	margin-left:auto;
	margin-right:auto;
}

.rk_innerLeftC li{
	list-style-type:none;
	float:left;
	padding:0px;
}
.logoH{
	font-style:italic;
	border-bottom:none;
}
/*right column*/
.rk_innerRightC{
	width:340px;
	padding-left:5px;
	padding-right:5px;
	margin-top:-3px;
	margin-bottom:-3px;
	min-height:360px;
	background-color:#ffffff;
}

.rk_port{
	display:inline;
}
.rk_portI:hover{
	background-color:#FFFFFF;
}

.rk_portI img{
	padding:0px;
	margin-left:10px;
	border:6px solid #000000;
	background-color:#FFFFFF;
	
}
.rk_portI img:hover{
	padding:0px;
	border:6px solid #cc0000;
	background-color:#000000;
	margin-left:10px;
}

/****************rk footer*****************/

.rk_footer{
	width:100%;
	background-color:#000000;
	margin-top:0px;
	clear:both;

}
.rk_footer ul{
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	width:980px;
	height:100px;
	padding:10px;
	background-color:#000000;
}
.rk_footer li{
	float:left;
	margin-right:10px;
	width:480px;
	list-style-type:none;
}

.rk_footer h3{
	color:#FFFFFF;
	border-bottom:none;
	font-size:110%;
	
}
.rk_newsI{
	display:block;
	height:23px;
	padding-top:7px;
	border:none;
	background-color:#000000;
}

.rk_newsI:hover{
	display:block;
	height:23px;
	padding-top:7px;
	border:none;
	background-color:#ffffff !important;
}

.rk_footer a:hover{
	color:#cc0000;
	background-color:#ffffff !important;
}
/*resourses*/
.rk_resI{
	display:block;
	color:#cc0000 !important;
	height:18px;
	padding-top:4px;
	padding-left:20px;
	border:none;
	background-color:#ffffff;
}

.rk_resI:hover{
	display:block;
	height:18px;
	padding-top:4px;
	padding-left:20px;
	color:#cc0000 !important;
	border:none;
	background-color:#000000 !important;
}