/* generated by csscreator.com */ 
html, body { 
margin:0; 
padding:0; 
text-align:center; 
background:url(images/body-bg3.jpg) top left repeat #fff;
font-family:Arial, Helvetica, sans-serif;
} 

abbr {
border-bottom:1px dotted #ccc;
}

#pagewidth { 
width:900px; 
text-align:left;  
margin-left:auto; 
margin-right:auto;  
background:url(images/pagewidth_bg.jpg) top left repeat-y #FCF9F5;
border-left:1px solid #999;
border-right:1px solid #999;
} 

#header {
position:relative; 
height:208px; 
background:url(images/header.jpg) top left no-repeat #333;
} 

#menu {
height:50px; 
background:url(images/menu.jpg) top left no-repeat #333;
} 

#maincol {
background-color: #FCF9F5;  
display:inline; 
position: relative; 
width:; 
}

#footer {
height:80px; 
background-color:#AF89D9; 
clear:both;
background:url(images/footer_bg_tile.jpg) bottom left repeat-y #333;
} 

#lower_left {
width:450px;
float:left;
margin-top:10px;
}

#lower_right {
width:449px;
float:left;
margin-top:10px;
border-left:1px solid #ccc;
}

#leftcol {
float:left;
width:575px;
}

#rightcol {
float:left;
width:325px;
}

.title1 {
font-family:Trebuchet MS, sans-serif;
font-weight:bold;
font-size:20px;
color:#333;
}

.title2 {
font-family:Trebuchet MS, sans-serif;
font-weight:bold;
font-size:16px;
color:#fff;
}

.title3 {
font-family:Trebuchet MS, sans-serif;
font-weight:bold;
font-size:18px;
color:#41818d;
}

.text1 {
font-family:Arial, sans-serif;
font-size:14px;
color:#666;
line-height:130%;
}

.text2 {
font-family:Trebuchet MS, sans-serif;
font-size:11px;
color:#fff;
line-height:130%;
}

.writing-preview {
font-family:Arial, sans-serif;
font-size:12px;
color:#999;
line-height:130%;
padding-left:40px;
background:url(images/blockquote-bg.png) top left no-repeat;
}

.text_quote {
font-family:Trebuchet MS, sans-serif;
font-size:14px;
color:#fff;
line-height:130%;
padding:15px 20px 0 30px;
}

.text_quote_small {
font-family:Trebuchet MS, sans-serif;
font-size:11px;
color:#fff;
line-height:130%;
padding-left:30px;
}

.link1 {
font-family:Trebuchet MS, sans-serif;
color:#41818d;
text-decoration:none;
}

.link1:hover {
color:#666;
text-decoration:none;
}

.link2 {
font-family:Trebuchet MS, sans-serif;
color:#41818d;
text-decoration:none;
font-size:16px;
}

.link2:hover {
color:#666;
text-decoration:none;
}

.list1 {
list-style-type:none;
font-family:Arial,sans-serif;
font-size:14px;
color:#666;
background:url(images/list_bg.jpg) repeat-y top left;
margin:0;
padding:0;
}

.list1 li {
padding:5px 0 5px 35px;
}

.list2 {
list-style-type:none;
font-family:Arial,sans-serif;
font-size:14px;
color:#666;
background:#f1f6f9;
margin:0;
padding:10px;
}

.list2 li {
margin-top:5px;
}

#contact {
width:197px;
margin-top:5px;
}

#contact input {
background:url(images/input_bg.jpg) top left repeat-x #FCF9F5;
height:auto;
font-family: Arial, Helvetica, sans-serif;
font-size:16px; 
color:#666;
border: 1px solid #ccc;
margin:3px 0 0 17px;
padding-left:4px;
}

#contact textarea {
background:url(images/textarea_bg.jpg) top left repeat-x #FCF9F5;
height:auto;
font-family: Arial, Helvetica, sans-serif;
font-size:16px; 
color:#666;
border: 1px solid #ccc;
scroll:auto;
margin:3px 0 0 17px;
padding-left:4px;
}

.teal {
color:#397992;
font-weight:bold;
}

/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */