/* General Declarations */

@import "projects.css";

html, body {
font-family: verdana, sans-serif;
background-color: #ff6e3b;
}



a {
font-size: 70%;
color: #41668c;
text-decoration: none;
}

p a {
font-size: 100%;
}


a:hover {
background-color: #c6d2de;
border-bottom: 1px dashed #8da3ba;
}

p{
margin-top: 4px;
margin-bottom: 5px;
font-size: 70%;
color: #333333;
}



h1 {
font-size: 18px;
color: #ff6e3b;
margin: 0px;
margin-top: 15px;
padding: 3px;
padding-bottom: 2px;
border-bottom: 1px solid #dddddd;
}



/* Layout Components */

#headerDiv {
background-image: url('../images/bluegradient1.gif');
background-color: #41668c;
border-bottom: 1px solid #333333;
border-top: 1px solid #333333;
border-left: none;
border-right: none;
}

#headerDiv ul {
list-style-type: none;
margin: 0px;
padding: 0px;
border-right: 1px solid #333333;
}

#headerDiv li {
float:right;
margin: 0px;
padding: 1px;
}


#headerDiv li a {
font-size: 80%;
color: #eeeeee;
font-variant: small-caps;
font-weight: bold;
text-decoration: none;
margin: 0px;
padding-left: 6px;
padding-right: 6px;
}



#headerDiv li a:hover {
border-bottom: 1px dashed #7b96b1;
background-color: #496c8f;
}


#headerDiv img {
margin: none;
padding: none;
white-space: none;
float: right;
border: none;
}

#topMenu {
clear:both;
}

#contDiv {
margin-left:auto;
margin-right: auto;
width: 798px;
position:relative;
overflow: hidden;

}

.column {
float: left;
padding-bottom: 32767px;
margin-bottom: -32767px;  

}

.column2 {
float: left;  
}


#leftDiv {
background-image: url('../images/shadowbarleft_orange.gif');
width: 10px;
}

#rightDiv {
background-image: url('../images/shadowbarright_orange.gif'); 
width: 10px;
margin-top: -9px;
}



#centerDiv {
background-color: #ffffff;
width: 778px;
}






/* Right Side */

#rightCont {
margin-left: 200px;
padding: 7px;
padding-top: 0px;
margin-top: 0px;
}

#rightCont ul {
margin: 3px;
margin-left: 3px;
_margin-left: 50px;
margin-bottom: 3px;
padding-bottom: 2px;
margin-top: 2px;
padding-top: 2px;
}

#rightCont li {
font-size: 70%;
color: #333333;
margin: 3px;

}

#llamadiv {
width: auto;
}

#llamadiv img {
margin-left: 75px;
}

.leftpic {
float: left;
border: 1px solid #cccccc;
margin: 4px;
}

.rightpic {
float: right;
border: 1px solid #cccccc;
margin: 4px;
}

h2.h2stroke {
font-size: 13px;
font-weight: bold;
color: #41668c;
font-variant: small-caps;
margin: 0px;
padding: 3px;
margin-top: 10px;
padding-bottom: 0px;
padding-top: 1px;
}

.headerImage {
overflow: hidden;
border: none;
margin: none;
padding: none;
white-space: none;
}

.grayline {
background-image: url('../images/shadowbar1.gif');
width: auto;
}

#maincontact {
float:left;
}

#rightBox1 {
float:right;
width: 200px;
margin: 5px;
margin-top: 6px;
margin-bottom: 4px;
background-color: #ffffff;
border: 1px solid #cccccc;
color: #41668c;
}

#rightBox1 h2 {
font-size: 12px;
font-weight: normal;
color: #41668c;
font-variant: small-caps;
margin: 0px;
padding: 2px;
border-bottom: 1px solid #cccccc;
background-image: url('../images/graybar1.gif');
background-color: #eeeeee;
}

#rightBox1 p {
padding: 5px;
font-size: 70%;
color: #41668c;
}


#rightBox1 li {
font-size: 100%;
font-weight: normal;
margin-left: -7px;
text-decoration: none;
color: #41668c;
}

#rightBox1 li a {
font-weight: normal;
padding: 2px;
cursor: hand;
color: #41668c;
}

.linklist {
font-size: 70%;
border: 1px solid #eeeeee;
padding: 3px;
margin: 3px;
margin-left: 25px;
}


.linklist a {
font-size: 100%;
}

.pricebox {
padding: 1px;
margin: 3px;
background-image: url('../images/graygradient.gif');
border: 1px dashed #cccccc;
font-size: 80%;
text-align: center;
width: 200px;
margin-bottom: 15px;
}

/* Left Side and Left Side Menu Boxes */


#leftCont {
width: 199px;
border-right: 1px solid #cccccc;
background-image: url('../images/sidebar_back.gif');
padding-bottom: 32767px;
margin-bottom: -32767px;  
}

#leftCont img {
overflow: hidden;
margin: none;
padding: none;

}

#leftMenu2 {
width: 179px;
margin-left: auto;
margin-right: auto;
margin-top: 6px;
background-color: #ffffff;
border: 1px solid #cccccc;
margin-top: 4px;
margin-bottom: 4px;
color: #41668c;
}

#leftMenu2 h2 {
font-size: 12px;
font-weight: normal;
color: #41668c;
font-variant: small-caps;
margin: 0px;
padding: 2px;
border-bottom: 1px solid #cccccc;
background-image: url('../images/graybar1.gif');
background-color: #eeeeee;
}

#leftMenu2 p {
padding: 5px;
font-size: 70%;
color: #41668c;
}


#leftMenu2 li {
font-size: 70%;
font-weight: normal;
padding: 2px;
margin-left: -7px;
text-decoration: none;
color: #41668c;
}

#leftMenu2 li a {
font-weight: normal;
padding: 2px;
cursor: hand;
color: #41668c;
}

.buttonstyle {
background-color: #eeeeee;
border: 1px solid #cccccc;
}

.textbox1 {
border: 1px solid #cccccc;
width: 100px;
}

.textbox2 {
border: 1px solid #cccccc;
width: 150px;
}

.formSpace {
margin: 3px;
font-size: 70%;
color: #666666;
}

.formBlock {
margin: 3px;
font-size: 70%;
color: #666666;
}

/* Picture Holder and Pictures */



.floatedPic1 {
float: left;
margin: 8px;
border: 1px solid #dddddd;
background-color: #eeeeee;
}

#bioPic {
border: 1px solid #dddddd;
background-color: #eeeeee;
width: auto;
}

#bioPic img {
padding: none;
margin:none;
margin-right: 8px;
margin-bottom: 8px;
white-space: none;
display: block;
float:left;
}

h2.h2stroke2 {
font-size: 14px;
font-weight: normal;
color: #41668c;
font-variant: small-caps;
margin: 3px;
padding: 3px
}

/* Hour and Phone Number Holder */

.hour1 {
border: 1px solid #dddddd;
padding: 4px;
margin: 4px;
background-image: url('../images/graygradient.gif');
background-color: #eeeeee;
float: right;
width: 199px;
text-align: center;
}







/* Footer Stuff */

#footer1 {
border-bottom: 2px solid #41668c;
width: 778px;
margin-left: auto;
margin-right: auto;
}


#footer2 {
width: 778px;
margin-left: auto;
margin-right: auto;
text-align: center;
color: #dddddd;
}

#footer2 p {
color: #dddddd;
}

/* Utilities */

.clearing {
clear:both;
  overflow:hidden;
}
