/* ugly css */

/* page styles */

html {
	border-collapse:collapse;
	padding:0px;
	margin:0px;

}

body {
	color:#669900;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color:#afca00;
	padding:0px;
	margin:0px;
}

a {
	color:#669900;
}

/* /page styles */

/* pages belt and braces */


body#aboutus {
background-image:url(../images/texttab.gif);
background-repeat:no-repeat;
background-position:0px 33px;
}

body#clients {
background-image:url(../images/texttab.gif);
background-repeat:no-repeat;
background-position:0px 33px;}

body#contact {
background-image:url(../images/texttab.gif);
background-repeat:no-repeat;
background-position:0px 33px;}

/* pages belt and braces */


/* page layout */

#layout {
	width:900px;
	height:560px;
	position:relative;
	
	background-image:url(../images/beltandbracesbg.gif);
	background-repeat:no-repeat;
	background-position: center 169px;
	
	padding:0px;
	margin:0px auto 0px auto;
}

#lgotab {
	width:300px;
	height:120px;
	position:absolute;
	top:0px;
	left:64px;
	background-image:url(../images/lgotab.gif);
	padding:0px;
	margin:0px;
}

#lgotab img {
	padding:0px;
	margin:4px 0px 0px 18px;
}

#contactustab {
	width:175px;
	height:110px;
	position:absolute;
	top:15px;
	left:520px;
	background-image:url(../images/contactustab.gif);
}

#contactustab p {
	width:170px;
	text-align:center;
	position:absolute;
	top:60px;
	left:2px;
	padding:0px;
	margin:0px auto 0px auto;
}

#iframe {
	width:415px;
	height:375;
	position:absolute;
	top:169px;
	left:100px;
	padding:0px;
	margin:0px;
}

#flashcell {
	position:absolute;
	top:169px;
	left:515px;
	background-color:#afca00;
	padding:0px;
	margin:0px;
}

/* /page layout */

/* iframe */

/* tabs */

.navtabs {
	padding:0px 0px 0px 10px;
	margin:0px;
}

.navtabs img {
	width:90px;
	height:33px;
	padding:0px;
	margin:0px 8px 0px 4px;
}

body#aboutus .navtabs {
	width:415px;
	height:33px;
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(../images/navtabs-aboutus.gif);
	background-repeat:no-repeat;
}

body#clients .navtabs {
	width:415px;
	height:33px;
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(../images/navtabs-clients.gif);
	background-repeat:no-repeat;
}

body#contact .navtabs {
	width:415px;
	height:33px;
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(../images/navtabs-contact.gif);
	background-repeat:no-repeat;
}

#texttab {
	width:515px;
	height:342px;
	position:absolute;
	top:33px;
	left:0px;
	/* background-image:url(../images/texttab.gif); */
	padding:0px;
	margin:0px;
}

#texttab p {
	text-align:justify;
	width:380px;
	line-height:22px;
	position:absolute;
	top:33px;
	left:35px;
	z-index:20;
}

body#contact #texttab p {
	width:380px;
	line-height:18px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#texttab img {
	width:385px;
	height:210px;
	position:absolute;
	top:-33px;
	left:0px;
	z-index:20;
}

/* /tabs */

.address, a.address {
	padding:0px 0px 0px 0px;
	margin:20px 0px 0px 60px;
}

.address b {
	padding:0px 0px 0px 0px;
	margin:20px 0px 0px -45px;
}

.credit {
	font-size:12px;
	padding:0px;
	margin:10px 0px 0px 20px;
}

/* /iframe */
/* pencil notes */

.pencil-clients {
	width:105px;
	height:107px;
	position:absolute;
	top:410px;
	left:30px;
	background-image:url(../images/pencil-client.gif);
	padding:0px;
	margin:0px;
	z-index:10;
}

.pencil-examples {
	width:144px;
	height:62px;
	position:absolute;
	top:450px;
	left:366px;
	background-image:url(../images/pencil-examples.gif);
	padding:0px;
	margin:0px;
	z-index:11;
}

.pencil-logo {
	width:61px;
	height:42px;
	position:absolute;
	top:100px;
	left:6px;
	background-image:url(../images/pencil-logo.gif);
	padding:0px;
	margin:0px;
	z-index:12;
}

.pencil-phone {
	width:130px;
	height:68px;
	position:absolute;
	top:75px;
	left:710px;
	background-image:url(../images/pencil-phone.gif);
	padding:0px;
	margin:0px;
	z-index:13;
}

.pencil-tabs {
	width:88px;
	height:30px;
	position:absolute;
	top:168px;
	left:420px;
	background-image:url(../images/pencil-tabs.gif);
	padding:0px;
	margin:0px;
	z-index:14;
}

.pencil-whatwedo {
	width:86px;
	height:64px;
	position:absolute;
	top:61px;
	left:362px;
	background-image:url(../images/pencil-whatwedo.gif);
	padding:0px;
	margin:0px;
	z-index:15;
}

/* /pencil notes */

/* video page */
#layout2 {
	width:900px;
	height:560px;
	position:relative;
	
	background-image:url(../images/beltandbracesbg.gif);
	background-repeat:no-repeat;
	background-position: center 169px;
	
	padding:0px;
	margin:0px auto 0px auto;
}

#videoframe {
	width:799px;
	height:306px;
	position:absolute;
	top:169px;
	left:100px;
	padding:0px;
	margin:0px;
	background-image:url(../images/videoFrameTop.gif);
	background-repeat:no-repeat;
	background-position: left 0px;
}

#videoFrameContent {
	width:799px;
	padding:0px;
	margin-top:56px;
	background-image:url(../images/videoFrameContent.gif);
	background-repeat: repeat-y

}

#actualContent {
	padding: 0 12px}

.example {
}

.videoClip {
float: right;
margin-right: 60px;
}

.exampleText {
	width: 350px;
	margin-left: 12px;
}

.clear {clear:both;}

#videoFrameBottom {
	width:799px;
	height: 56px;
	padding:0px;
	background-image:url(../images/videoFrameBottom.gif);
	background-repeat: no-repeat;

}