﻿/* RTG Css Files | By http://icreativelabs.com */

/* Global Settings */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	margin: 0px;
	padding: 0px;
	font: normal 11px/18px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: #202020;
	background: #FFFFFF url(images/bg_body.jpg) repeat-x;
}

ol, ul {
	list-style: none;
}

a, a:active, a:visited {
	color: #ff6600;
	background-color: inherit;
	text-decoration: none;
	border-bottom: 1px solid #ff6600; 
	padding-bottom: 2px; 
}

a:hover {
	color: #ff944d;	
	background-color: inherit;	
	border-bottom: 1px solid #ff944d; 
	padding-bottom: 2px; 
}

.clear {
	clear: both;
}

/* End of Global Settings */

/* Container Warp */

#container {
	margin: 0px auto;
	width: 880px;
	text-align: center;
}

/* End of Container Warp */

/* RTG LOGO */

#rtg h1 {
	float: left;
	text-align: left;
	text-indent: -9999px;
	background: url(images/rtg.jpg) no-repeat;
}

#rtg h1 a {
	border: none;
	display: block;
	width: 161px;
	height: 139px;
}

/* End of RTG Logo */

/* Navigation */

#navtop {
	float: right;
}

#navtop ul li {
	margin: 10px 10px;
	padding: 0px;
/*	text-indent: -9999px;*/
	float: left;
}

#navtop ul li a {
	border: none;
	height: 25px;
	display: block;
	color: #FFFFFF;
	font-size:14px;	
}

#navtop ul li a.home {
/*	background: url(images/nav_home2.gif) no-repeat;*/
	width: 47px;
}

#navtop ul li a.home_active {
/*	background: url(images/nav_home1.gif) no-repeat;*/
	width: 47px;
	color: #391a4a;
}

#navtop ul li a.about {
/*	background: url(images/nav_about2.gif) no-repeat;*/
	width: 58px;
}

#navtop ul li a.about_active {
/*	background: url(images/nav_about1.gif) no-repeat;*/
	width: 58px;
	color: #391a4a;	
}

#navtop ul li a.services {
/*	background: url(images/nav_services2.gif) no-repeat;*/
	width: 54px;
}

#navtop ul li a.services_active {
/*	background: url(images/nav_services1.gif) no-repeat;*/
	width: 54px;
	color: #391a4a;	
}

#navtop ul li a.clients {
/*	background: url(images/nav_clients2.gif) no-repeat;*/
	width: 43px;
}

#navtop ul li a.clients_active {
/*	background: url(images/nav_clients1.gif) no-repeat;*/
	width: 43px;
	color: #391a4a;	
}

#navtop ul li a.contact {
/*	background: url(images/nav_contact2.gif) no-repeat;*/
	width: 49px;
}

#navtop ul li a.contact_active {
/*	background: url(images/nav_contact1.gif) no-repeat;*/
	width: 49px;
	color: #391a4a;	
}

/* End of Navigation */

/* Content of Index */

#contindex {
	text-align: left;
}

h1 {
	font-size:16px;
	font-size-adjust:none;
	font-family:Arial, Helvetica, sans-serif;
	
}


#contindex2 {
	text-align: left;
	font-size:16px;
	
}
#contindex3 {
	margin: 10px 20px;
	text-align: left;
	font-size:13px;
	
}

h2 {
	margin: 25px 0px 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:36px;
	font-weight:normal;	
	}
	
#seminarleft h2{
	line-height:100%;
	vertical-align:bottom;
	font-size:33px;
	}

#contindex h2 {
	margin: 75px 20px 40px;
/*	background: url(images/managing_business_solutions.gif) no-repeat;*/
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	font-weight:normal;	
/*	text-indent: -9999px;*/

}

#contindex p {
	margin: 10px 20px;
	width: 650px;
}

/* End Content of index */

/* Content of Services */

#contservices {
	margin: 0px;
	color: inherit;	
	background: #ffffff url(images/bg_services.gif) repeat-x;
}

#girls {
	position: relative;
	display: block;
	float: right;
	width: 215px;
	height: 114px;
	background: url(images/girls.gif) no-repeat;
	margin-top: -100px;
	top: 40px;
}

#manbox2 {
	position: relative;
	display: inline;
	float: left;
	width: 728px;
	height: 103px;
	background: url(images/manbox.gif) no-repeat;
	margin-top: -140px;
	top: 30px;
	left: 300px;
}

#services {
	margin: 0px auto;
	width: 880px;
	text-align: center;
}

#servicesleft, #servicesleft1, #aboutleft, #clientsleft, #mrsleft, #hardwareleft, #softwareleft, #helpdeskleft, #telcoleft, #consultancyleft, #bcpleft, #resourcesleft, #securityleft, #wirelessmobilityleft, #webleft{
	background: url(images/bg_shading.gif) no-repeat top right;
	float: left;
	width: 660px;
	text-align: left;
	padding-bottom: 50px;
	margin: 0 0px;
}

#servicesleft p, #servicesleft1 p {
	margin: 10px 30px 10px 0;
}

#aboutleft p {
	margin: 10px 30px 10px 0;
}

#clientsleft p {
	margin: 10px 30px 10px 0;
}

#mrsleft p {
	margin: 10px 30px 10px 0;
}

#hardwareleft p {
	margin: 10px 30px 10px 0;
}


#softwareleft p {
	margin: 10px 30px 10px 0;
}


#helpdeskleft p {
	margin: 10px 30px 10px 0;
}


#telcoleft p {
	margin: 10px 30px 10px 0;
}


#consultancyleft p {
	margin: 10px 30px 10px 0;
}


#bcpleft p {
	margin: 10px 30px 10px 0;

}


#resourcesleft p {
	margin: 10px 30px 10px 0;
}


#securityleft p {
	margin: 10px 30px 10px 0;
}


#wirelessmobilityleft p {
	margin: 10px 30px 10px 0;
}


#webleft p {
	margin: 10px 30px 10px 0;
}
.menuservices {
	float: left;
	width: 190px;
	margin: 10px 20px 0 0;
}

.menuservices h3 {
	text-indent: 2px;
	width: 188px;
	height: 29px;
	display: block;
	font-size: 18px;
	color: white;
	margin: 2px;
	padding-left: 6px;
	padding-top: 4px;
	border: 0px;
	outline: 0px;
	font-weight: strong;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	
}

.menuservices h3.serv1 {
	background: url(images/HeaderBG.jpg) no-repeat;
}

.menuservices h3.serv2 {
	background: url(images/HeaderBG.jpg) no-repeat;
}

.menuservices h3.serv3 {
	background: url(images/HeaderBG.jpg) no-repeat;
}

.menuservices h3.serv4 {
	background: url(images/HeaderBG.jpg) no-repeat;
}

.menuservices h3.serv5 {
	background: url(images/HeaderBG.jpg) no-repeat;
}

.menuservices h3.serv6 {
	background: url(images/HeaderBG.jpg) no-repeat;
}

.menuservices h3.serv7 {
	background: url(images/HeaderBG.jpg) no-repeat;
}

.menuservices h3.serv8 {
	background: url(images/HeaderBG.jpg) no-repeat;
}

.menuservices h3.serv9 {
	background: url(images/HeaderBG.jpg) no-repeat;
}

.menuservices h3.serv10 {
	background: url(images/HeaderBG.jpg) no-repeat;
	font-size: 15px;
	font-weight: strong;

}


.menuservices p {
	margin: 0px;
	padding: 0 10px;
}

#relatedclient, #relatedproduct {
	float: left;
	width: 310px;
	margin: 0 8px;
}

#relatedclient h3 {
	background: url(images/related_client.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 308px;
	height: 167px;
	margin: 30px 0px 0;
}

#relatedclient p {
	width: 180px;
	margin: -95px 0 0 30px;
}

#relatedproduct h3 {
	background: url(images/related_product.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 303px;
	height: 150px;
	margin: 48px 0px 0;
}

#relatedproduct p {
	width: 150px;
	margin: -95px 0 0 20px;
}

/* End content of services */

/* Content of Contact */

#contcontact {
	margin: 0px;
	color: inherit;	
	background: #ffffff url(images/bg_services.gif) repeat-x;
}

#contact {
	margin: 0px auto;
	width: 880px;
	text-align: center;
}

#contactleft {
	background: url(images/bg_shading.gif) no-repeat top right;
	float: left;
	width: 660px;
	text-align: left;
	padding-bottom: 50px;
	margin: 0 0px;
}

#contactleft p {
	margin: 10px 10px 10px 0;
}

#contactleft form {
	margin: 40px 0 0 -30px;
}

#contactleft form label {
	float: left;
	width: 150px;
	clear: both;	
	text-align: right;
	margin: 6px 5px;
}

#contactleft form label span {
	color: #ff6600;
	background-color: inherit;	
}

#contactleft form input {
	text-align: left;
	width: 400px;
	float: left;
	border: 1px solid #4c7ba2;	
	padding: 3px;
	margin: 5px 5px;
	background: url(images/bg_textarea.gif) repeat-x;
	font: normal 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: #5f5f5f;
	background-color: inherit;	
}

#contactleft form textarea {
	text-align: left;
	width: 400px;
	height: 180px;
	float: left;
	border: 1px solid #4c7ba2;	
	padding: 3px;
	margin: 5px 5px;
	background-color: inherit;	
	background: url(images/bg_textarea.gif) repeat-x;
	font: normal 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: #5f5f5f;

}

#contactleft form input.send {
	float: left;
	clear: both;
	width: 70px;
	height: 26px;
	text-align: left;
	margin: 6px 0 0 160px;
	border: none;
	background: none;
}

/* End content of contact */

/* Content of Seminar */

#contseminar {
	margin: 0px;
	color: inherit;	
	background: #ffffff url(images/bg_services.gif) repeat-x;
}

#seminar {
	margin: 0px auto;
	width: 880px;
	text-align: center;
}

#seminarleft {
	background: url(images/bg_shading.gif) no-repeat top right;
	float: left;
	width: 660px;
	text-align: left;
	padding-bottom: 50px;
	margin: 0 0px;
}

#seminarleft p {
	margin: 10px 10px 10px 0;
}

#seminarleft form {
	margin: 40px 0 0 -30px;
}

#seminarleft form label {
	float: left;
	width: 200px;
	clear: both;	
	text-align: right;
	margin: 6px 5px;
}

#seminarleft form label.none {
	float: left;
	width: 300px;
	text-align: right;
	margin: 6px 5px;
	clear: none;
	text-align: left;
}

#seminarleft form label.position {
	float: left;
	width: 72px;
	text-align: right;
	margin: 6px 5px;
	clear: none;
}

#seminarleft form label span {
	color: #ff6600;
	background-color: inherit;	
}

#seminarleft form input {
	text-align: left;
	width: 400px;
	float: left;
	border: 1px solid #4c7ba2;	
	padding: 3px;
	margin: 5px 5px;
	background: url(images/bg_textarea.gif) repeat-x;
	font: normal 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: #5f5f5f;
	background-color: inherit;	
}

#seminarleft form input.halfwidth {
	text-align: left;
	width: 150px;
	float: left;
	border: 1px solid #4c7ba2;	
	padding: 3px;
	margin: 5px 5px;
	background: url(images/bg_textarea.gif) repeat-x;
	font: normal 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: #5f5f5f;
	background-color: inherit;	
}

#seminarleft form select {
	text-align: left;
	width: 408px;
	float: left;
	border: 1px solid #4c7ba2;	
	padding: 3px;
	margin: 5px 5px;
	background: url(images/bg_textarea.gif) repeat-x;
	font: normal 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: #5f5f5f;
	background-color: inherit;	
}

#seminarleft form textarea {
	text-align: left;
	width: 400px;
	/*height: 180px;*/
	float: left;
	border: 1px solid #4c7ba2;	
	padding: 3px;
	margin: 5px 5px;
	background-color: inherit;	
	background: url(images/bg_textarea.gif) repeat-x;
	font: normal 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: #5f5f5f;

}

#seminarleft form input.send {
	float: left;
	clear: both;
	width: 70px;
	height: 26px;
	text-align: left;
	margin: 6px 0 0 212px;
	border: none;
	background: none;
}

/* End content of seminar */

/* Sidebar */

#sidebar {
	width: 185px;
	float: right;
	background: url(images/bg_sidebar.gif) repeat-y;
	margin: 35px 25px 0 0;
	display: inline;
}

#sidebar ul li {
	color: #ff6600;
	background-color: inherit;	
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffd2b3;
	text-align: left;
}

#sidebar ul li a {
	color: #ff6600;
	background-color: inherit;	
	border: none;
	display: block;
	padding: 7px 15px;
}

#sidebar ul li a:hover, #sidebar ul li a.selected {
	background: #ccddef;
	color: #330033;
	padding: 7px 15px;
	display: block;
}

#sidecontact {
	width: 200px;
	float: right;
	margin: 35px 0px 0 0;
	display: inline;
	text-align: left;
}

#sidecontact p {
	margin: 10px 0 0;
	border-bottom:1px dotted #ff6600;
	padding: 0 10px 10px 10px;
}

/* End of Sidebar */

/* Footer */

/* Man Box */ 

#manbox {
	position: absolute;
	display: inline;
	float: right;
	width: 728px;
	height: 103px;
	background: url(images/manbox.gif) no-repeat;
	top: -73px;
	right:25%;
	z-index:1;
}

/* End of man box */

#footer {
	width: 100%; 
	position: fixed; 
	bottom: 0px; 
	left: 0px; 
	}
	
#footerservices {
	margin: 0px auto;
	width: 100%;	
	position: relative; 
	bottom: 0px; 
}

#footer-index {
	width: 100%; 
	position: absolute; 
	bottom: 0px; 
	left: 0px; 
}

#grass {
	background: url(images/grass.jpg) repeat-x;
	height: 40px;
}

#footerinner {
	margin: 0px;
	color: inherit;
	background: #2d2d2d;
	border-top: 1px solid #ffffff;
}

#footcontent {
	margin: 0px auto;
	width: 880px;
	padding: 10px 0;
	color: #ffffff;
	background-color: inherit;
	text-align: center;
}

#footcontent p.left {
	float: left;
	text-align: left;
	width: 280px;
}

#footcontent p.middle {
	float: left;
	text-align: center;
	width: 280px;
}

#footcontent p.right {
	float: right;
	display: block;
	width:106px;
	height: 11px;
	background: url(images/benjamintolady.jpg) no-repeat;
/*	text-indent: -9999px;*/
}

/*End of Footer */

#spacer{ 
display: block; 
height: 95%; 
width: 1px; 
padding: 0; 
margin: 0; 
border: 0; 
color: inherit;
background: #fff; /* same as body bg */ 
float: right; 
}
