@charset "utf-8";

/* CSS Document */

body {

	background:url(images/bg.jpg) repeat-x;

	background-color:#00B5DE;

	font-family:"Tahoma",Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#666666;

	margin: 0;

}

div {

	margin: auto;	

}

img {

border: none;

}

#folio-txt {

	font-weight: bold;

	font-size: 14px;

	margin: 15px 0px 10px 25px; 

}

#folio-txt-1 {

	font-weight: bold;

	font-size: 14px;

	margin: 15px 0px 10px 25px; 

}

#folio-txt-2 {

	font-weight: bold;

	font-size: 14px;

	margin: 15px 0px 10px 25px; 

}

#folio-txt-3 {

	font-weight: bold;

	font-size: 14px;

	margin: 15px 0px 10px 25px; 

}

#folio-txt-4 {

	font-weight: bold;

	font-size: 14px;

	margin: 15px 0px 10px 25px; 

}

#folio-txt-5 {

	font-weight: bold;

	font-size: 14px;

	margin: 15px 0px 10px 25px; 

}

h1 {

	font-weight:500;

	font-size: 15px; 

	margin: 15px 0px 0px 14px;

}

h2 {

	font-weight:500;

	font-size: 15px; 

	margin: 15px 0px 0px 14px; 

}

h3 {

	font-weight: bold;

	font-size: 13px; 

	margin: 0 0 0 14px;

}

h4 {

	font-size: 14px; 

	color: #0082C2;

	margin: 10px 0px 0px 0px; 

}

h5 {

	font-weight:500;

	font-size: 13px; 

	color: #a9e100;

	text-decoration:underline;

	margin: 10px 0px 0px 0px; 

}

#head{

	padding: 25px 0px 10px 30px;

}

.services {

	font-weight: bold;

	font-size: 14px;

	margin: 2px 0px 0px 39px;

	color: #0082C2;
}


#top {
	margin:auto;
	width: 701px;
	height: 118px;
	color:#FFFFFF;
}
#top a{ color:#FFFFFF;
text-decoration:underline;
}

#top-txt {

 width: 280px;

 float:right;

 padding: 0 0 0 130px;

 color:#ffffff;

}

#top-txt1 {

 width: 200px;

 float:left;

 color:#ffffff;

 margin-top: 70px;

 margin-left:2px;

}

#home {

margin-left: 500px;

padding-top:88px;

}

#home-txt {

 color:#ffffff;

}

#home-txt a {

 color:#ffffff;

 }



#home-icon {

	width: 15px;

	height: 13px;

	float: left;

}

#aboutus-icon {

	width: 11px;

	height: 13px;

	float:left;

	padding-left: 20px;

}

#contact-icon {

	width: 16px;

	height: 11px;

	float:left;

	padding: 2px 0 0 20px;

}

#header {

	width: 701px; 

	height: 194px;

}

#nav {

	width:701px;

	height:62px;

	background-color: #ffffff;

	margin-bottom:1px;

}

#nav a {

	text-decoration: none;

	color: #ff6a06;

}

#nav-webdesign {

	background: url(includes/navi/images/nav-webdesign.jpg) no-repeat; 

	float: left; 

	width: 98px; 

	height: 62px;

}

#nav-webdesign-text {

	float: left; 

	width: 129px; 

	height: 62px;

}

#profile ul {

	margin: 0px 0px;

	padding: 0 0 0 0;

}

#profile li {

	list-style-type: none;

	padding: 0 0 0 20px;

	line-height: 20px;

	background-image: url(images/bullet.jpg);

	background-repeat: no-repeat;

	background-position: 0px 4px;

}

#nav-profile {

	background: url(includes/navi/images/nav-profile.jpg) no-repeat; 

	float: left; 

	width: 108px; 

	height: 62px;

}

#nav-profile-text {

	float: left; 

	width: 127px; 

	height: 62px;

}

#nav-lft-round {

	background: url(includes/navi/images/nav-lft-round.jpg) no-repeat; 

	float: left; 

	width: 6px; 

	height: 62px;

}

#nav-portfolio {

	background: url(includes/navi/images/nav-portfolio.jpg) no-repeat; 

	float: left; 

	width: 98px; 

	height: 62px;

}

#nav-portfolio-text {

	float: left; 

	width: 129px; 

	height: 62px;

}

#nav-rit-round {

	background: url(includes/navi/images/nav-rit-round.jpg) no-repeat; 

	float: left; 

	width: 6px; 

	height: 62px;

}

#content {

	width: 701px;

	height: 750px;

	background-color:#ffffff;

	margin-top: 1px;

}

#content-profile {

	width: 701px;

	height: 750px;

	background-color:#ffffff;

	margin-top: 1px;

}

#left-col {

	width: 260px;

	float: left;

	margin: 20px 0px 0px 0px;

}

#ser-content {

	width: 701px;

	height: 630px;

	background-color:#ffffff;

	margin-top: 1px;

}

#web-portfolio-bg {

	background: url(images/red-portfolio-bg.jpg) no-repeat;

	float: right;

	width: 239px; 

	height: 149px;

}
#ads {
float: right;

	width: 239px; 
	height: 200px;
	margin:30px 0 0 30px;
}

#design {

	background: url(images/design.jpg) no-repeat;

	float: right;

	width: 239px; 

	height: 149px;

	margin-top:15px;

}

#web-portfolio-bg-2 {

	background: url(images/orange-portfolio-bg.jpg) no-repeat;

	float: right;

	width: 239px; 

	height: 149px;

	margin-top: 20px;

}

.web-img {

	float: right;

}

.button {

	float: right;

	margin-top: 15px;

}

#mid-col {

	background: url(images/mid-col.jpg) no-repeat;

	float: left;

	width: 15px; 

	height: 264px;

	margin: 40px 8px;

}

#right-col {

	float: left;

	width: 400px;

	margin-top: 20px;

}

p {

margin: 10px 0px 10px 0px;

line-height: 140%;

}

.blue {

	color: #59C9FF;

}

.read a {

	color: #FF9900;

	text-decoration: underline;

}

#services {

	background: url(images/bg-service.jpg) no-repeat;

	width: 400px; 

	height: 122px;

	float: left;

	margin-top: 40px;

}

#services-links {

	width: 400px; 

	height: 80px;

	margin-top:15px;

}

#services-links a {

	color: #666666;

	text-decoration: none;

}

#services ul {

	margin: 0px 0px;

	padding: 0 0 0 30px;

}

#services li {

  float: left; 

  width: 130px; 

  height: 25px ; 

  background: url(images/bullet.jpg) no-repeat;

  list-style-type: none;

  padding: 0 0 0 25px;

}

#services-col {

	width: 239px;

}

#services-col a {

	color: #666666;

	text-decoration: none;

}

#services-col ul {

	margin: 0px 0px;

	padding: 0 0 0 30px;

}

#services-col li {

  height: 25px; 

  background: url(images/bullet.jpg) no-repeat;

  list-style-type: none;

  padding: 0 0 0 25px;

}

#footer {

 	background: url(includes/footer/images/bg-footer.jpg) repeat-x;

	width: 701px; 

	height: 82px;

	margin-top: 1px;

	color:#fffffe;

 }

 #footer a {

	color:#fffffd;

	text-decoration:none;

 }

#footer-text {

	width: 280px; 

	height: 62px;

	float: left;

	padding: 20px 0 0 40px;

}

#valxhtml {

	float: right;

	padding: 30px 30px 0 0;

}

#valcss {

	float: right;

	padding: 30px 30px 0 0;

}

#folio {

	width: 600px;

	height: 325px;

	padding-top: 10px;

}

.folio-1 {

    background: url(images/red-portfolio-bg.jpg) no-repeat;

	float: left;

	width: 239px; 

	height: 149px;

}

.folio-2 {

    background: url(images/orange-portfolio-bg.jpg) no-repeat;

	float: right;

	width: 239px; 

	height: 144px;

}

.folio-2-2 {

    background: url(images/orange-portfolio-bg.jpg) no-repeat;

	float: left;

	width: 239px; 

	height: 144px;

}

.folio-2-1 {

    background: url(images/red-portfolio-bg.jpg) no-repeat;

	float: right;

	width: 239px; 

	height: 149px;

}

.folio-3 {

    background: url(images/green-portfolio-bg.jpg) no-repeat;

	float: left;

	width: 239px; 

	height: 149px;

	margin-top: 50px;

}

.folio-4 {

    background: url(images/pink-portfolio-bg.jpg) no-repeat;

	float: right;

	width: 239px; 

	height: 149px;

	margin-top: 50px;

}

#content-folio {

	width: 701px;

	height: 450px;

	background-color:#ffffff;

	margin-top: 1px;

}

#content-webfolio {

	width: 701px;

	height: 1050px;

	background-color:#ffffff;

	margin-top: 1px;

}
.pgination {

		width: 671px;
		background-color:#ffffff;
		clear:both;
		margin-right:30px;
}
ul.list li{
	  float: left;
	  margin: 0 0 0 20px; 
	  list-style:none;  background-color:#B0D6EA; 
}
ul.list .active {
	 background-color:#000;
	 text-decoration:none; 
}
ul.list li a{
	padding:3px 4px;
	text-decoration:none;
	color:#FFFFFF;
	}

ul.list li a:hover{
background-color:#3399CC; 
}

#content-logofolio {

	width: 701px;

	height: 1420px;

	background-color:#ffffff;

	margin-top: 1px;

}

#folio-lftc{

	width: 265px;

	float: left;

	padding: 40px 0px 0px 60px;

}

#folio-rightc{

	width: 265px;

	float: right;

	padding: 40px 60px 0px 0px;

}

#back {

	width: 50px;

	float:right;

	font-weight:bold;

}

#back a {

	text-decoration: none;

	color: #0082C2;

}

#contact {

	width:420px;

	height:360px;

	padding: 40px 0px 0px 0px;

}

#form_left {

	float: left; 

}

#form_right {

	float: right; 

}

#form_message {

	float: left;

}

textarea {

	width: 412px; 

	height: 60px;

}

#btn {

	PADDING: 20px 0px 0px 0px;

	float: left; 

	width: 415px; 

	text-align: right;

}

#required {

	float: left; 

	width: 100px; 

	text-align: left

}

.gaf{ 

	width:468px; 

	height:60px;

	padding-top:15px;

}

.solgan { font-size:22px;
 font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 font-style:italic;
 color: #0082c2;

}

.webdev {width:650px; height:300px;
font-size:15px;
background:url(images/logos_multiple.jpg) no-repeat;
background-position:top center;
}

.logos-multiple
{
	width:366px;
	height:50px;
	background:url(images/logos_multiple.jpg) no-repeat;
	
	margin:10px 45px 10px 0;
	padding:0px;
	float:right;
}
#logo3{
width: 701px;

	height: 450px;

	background-color:#ffffff;

	margin-top: 1px;
}
#content-identity {

	width: 701px;

	height: 740px;

	background-color:#ffffff;

	margin-top: 1px;

}
#identity{

	width: 400px; margin-top:30px;
}
.folio-identity {

    background: url(images/pink-portfolio-bg.jpg) no-repeat;
	width: 269px; 
	height: 200px; 
}
.identity-img {
	float: right;
}
ul.web li{
	  float: left;
	  margin: 0 0 0 20px; 
	  list-style:none;  background-color:#3399CC; margin-top:20px;
}

ul.web li a{
	padding:3px 4px;
	text-decoration:none;
	color:#FFFFFF;
	}

ul.web li a:hover{
background-color:#FF6600; 
}
#contact-folio{
width: 701px;

	height: 550px;

	background-color:#ffffff;

	margin-top: 1px;
}
.orange {
	color: #FF6600; font-weight:800; float:left;
}
.staff{ font-size:14px; float:left;
}