/*  
Theme Name: Infinite Simplicity
Theme URI: http://iswebdesign.ca
Description: Keep Things Simple
Version: 3.0
Author: Ray Rheault
Author URI: http://www.iswebdesign.ca/
*/

/* Reset */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, blockquote, pre,
a, address, code, img, 
small, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1.5;
    font-family: helvetica, arial, sans-serif;
	text-align: center;
	background:#000;
}

ol, ul {
	list-style: none;
}

/* End Reset */

#wrapper {
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

#wrapper #header {
	background-image:url(images/headerimg.jpg);
	width:960px;
	height:340px;
}

#wrapper #subnavbar {
	clear:both;
}

#wrapper ul.menu, ul.menu2 {
	display:none;
}

#wrapper ul.menu2 {
	margin-left:315px;
	float:left;
	background-color:#000;
	width:180px;
	border-style:solid;
	border-color:#ffffcc;
	border-width:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

#wrapper ul.menu2 a {
	text-decoration:none;
	color:#FFF;
}

#wrapper ul.menu2 a:hover{
	font-weight:bold;
}


#wrapper #header #navbar {
	clear:both;
	padding-top:248px;
	margin-left:80px;
	height:32px;
}

#wrapper li#home {
	float:left;
	background:url(images/home_na.jpg);
	width:120px;
	height:32px;
	text-indent:-9999px;
}

#wrapper li#home a {
	display:block;
	height:32px;
	width:120px;
}

#wrapper li#home a:hover {
	background:url(images/home_a.jpg);
	height:32px;
	width:120px;
}

#wrapper li#about {
	float:left;
	margin-left:15px;
	background:url(images/about_na.jpg);
	width:120px;
	height:32px;
	text-indent:-9999px;
}

#wrapper li#about a {
	display:block;
	height:32px;
	width:120px;
}

#wrapper li#about a:hover {
	background:url(images/about_a.jpg);
	height:32px;
	width:120px;
}

#wrapper li#services {
	float:left;
	margin-left:15px;
	background:url(images/services_na.jpg);
	width:120px;
	height:32px;
	text-indent:-9999px;
}

#wrapper li#services a {
	display:block;
	height:32px;
	width:120px;
}

#wrapper li#services a:hover {
	background:url(images/services_a.jpg);
	height:32px;
	width:120px;
}

#wrapper li#portfolio {
	float:left;
	margin-left:15px;
	background:url(images/port_na.jpg);
	width:120px;
	height:32px;
	text-indent:-9999px;
}

#wrapper li#portfolio a {
	display:block;
	height:32px;
	width:120px;
}

#wrapper li#portfolio a:hover {
	background:url(images/port_a.jpg);
	height:32px;
	width:120px;
}

#wrapper li#blog {
	float:left;
	margin-left:15px;
	background:url(images/blog_na.jpg);
	width:120px;
	height:32px;
	text-indent:-9999px;
}

#wrapper li#blog a {
	display:block;
	height:32px;
	width:120px;
}

#wrapper li#blog a:hover {
	background:url(images/blog_a.jpg);
	height:32px;
	width:120px;
}

#wrapper li#contact {
	float:left;
	margin-left:15px;
	background:url(images/contact_na.jpg);
	width:120px;
	height:32px;
	text-indent:-9999px;
}

#wrapper li#contact a {
	display:block;
	height:32px;
	width:120px;
}

#wrapper li#contact a:hover {
	background:url(images/contact_a.jpg);
	height:32px;
	width:120px;
}

#wrapper #primary {
	clear:both;
}

#wrapper #primary #sidebar {
	float:left;
	background-color:#000;
	width:200px;
	border-style:solid;
	border-color:#ffffcc;
	border-width:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	margin-right:10px;
	padding:10px;
	text-align:left;
	color:#FFF;
}

#wrapper #primary #sidebar a {
	text-decoration:none;
	color:#FFF;
}

#wrapper #primary #sidebar a:hover{
	font-weight:bold;
}

#wrapper #sidebar #linkslist {
	list-style:inside;
	font-size:9px;
}


#wrapper #primary #content {
	float:left;
	text-align:left;
	background-color:#000;
	width:680px;
	border-style:solid;
	border-color:#ffffcc;
	border-width:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	color:#FFF;
	padding:10px;
}

#wrapper #primary #content a{
	color:#FFF;
}

    img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

    .alignright {
    float: right;
    }

    .alignleft {
    float: left;
    }
	
#wrapper #footer a {
	color:#FFF;
}