/* BretzDesign 2.1 layout - bretzdesign.com */
/* Last updated 15 March 2010  */
/* You may adapt elements of this CSS in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright (c) 2006 BretzDesign and may not be reproduced. */ 

/* color style */
/* reference
**
** tan: rgb(204,204,153)
** brown: rgb(66,33,11)
** dark blue: rgb(0,51,102) 
** tiffany blue: rgb(147,214,223)
** red: rgb(255,0,0)
** white: rgb(255,255,255)
** grey: rgb(153,153,153)
** dark grey: rrgb(51,51,51)
** black: rgb(0,0,0)
*/

body {
margin: 0 auto;
width: auto;
padding-top: 70px;
font-family: helvetica, sans-serif;
text-align: center;
background: url(../images/bd_pat1.gif);
background-repeat: repeat;
}

#menu {
position: absolute;
top: 3.25%;
right: 6%;
font-size: 0.71875em; /* 11.5 / 16 = 0.71875 */
font-weight: bold;
letter-spacing: .125em; /* 1 / 16 = 0.125 */
}

#container {
position: relative;
width:900px;
height: 650px;
margin: auto;
text-align: left;
background-color:rgb(255,255,255);
top: -12px; /* offset up to reveal bottom shadow */
left: 10px; /* offset right to reveal left shadown */
overflow: auto; /* clear floats */
}

/* begin drop shadow styles */
#shadow /* the drop shadow container */ {
	width: 900px; /* fixed width same as container */
	height: 650px; /* fixed height same as container */
	margin: 0 auto; /* auto left and right margin to center in window */
	background: url(../images/shadow_gs.png) no-repeat bottom left; /* the shadow art */
}
/* end drop shadow styles */


.portrait {
position: absolute;
top: 30%;
left: 4.5%;
}

.hire { position: absolute;
top: 86.5%;
left: 87.5%;
}


.ribbon {
top: -1%;
}

/*
.ribbonlr {
position: absolute;
top: 87.75%;
left: 91.125%;
}
*/

.ribbonlr {
position: absolute;
bottom: 0;
right: 0;
}

	
.bckh { background: url(../images/tempart3.jpg) no-repeat 50% 35%;}

.commonrule {
position: absolute;
top: 79.5%;
left: 5%;
width: 90%;
}

.bigtext {
font-size: 1.75em;
color: rgb(66,33,11);
font-weight: normal;
}

h1 {
font-size: 0.71875em; /* 11.5 / 16 = 0.71875 */
letter-spacing: .125em; /* 1 / 16 = 0.125 */
}

h2 { 
font-family: "times new roman", serif;
font-size: 0.75em; /* 12 / 16 = 0.75 */ 
letter-spacing: .0625em; /* 1 / 16 = 0.0625 */ 
line-height: 1.5em; /* 24 / 16 = 1.55 */
}

h3 {
margin-top: 25px;
font-family: helvetica, sans-serif;
font-size: 0.8125em; /* 13 / 16 = 0.8125 */
letter-spacing: .093755em; /* 1.5 / 16 = 0.09375 */
font-weight: 600;
line-height: .75em; /* 12 / 16 = .75 */
color: rgb(0,51,102);
}

h4 { 
font-family: helvetica, sans-serif; 
font-size: 0.625em; /* 10 / 16 = 0.625 */
letter-spacing: .0625em; /* 1 / 16 = 0.0625 */
line-height: .5em; /* 8 / 16 = .5 */
font-weight: 600;
color: rgb(66,33,11);
text-indent: 3%;
}

.sample { 
font-family: "times new roman", serif; 
font-size: .9375em; /* 15 / 16 = 0.9375 */
letter-spacing: .0625em; /* 1 / 16 = 0.0625 */ 
}

h5 {
position: absolute;
top: 7%;
left: 12%;
font-family: helvetica, sans-serif;
font-size: 0.6875em; /* 11 / 16 = 0.6875 */
letter-spacing: .0625em; /* 1 / 16 = 0.0625 */
font-weight: normal;
line-height: 1.75em; /* 28 / 16 = 1.75 */
color: rgb(66,33,11);
}

h6 {
position: absolute;
bottom: 5.5%;
left: 33%;
font-size: .59375em; /* 9.5 / 16 = 0.59375 */
letter-spacing: .2em; /* 1.75 / 16 = 0.109375 */
}

p {
font-size: 0.625em; /* 10 / 16 = 0.625 */
letter-spacing: .03125em; /* .5 / 16 = 0.03125 */
font-weight: 500;
}

li { list-style-type: none; }

em { font-size: 1.5em; /* 24 / 16 = 1.5 */ color: rgb(255,0,0); }/* asteriks */

#columna {
width: 27%; /* 240 / 900 = 0.26666667 */
height: 100%;
float: left;
}

.tifbar {background: url(../images/palebar.png);background-repeat: no-repeat;}

#para {
position: relative;
top: 5%;
left: 44px;
width: 70%;
height: auto;
text-align: left;
}

#parab {
position: relative;
top: 1%;
left: 44px;
width: 70%;
height: auto;
text-align: left;
}

#parac {
position: absolute;
top: 27%;
left: 8.5%;
width: 70%;
height: auto;
text-align: left;
}

#parax {
position: absolute;
top: 28%;
left: 28.75%;
width: 24%;
height: auto;
color: rgb(0,51,102);
font-family: helvetica, sans-serif;
font-size: 1.182em; /* 28 / 16 = 1.75 */
text-align: justify;
letter-spacing: .075em; /* 1 / 16 = 0.0625 */
font-weight: normal;
line-height: 1.21em; /* 28 / 16 = 1.75 */
}

#paray {
position: absolute;
top: 28%;
left: 57.5%;
width: 37.5%;
height: auto;
font-size: 1.09em; /* 16 / 17 = 16 */
line-height: 1.375em; /* 28 / 16 = 1.75 */
color: rgb(66,33,11);
text-align: justify;
}

.header { position: absolute; top: 50px; left: 18px; }
.headerc {position: absolute; left: 2.5%; top: 18%;}
.services { position: absolute; top: 238px; left: 21px; }
.servicesc {position: absolute; top: 49%; left: 2.5%;}

#columnb {
position: absolute;
top: 0%;
left: 26.5%;
width: 73%;
height: 100%;
background-color: rgb(255,255,255);
}

#columnz {
width: 33%;
height: 100%;
float: left;
background-color: rgb(255,255,255);
}

#columny {
width: 34%;
height: 100%;
float: left;
background-color: rgb(147,214,223);
}

#columnx {
width: 33%;
height: 100%;
float: left;
background-color: rgb(255,255,255);
}

#columnx p {
margin: 60px 40px;
font-size: .65625em; /* 11 / 16 = 0.6875 */ /* 10.5 / 16 = 0.65625 */
line-height: 1.5em; /* 24 / 16 = 1.5 */ 
text-align: justify;
}

.phlight { background: url(../images/bdcohighlight.jpg); background-repeat: no-repeat;}

.redtype { color: rgb(255,0,0); font-size: 1.5em; /* 24 / 16 = 1.5 */  } 

/* Begin Gallery */
	
#gallery {
position: absolute;
bottom: 25px;
left: 73px;
}
	
#dynloadarea1 	{
position: absolute;
top: 50px;
left: 50px;
}
	
#dynloadarea	{
position: absolute;
top: 50px;
left: 51px;
}
	
/* End Gallery */
	
a{text-decoration: none;}
a:link {color: rgb(0,51,102);}/* dark blue */
a:hover {color: rgb(147,214,223); text-decoration: underline;}/* tiffany blue */
a:visited {color: rgb(153,153,153);}/* grey */
a:active {color: rgb(0,0,0);}/* black */ 

a.paralink {text-decoration: underline;}
a.paralink:visited {color: rgb(66,33,11);}/* brown*/
a.paralink:hover {color: rgb(0,51,102);}/* dark blue */

a.sublink {text-decoration: underline;}
a.sublink:hover {color: rgb(255,255,255);}/* white */
a.paralink:visited {color: rgb(51,51,51);}/* dark grey */

img {border: 0;}

.topltlogoc {position: absolute; left: 6.5%; top: 6%;}
.logo { position: absolute; left: 6.5%; bottom: 5%; }

.barcolor { color: rgb(147,214,223); font-size: 0.75em; /* 12 / 16 = 0.75 */ }

/*  Form Rules Go Below */

/* Begin Form Class */

.yi1 {position: absolute; top: 5%; right: 52%;}
.yi2 {position: absolute; top: 5%; right: 24%;}
.yi3 {position: absolute; top: 5%; right: 3.5%;}

.yi4 {position: absolute; top: 12.5%; right: 52%;}
.yi5 {position: absolute; top: 12.5%; right: 24%;}
.yi6 {position: absolute; top: 12.5%; right: 3.5%;}

.yi7 {position: absolute; top: 20%; right: 52%;}
.yi8 {position: absolute; top: 20%; right: 24%;}
.yi9 {position: absolute; top: 20%; right: 3.5%;}


.pd2 {position: absolute; top: 39%; right: 52%;}
.pd3 {position: absolute; top: 39%; right: 24%;}
.pd4 {position: absolute; top: 39%; right: 3.5%;}

.pd5 {position: absolute; top: 46%; right: 71.5%;}
.pd6 {position: absolute; top: 46%; right: 52%;}
.pd7 {position: absolute; top: 46%; right: 24%;}
.pd8 {position: absolute; top: 46%; right: 3.5%;}

.pd9 {position: absolute; top: 53%; right: 71.5%;}
.pd10 {position: absolute; top: 53%; right: 52%;}
.pd11 {position: absolute; top: 53%; right: 24%;}
.pd12 {position: absolute; top: 53%; right: 3.5%;}



#footer {position: relative; top: 6px; clear:both; overflow: auto; width: 100%; text-align: center;  }
#footer p { margin:0 0 0 14px; padding: 0; }
#footer span#footervalidnotes { padding-left: 2em; }


.normal { font-weight: normal; }
.bold { font-weight: bold; }