@charset "UTF-8";
body {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/background.jpg);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #2d0203;
	height: 100%;
}
h1,h2,h3,h4,h5,h6{
	margin: 0;
}

p{
	margin: 0;
}
img {
	border: 0;
}
ul, li{
	margin: 0;
	padding: 0;
}
li{
	list-style-type: none;
}
a {
	text-decoration: none;
	color: #260001;
}
a:hover {
	color: #0f627b;
}
.clear { clear: both;}
.oneColFixCtr #container {
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	
	background: url(images/bkgd.jpg) ;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #cd8d40;
	text-align: left; /* this overrides the text-align: center on the body element. */
	
	
}
#container-port {
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	
	background: url(images/bkgd-plain.jpg) ;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #cd8d40;
	text-align: left; /* this overrides the text-align: center on the body element. */
	
}

#nav-bar {
	width: 300px;
  	float: left;
	position: relative;
}
#nav-bar ul{
	height: 240px;
}

#nav-bar ul li{
	padding: 0;
  	margin: 0;
}
#nav-bar ul li a{
	font-size: 17px;
	text-align:center;
	font-weight: bold;
	font-variant: small-caps;
	
}
#nav-bar ul li a:hover{
	
	color: #0f627b;
}
#nav-bar p{
	font-size: 17px;
	text-align:center;
	font-weight: bold;
	font-variant: small-caps;
}
#nav-bar .home {
	width: 70px;
	height: 25px;
	left: 90px;
	top: 25px;
	position: absolute;
}

#nav-bar .about {
	width: 70px;
	height: 25px;
	left: 145px;
	top: 62px;
	position: absolute;
}

#nav-bar .services {
	width: 70px;
	height: 25px;
	left: 168px;
	top: 110px;
	position: absolute;
}

#nav-bar .portfolio {
	width: 70px;
	height: 25px;
	left: 150px;
	top: 160px;
	position: absolute;
}

#nav-bar .contact {
	width: 150px;
	height: 25px;
	left: 115px;
	top: 212px;
	position: absolute;
}

#nav-barport {
	width: 300px;
  	float: left;
	position: relative;
	
}
#nav-barport ul{
	height: 175px;
}
#nav-barport ul li{
	padding: 0;
  	margin: 0;
}
#nav-barport ul li a{
	font-size: 17px;
	text-align:center;
	font-weight: bold;
	font-variant: small-caps;
}
#nav-barport p{
	font-size: 17px;
	text-align:center;
	font-weight: bold;
	font-variant: small-caps;
}
#nav-barport .home {
	width: 70px;
	height: 20px;
	left: 25px;
	top: 25px;
	position: absolute;
}
#nav-barport .about {
	width: 70px;
	height: 20px;
	left: 70px;
	top: 50px;
	position: absolute;
}
#nav-barport .services {
	width: 70px;
	height: 20px;
	left: 118px;
	top: 78px;
	position: absolute;
}
#nav-barport .portfolio {
	width: 70px;
	height: 20px;
	left: 135px;
	top: 115px;
	position: absolute;
}
#nav-barport .contact {
	width: 150px;
	height: 25px;
	left: 60px;
	top: 150px;
	position: absolute;
}
#title-top {
		height: 200px;
		width: 650px;
		padding: 40px 0 0 0;
		float: left;
		
}
#title-topport {
		height: 135px;
		width: 699px;
		padding: 40px 0 0 0;
		float: left;
		
}
#left-side{
	
  	padding: 25px 0 0 0;
  	margin: 0;
	
	float: left;
	
}
#home-photo{
	padding: 15px 5px 5px 5px;
}

#textbox{
	
  	padding: 0;
  	margin: 0;
	
	
}
#textbox p{
	padding: 0 10px 0 10px;
}
#textbox h1{
	font-size: 20px;
}
#textbox h2{
	font-size: 16px;
}
#textbox h3{
	font-size: 16px;
	font-weight: lighter;
}
.textbox2{
	
  	padding: 0 30px 0 30px;
  	margin: 0;
	width: 940px;
	height: auto;

}
.service1{
	padding: 0 40px 10px 0;
	width: auto;
	height: auto;
	float: left;
}
#service2{
	padding: 0 0 10px 0;
	width: auto;
	height: auto;
	float: left;
}

.textbox2 h1{
	font-size: 20px;
	
}
.textbox2 h2{
	font-size: 16px;
}
.textbox2 h3{
	font-size: 16px;
	font-weight: lighter;
}
#right-side{
	
  	padding: 0;
  	margin: 0;
	
	float: right;
	
}
#right-side-about{
	
  	padding: 50px 0 0 0;
  	margin: 0;
	width: 283px;
	height: 464px;
	float: left;
	
}

#textbox-serv{
	
  	padding: 0 0 0 30px;
  	margin: 0;
	width: 405px;
	height: auto;
	float: left;
	
}
#textbox-serv h1{
	font-size: 20px;
}
#textbox-serv h2{
	font-size: 16px;
}
#FrogJS{
	width: 760px;
	height: 600px;
	margin: 10px 120px 0 120px;
}
#FrogJSCredit{
	text-align: center;
	font-size: 16px;
	color: #260001;
	padding: 1px;
}
#FrogJSCaption{
	text-align: center;
	line-height: 140%;
}


#footer{
	padding: 2px 0 2px 0;
  	margin: 0;
	width: 1000px;
	height: auto;
	background: #cd8d40;
	text-align: center;
	font-size: 12px;
}