@charset "utf-8";

/* BODY */

body{
margin:0px 0px 0px 0px;
background: #ffffff;
}

/* FONTS */

h1 { font-size:22px; font-weight:bold; color:#707070; font-family:arial; padding: 10px 10px 10px 10px; background-color:#ebebeb; border-bottom: 1px solid #CCCCCC; }
h2 { font-size:16px; font-weight:bold; color:#707070; font-family:arial; padding: 10px 10px 10px 10px; border-bottom: 1px solid #CCCCCC; }
h3 { font-size:16px; font-weight:bold; color:#555555; font-family:arial; padding: 10px 0px 0px 20px; }

/* IMAGES */

img.topic {padding: 10px 20px 0px 0px;}
img.profile {padding: 25px 0px 0px 0px; }
img.photography {padding: 20px 20px 20px 20px; }

/* HEADER */

#headerbg{
width: 100%; /*Width of main container*/
height: 125px;
margin: 0 auto; /*Center container on page*/
padding:0px;
background-color:#609fe6;
background-image:url(../images/bg-header.gif); background-position:bottom; background-repeat:repeat-x;
}

#headercontainer{
width: 910px; /*Width of main container*/
height: 70px;
margin: 0 auto;
padding: 25px 0px 0px 0px;
}

/* MENU */

.mainNavon			{width:125px; float:right; margin:0px 0px 0px 5px; padding: 0px 0px 0px 0px; 
					text-align:center; font-size:12px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; }
.mainNavon a		{display:block; background-color:#FFFFFF; text-decoration:none; padding:10px 10px 10px 10px; color: #5091da; }
.mainNavon a:hover	{ text-decoration:none; background-color:#f8fbfe; }

.mainNavoff			{width:125px; float:right; margin:0px 0px 0px 5px; padding: 0px 0px 0px 0px;
					text-align:center; font-size:12px; font-family: Arial, Helvetica, sans-serif; font-weight:bold;}
.mainNavoff a		{display:block; background-color:#89bbf3; text-decoration:none; padding:10px 10px 10px 10px; color:#FFFFFF;
					 background-image:url(../images/bg-menu-off.gif); background-position:bottom; background-repeat:repeat-x; }
.mainNavoff a:hover	{ text-decoration:none; background-color:#5091da;
					 background-image:url(../images/bg-menu-off-hover.gif); background-position:bottom; background-repeat:repeat-x; }

/* CONTENT CONTAINERS */

#maincontainer{
width: 910px;
margin: 0 auto;
}

#leftcontent{
width: 650px; /*Width of main container*/
float:left;
padding:0px;
}

#rightcontent{
width: 260px; /*Width of main container*/
float:right;
padding:0px;
}

/* CONTENT */

.topiccontainer{
width: 630px; 
float:left;
padding:10px 0px 0px 0px;
}

.topiccontainer p{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#464646; text-align:justify; line-height:150%; padding: 10px 20px 0px 20px; }
.topiccontainer a{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#4987eb; text-align:justify; line-height:150%; }
.topiccontainer li{ font-size:14px; color:#464646; font-family:Arial, Helvetica, sans-serif; text-align:justify; line-height:150%; padding: 10px 20px 0px 20px; }

.factscontainer{
width: 260px; 
padding:0px 0px 5px 0px;
background-color: #fef2ee;
}

.factscontainer h3{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; padding: 10px 10px 10px 10px; background-color:#d04318;  }
.factscontainer p{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#464646; text-align:justify; line-height:175%; padding: 10px 20px 10px 20px; }
.factscontainer li { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#464646; line-height:200%; padding: 0px 0px 0px 0px; }
.factscontainer a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#4987eb; line-height:175%; }

/* FOOTER */

#footer{
width: 100%; /*Width of main container*/
margin: 0 auto;
float: left;
height: 165px;
padding:0px;
background-color:#b12f17;
border-top: 20px solid #FFFFFF;
background-image:url(../images/bg-footer.gif); background-position:top; background-repeat:repeat-x;
}

#footercontainer{
width: 910px; /*Width of main container*/
height: 125px;
margin: 0 auto;
padding: 20px 0px 10px 0px;
}

#footercontainer h3{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; padding: 0px 0px 0px 0px; }
#footercontainer p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; padding: 0px 0px 0px 0px; }
#footercontainer li { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; line-height:200%; padding: 0px 0px 0px 0px; }
#footercontainer a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; }

#petprojects {
width: 265px;
height: 100px;
float: left;
margin: 0px 20px 0px 0px;
padding: 10px 10px 10px 10px;
border-right: 1px solid #f26522;
}

#distractions {
width: 265px;
height: 100px;
float: left;
margin: 0px 20px 0px 5px;
padding: 10px 10px 10px 10px;
border-right: 1px solid #f26522;
}

#contact {
width: 265px;
height: 100px;
float: right;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
}