﻿
/* 
----------------------------------------------------------------------------- 
CSS for Two Cupcake Productions by softfruit design -- seattle washington usa -- softfruitdesign.com -- table free baby and lovin' it...
												
-----------------------------------------------------------------------------*/


/* 
----------------------------------------------------------------------------- 
some RESET
-----------------------------------------------------------------------------*/

td {  margin:0; padding:0; } 

th {  margin:0; padding:0; } 

blockquote {  margin:0; padding:0; } 

p {  margin:0; padding:0; } 

textarea {  margin:0; padding:0; } 

input {  margin:0; padding:0; } 

fieldset {  margin:0; padding:0; } 

form {  margin:0; padding:0; } 

pre {  margin:0; padding:0; } 

h6 {  margin:0; padding:0; } 

h5 {  margin:0; padding:0; } 

h4 {  margin:0; padding:0; } 

h3 {  margin:0; padding:0; } 

h2 {  margin:0; padding:0; } 

h1 {  margin:0; padding:0; } 

li {  margin:0; padding:0; } 

ol {  margin:0; padding:0; } 

ul {  margin:0; padding:0; } 

dd {  margin:0; padding:0; } 

dt {  margin:0; padding:0; } 

dl {  margin:0; padding:0; } 

div {  margin:0; padding:0; } 

body {  margin:0; padding:0; } 

table { border-collapse:collapse; border-spacing:0; } 

img {  border:0; text-decoration: 0; } 

fieldset {  border:0; text-decoration: 0; } 

var { font-style:normal; font-weight:normal; } 

th { font-style:normal; font-weight:normal; } 

strong { font-style:normal; font-weight:normal; } 

em { font-style:normal; font-weight:normal; } 

dfn { font-style:normal; font-weight:normal; } 

code { font-style:normal; font-weight:normal; } 

cite { font-style:normal; font-weight:normal; } 

caption { font-style:normal; font-weight:normal; } 

address { font-style:normal; font-weight:normal; } 

li  { list-style-image:none;
 }

ul  { list-style-image:none;
 }

ul { list-style:none; } 

ol { list-style:none; } 

th { text-align:left; } 

caption { text-align:left; } 

h6 { font-size:100%; font-weight:normal; } 

h5 { font-size:100%; font-weight:normal; } 

h4 { font-size:100%; font-weight:normal; } 

h3 { font-size:100%; font-weight:normal; } 

h2 { font-size:100%; font-weight:normal; } 

h1 { font-size:100%; font-weight:normal; } 

q:after { content:''; } 

q:before { content:''; } 

acronym { border:0; } 

abbr { border:0; } 
/* 
----------------------------------------------------------------------------- 
LAYOUT
-----------------------------------------------------------------------------*/

html {
text-align : center;}

body {
position : relative;
margin : 0 auto;
} 

#container {
position: relative; 
width: 100%; 
height: 100%;
font-family: Verdana, Arial, sans-serif;
font-size: 75%;
margin: 20px 0px;
}

.maintable {
font-family: Verdana, Arial, sans-serif;
font-size: 100%;

width:830px;
background: #ffffff;
}

.white{
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #666666;}

#header {
	width: 830px;
	background-color: #597491;
	border-bottom : 1px #fff solid;
	border-top : 1px #666666 solid;
	border-right : 1px #666666 solid;
	border-left : 1px #666666 solid;
	background: URL(../img/title.jpg) no-repeat top left;
}

/* 
----------------------------------------------------------------------------- 
UL LI
-----------------------------------------------------------------------------*/

ul.nav {
list-style-image: none;
font-family: "Trebuchet MS", Arial, sans-serif;
}

ul.nav li {
list-style-image: none;
font-family: "Trebuchet MS", Arial, sans-serif;
text-align: left;
font-size: 12px;
padding: 2px 0px;
}


p.double {
line-height: 2em;
text-align: right;
font-weight: bold;
letter-spacing: 3px;
}

.pullquote {
	text-align: right;
	color: #999966;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.4em;
	width: 200px;
	float: right;
	margin: 5px 0px 8px 18px;
	border-top: 1px dotted #597491;
	border-bottom: 1px dotted #597491;
}


/*------------------------------
TYPE
-------------------------------------------*/

#header h1 {
color: #2E4D8C;
font-family: "Times Roman";
text-align: left;
font-size: 35px;
font-weight: bold;
padding: 2px 0px 0px 15px;
}

#header h2 {
color: #ffffff;
font-family : 'Lucida Grande', Verdana, Arial, 
	Helvetica, sans-serif;
text-align: left;
font-size: 22px;
padding: 2px 0px 0px 15px;
}

.sidebar p {
font-family : 'Lucida Grande', Verdana, Arial, 
	Helvetica, sans-serif;
color: #000000;
text-align: left;
font-size: 12px;
}

.maintable h3{
text-align: left;
font-family : 'Lucida Grande', Verdana, Arial, 
	Helvetica, sans-serif;
color: #6f804e;
line-height: 120%;
font-size: 12.5px;
font-weight: bold;
display:inline;
text-decoration: none;
}

.maintable h4{
	text-align: center;
	font-family : 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
	color: #6f804e;
	line-height: 120%;
	font-size: 14px;
	font-weight: bold;
}


.blk {
font-family : 'Lucida Grande', Verdana, Arial, 
	Helvetica, sans-serif;
color:#000;
text-align: left;
font-size: 11px;
}

.online{
font-family : 'Lucida Grande', Verdana, Arial, 
	Helvetica, sans-serif;
color:#990000;
text-align: left;
font-size: 11px;
text-decoration: none;

}

.sidebar h2{
text-align: left;
font-family : 'Lucida Grande', Verdana, Arial, 
	Helvetica, sans-serif;
color: #fff ;
font-size: 18px;
font-weight: bold;
}


.maintable p{
text-align: left;
font-family : 'Lucida Grande', Verdana, Arial, 
	Helvetica, sans-serif;
color: #666666 ;
line-height: 130%;
font-size: 12px;
text-decoration:none;
display: inline;
}

.maintable h1{
	text-align: left;
	color: #996600 ;
	font-size: 18px;
	font-weight: bold;
}



.maintable h2{
text-align: left;
color: #77A39C ;
font-size: 14px;
}

h6 {
text-align: left;
font-family : 'Lucida Grande', Verdana, Arial, 
	Helvetica, sans-serif;
color: #800000;
font-size: 12px;
font-weight: bold;
text-decoration:none;
display: inline;
} 


.service {
width: 250px;
text-align: left;
font-family : 'Lucida Grande', Verdana, Arial, 
	Helvetica, sans-serif;
margin: 0px 10px 0px 100px;
border-left: 1px solid #72aeae; 
padding: 0px 0px 15px 10px;
}


.main {
color: #000000;
vertical-align: top;
line-height: 16px;
padding: 10px 20px 10px 20px;
width: 560px;
text-align: justify;
}

.sidebar {
vertical-align: top;
text-align;left;
padding: 0px 10px 10px 10px;
width: 170px;
background-color: #ffffff;
border-right:5px solid #d0dabd;
text-decoration:none;
}

.sidebar ul
a:link {
	color: #999966;
	text-decoration: none;
	font-family: 'Verdana';
	text-align: left;
	font-size: 12px;
}
.sidebar ul a:visited {color:#72aeae;font-family:'Verdana'; text-decoration: none;}
.sidebar ul a:hover {text-decoration:font-family:'Verdana'; none;color:#788461}
.sidebar ul a:active {color: #788461;font-family:'Verdana'; text-decoration: none;}

.main ul a:link {color:#788461; text-decoration: none;font-family:'Verdana'; text-align: left;font-size: 12px;}
.main ul a:visited {color:#77a39c; text-decoration: none;font-family:'Verdana'; text-align: left;font-size: 12px;}
.main ul a:hover {color: #72aeae; text-decoration: none;font-family:'Verdana'; text-align: left;font-size: 12px;}
.main ul a:active {color: #72aeae; text-decoration: none;font-family:'Verdana'; text-align: left;font-size: 12px;}

.main a:link {color:#77a39c; text-decoration: none;font-family : "Lucida Grande",Verdana,Arial,
Helvetica,sans-serif; text-align: left;font-size: 11px;}
.main a:visited {color:#77a39c; text-decoration: none;font-family : "Lucida Grande",Verdana,Arial,
Helvetica,sans-serif; text-align: left;font-size: 11px;}
.main a:hover {color: #788461; text-decoration: none;font-family : "Lucida Grande",Verdana,Arial,
Helvetica,sans-serif; text-align: left;font-size: 11px;}
.main a:active {color: #77a39c; text-decoration: none;font-family : "Lucida Grande",Verdana,Arial,
Helvetica,sans-serif; text-align: left;font-size: 11px;}

.service ul a:link {color:#668983; text-decoration: none;font-family : "Lucida Grande",Verdana,Arial,
Helvetica,sans-serif; text-align: left;font-size: 12px;}
.service ul  a:visited {color:#668983; text-decoration: none;font-family : "Lucida Grande",Verdana,Arial,
Helvetica,sans-serif; text-align: left;font-size: 12px;}
.service ul  a:hover {color:#668983; text-decoration: none;font-family : "Lucida Grande",Verdana,Arial,
Helvetica,sans-serif; text-align: left;font-size: 12px; }
.service ul  a:active {color: #668983; text-decoration: none; font-weight: bold; font-family : "Lucida Grande",Verdana,Arial,
Helvetica,sans-serif; text-align: left;font-size: 12px;}


.copyright {
text-align: center;
font-size: 90%;
font-weight: bold;
letter-spacing: 5px;
}

.catalog {
color: #000000;
vertical-align: top;
text-align: justify;
}

/*------------------------------- 
BEGIN PROPERTIES FOR PHOTO IMAGE BORDERS 
------------------------------------------*/
img.left {
float:left;
margin: 15px 15px 15px 0px;
}

img.right {
float:right;
margin: 15px 15px 15px 0px;
}



img {  border:0; }



fieldset {  border:0; }

.imageleft {
margin: 0px 20px 0px 0px;
float: left;
border: 3px double #182B54;
}

.imageright {
margin: 0px 0px 0px 20px;
float: right;
border: 3px double #182B54;
}