/*
###############
##           ##
##  General  ##
##           ##
###############
*/

body {
	background: #cdcbcb;
    font-family: verdana, arial, helvetica, sans-serif;
    color: #333366;
	margin: 10px;
	text-align: center; /* Needed for IE6 */
    }

h1 {
	font-size: 16pt;
	}
h2 {
	font-size: 15pt;
	}
h3 {
	font-size: 14pt;
	}
p {
	font-size: 12pt;
}
a:link,
a:active,
a:visited {
	color: green;
    text-decoration : none;
}
a:hover {
	color: red;
    text-decoration : none;
}
a:link img,
a:visited img,
a:hover img,
a:active img {
	border-style: none;
    }

/*
#########################
#####               #####
#####   Structure   #####
#####               #####
#########################
*/
#header {
	border-bottom: 1px solid #cdcbcb;
	padding-bottom: 10px;
    }
#header_top {
	float: left;
    }
    #header_top p {
        margin-top: 0px;
        margin-bottom: 0px;
        }
#sp_logo_img {
    /* background-image: url("../images/smart_pixie.png"); */
    background-repeat: no-repeat;
    display: block;
    height: 70px;
    width: 291px;
    text-indent: -9999px;
    }
#header_menu {
    height: 70px;
    }
#menu_nav {
	height: 30px;
	font-weight: normal;
	font-size: small;
	margin-top : 0px;
	margin-left : 0px;
	padding-top : 20px;
    padding-bottom: 0px;
	padding-left : 0px;
    text-decoration : none;
    }
    #menu_nav ul {
		float: left;
	    }
    #menu_nav li#start {
        }
    #menu_nav li#end {
        border: 0px;
        }
    #menu_nav li {
		font-size: 10pt;
		font-weight: bold;
        position : relative;
        float : left;
        width : 35px;
        list-style-type : none;
        margin : 0px;
        padding : 5px 30px 5px 15px;
		border-right: 1px solid #333366;;
        }
    #menu_nav li a:link,
    #menu_nav li a:active,
    #menu_nav li a:visited {
		color: #333366;
        text-decoration : none;
        }
    #menu_nav li a:hover {
		color: red;
        text-decoration : none;
        }
#outer_page_body {
	width: 1000px;
	background: #6b6565;
	margin: 0px auto 0px auto;
	padding: 0px 0px 1px 0px;
	text-align: left; /* Needed for IE6 */
	}
#page_body {
	background: white;
    margin: 2px 2px 2px 2px;
    clear: left;
    padding: 10px 10px 10px 10px;
    }
#footer {
	clear: left;
	height: 53px;
    margin: 40px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-top: 1px solid #cdcbcb;
    }
    #footer #footer_terms {
		float: right;
		}
	#footer #footer_privacy_policy {
		float: right;
		}
    #footer a:link,
    #footer li a:active,
    #footer li a:visited {
		color: #333366;
        text-decoration : none;
        }
    #footer a:hover {
		color: red;
        text-decoration : none;
        }
    #footer p {
		float: left;
        margin: 5px 20px 5px 0px;
        padding: 0px;
		font-size: xx-small;
        }
#validator_logos {
	clear: left;
    }

/*******************

 About page

*******************/
.about_section {
	/* background: #7eace5; */
	border: 1px solid #cdcbcb;
	float: left;
	margin: 10px;
	padding: 10px;
    }
    .about_section h2 {
		margin-top: 0px;
		margin-bottom: 5px;
		}
    .about_section ul {
		margin: 0px;
		padding: 0px;
		}
	.about_section li {
		list-style-type : none;
        }
#development_div {
	clear: left;
	}

/*******************

 Project Page

*******************/
#projects_body {
	height: 480px;
	}

/*******************

 Contact Page

*******************/
#contact_email_div {
	clear: left;
	}
.contact_section {
	border: 1px solid #cdcbcb;
	float: left;
	margin: 10px;
	padding: 10px;
    }
.contact_sub_section {
	float: left;
	margin-bottom: 10px;
	padding: 0px 10px 0px 10px;
    }
    .contact_sub_section h3 {
		margin-bottom: 0px;
	    }
    .contact_sub_section p {
		margin-top: 5px;
	    }