@import "round.css";

body {
  margin: 2% 0 0 0;
  padding: 0;
  font-size: 82.5%;
  font-family: verdana;}
  
#skipDiv {
  width: 697px; 
  margin: 0 auto;}
  
#skipDiv p {
  margin: 0; 
  padding: 0; 
  font-size: 85%; 
  color: #e0e0e0;}
  
#skipDiv p a, #skipDiv p a:visited {
  text-decoration: none;
  color: #e0e0e0;}
  
#top {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid rgb(200,200,200);
  background: url(images/top.gif) no-repeat top left;
  overflow: hidden;}  
  
.sp1 {
  float: left;}

.sp2 {
  float: left; 
  color: rgb(120,120,120);}

.sp3 {
  padding-top: 10px;
  font-size: 10px; 
  font-weight: normal; 
  font-family: verdana; 
  float: right; 
  text-align: right;}

#container {
  clear: both;
  width: 697px; 
  margin: 0 auto;
  overflow: hidden;
  background: url(images/bg.png) no-repeat bottom right;
  }
  
#toph1 {
  position: absolute;
  margin-top: -100px;}
  
#top h1, #top h2 {
  width: 700px; 
  margin: 0 auto;
  color: #fe6000;
  font-family: "Times New Roman";
  font-size: 48px;
  letter-spacing: 5px;
  padding: 0 0 2px 0;
  overflow: hidden;}
  
#pTitle {
  width: 700px; 
  margin: 0 auto;
  color: #fe6000;
  font-family: "Times New Roman";
  letter-spacing: 0.2em;
  padding-bottom: 1px;}
  
#nav {
  padding: 0;
  margin: 0;
  list-style-type: none;
  border-top: 1px solid rgb(200,200,200);
  overflow: hidden;}
  
#nav li {
  float: left;
  color: rgb(70,70,70);
  padding-bottom: 5px;}
  
#nav li a, #nav li a:visited {
  text-decoration: none;
  color: rgb(70,70,70);
  padding: 2px 15px 5px 10px;
  display: block;
  background: url(images/list.png) no-repeat center left;}
  
#nav li a:hover {
  color: #fe6000;
  background: url(images/list2.png) no-repeat center left;}
  
#atpage {
  padding: 2px 15px 5px 10px;
  color: rgb(180,180,180);
  display: block;
  background: url(images/list2.png) no-repeat center left;}
  
h4 {
  color: rgb(90,90,90); 
  margin-top: 0; 
  margin-bottom: 0;
  font-size: 100%;}
  
.mainText, .mainTextTop {
  padding: 10px 10px 0 10px;}
  
.mainTextTop {
  margin-top: 0;}
  
.notopgap {
  color: rgb(90,90,90);
  font-weight: bold;
  margin-bottom: 5px;}
  
.notopgap img {
  vertical-align: middle;
  padding-right: 5px;}
  
a img {
  border: 0;}
  
/*** END PAGE GLOBALS ******/

/*** Index specific ****/
  
#indexLeft {
  width: 49%; 
  float: left;}
  
#indexRight {
  width: 50%; 
  float: right;}
  
#byown {
  float: right;
  text-indent: 10px; 
  padding-top: 10px;
  text-align: right;
  color: rgb(90,90,90); 
  margin-top: 0; 
  margin-bottom: 0;
  font-size: 100%;}
  
#byown a, #byown a:visited {
  text-decoration: none;
  color: #fe6000;}
  
#indexRight h6 {
  clear: right;
  float: right; 
  width: 100%;
  bottom: 0; 
  text-align: right; 
  margin-top: 20px; 
  margin-bottom: 0;
  color: #fe6000;}
  
/*** Portfolio and Web Design specific ****/
  
#folioLeft {
  width: 69%;
  float: left;} 
  
#folioRight {
  width: 30%;
  float: right;}
  
/***** Portfolio Specific *****/
#folioLeft h4, #folioRight h4 {
  text-indent: 0;}	

.folioImg {
  border: 0;}
  
.clients {
  clear: both;
  width: 100%;
  overflow: hidden;}
  
.clientTitle {
  margin-top: 20px;
  border-top: 1px solid #7b5a5a;
  border-bottom: 1px solid #7b5a5a;
  padding: 1px 0 1px 0;
  width: 100%;
  overflow: hidden;}
  
.left {
  float: left;}
  
.right {
  float: right; 
  font-weight: normal;}
  
.right a, .right a:visited {
  text-decoration: none;}
  
.mainTextFolio {clear: left;
  float: left; 
  display: inline; 
  width: 200px; 
  margin-top: 10px;
  padding: 0 10px 0 10px;}
  
.mainTextFolio2 {
  float: left; 
  display: inline; 
  width: 230px; 
  margin-top: 10px;
  font-size: 90%;}
  
.extraText {
  clear: both; 
  text-align: center; 
  margin: 5px 0 0 0; 
  font-size: 85%;}

.smallFont {
  font-size: 85%;}

/***** Footer *****/  
#footer {
  clear: both;
  margin-top: 20px;
  border-top: 1px solid rgb(200,200,200);  
  background: url(images/top1.gif) no-repeat top right;
  margin-bottom: 20px;}
  
#footer p {
  width: 697px; 
  margin: 0 auto; 
  padding-bottom: 2px; 
  overflow: hidden; 
  color: rgb(120,120,120);}
  
.spLeft {
  float: left;}
  
.spRight {
  float: right; 
  text-align: right;}