/*-----------------------------------------------------------------------------------
Title:     Maines Design
Author:    kevin@mainesdesign.com
Updated:   11-21-08
-----------------------------------------------------------------------------------
-----------------------------------------------------------------------------------
Resets
-----------------------------------------------------------------------------------
 Normalizes margin, padding */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td
{
	margin:0;
	padding:0;
}

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6
{
	font-size:100%;
}

/* Normalizes font-style and font-weight to normal */
address,caption,cite,code,dfn,em,strong,th,var
{
	font-style:normal;
	font-weight:400;
}

/* Removes list-style from lists */
table
{
	border-collapse:collapse;
	border-spacing:0;
}

/* Removes border from fieldset and img */
fieldset,img
{
	border:0;
}

/* Left-aligns text in caption and th */
caption,th
{
	text-align:left;
}

/* Removes quotation marks from q */
q:before,q:after
{
	content:'';
}

/*-----------------------------------------------------------------------------------
Layout 
-----------------------------------------------------------------------------------*/
html
{
	background-color:#00AEEF;
}

body
{
	width:100%;
	height:600px;
	display:table;
	text-align:center;
	background-color:#00AEEF;
	background-image:url(images/body-bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}

#page-wrap
{
	width:940px;
	background-color:transparent;
	text-align:left;
	padding-top:40px;
	margin:0 auto;
}

#head-wrap
{
	width:100%;
	background-color:transparent;
	position:relative;
	background-image:url(images/head-bg.jpg);
	background-repeat:no-repeat;
	background-position:10px 0;
	padding:0 0 204px;
}

#logo h1 a
{
	width:283px;
	height:121px;
	text-indent:-9999px;
	display:block;
	background-color:transparent;
	float:left;
	background-image:url(images/logo.gif);
	background-repeat:no-repeat;
	margin:20px 6px 0 0;
}



/*-----------------------------------------------------------------------------------
Navigation 
-----------------------------------------------------------------------------------*/
#navbar
{
	margin-top:48px;
	float:right;
}

ul#nav li a
{
	text-indent:-9999px;
	display:block;
	height:57px;
	float:left;
}

ul#nav li a.home
{
	background:url(images/nav1off.gif) no-repeat;
	width:142px;
}

ul#nav li a.home:hover
{
	background:url(images/nav1on.gif) no-repeat;
	width:142px;
}

ul#nav li a.about
{
	background:url(images/nav2off.gif) no-repeat;
	width:146px;
}

ul#nav li a.about:hover
{
	background:url(images/nav2on.gif) no-repeat;
	width:146px;
}

ul#nav li a.portfolio
{
	background:url(images/nav3off.gif) no-repeat;
	width:188px;
}

ul#nav li a.portfolio:hover
{
	background:url(images/nav3on.gif) no-repeat;
	width:188px;
}

ul#nav li a.contact
{
	background:url(images/nav4off.gif) no-repeat;
	width:175px;
}

ul#nav li a.contact:hover
{
	background:url(images/nav4on.gif) no-repeat;
	width:175px;
}





/*-----------------------------------------------------------------------------------
Highlight the current page in main nav
-----------------------------------------------------------------------------------*/
body#home ul#nav li a.home
{
	background:url(images/nav1on.gif) no-repeat;
	width:142px;
}

body#about ul#nav li a.about
{
	background:url(images/nav2on.gif) no-repeat;
	width:146px;
}

body#portfolio ul#nav li a.portfolio
{
	background:url(images/nav3on.gif) no-repeat;
	width:188px;
}

body#contact ul#nav li a.contact
{
	background:url(images/nav4on.gif) no-repeat;
	width:175px;
}



/*-----------------------------------------------------------------------------------
Secondary Navigation 
-----------------------------------------------------------------------------------*/
#secondarynav
{
	width:611px;
	position:absolute;
	text-align:right;
	margin-right:10px;
	top:15px;
	right:30px;
}

/*-----------------------------------------------------------------------------------
Image
-----------------------------------------------------------------------------------
-----------------------------------------------------------------------------------
Content
-----------------------------------------------------------------------------------*/
#content-wrap
{
	width:920px;
	background-color:#FFF;
	border-top:15px #FFF solid;
	border-bottom:15px #FFF solid;
	margin:0 10px;
}

#main-column
{
	width:595px;
	float:left;
	margin:0 25px;
}

/*-----------------------------------------------------------------------------------
Sidebar
-----------------------------------------------------------------------------------*/
#sidebar
{
	width:225px;
	margin-right:25px;
	padding-left:24px;
	border-left:1px gray dotted;
	float:right;
}

/*-----------------------------------------------------------------------------------
Footer
-----------------------------------------------------------------------------------*/
#footer
{
	width:940px;
	background-image:url(images/footer-bg.gif);
	background-repeat:no-repeat;
	background-position:center top;
	padding-top:40px;
	text-align:center;
	color:#fff;
}

#footer a
{
	color:#fff;
}

#footer li
{
	list-style:none;
	display:inline;
	border-left:1px #FFF dotted;
	padding:0 10px;
}

#footer li:first-child
{
	border:none;
}

ol,ul,ul#nav
{
	list-style:none;
}

ul#nav li,#secondarynav li
{
	display:inline;
}

body#home ul#nav li a.home,body#about ul#nav li a.about,body#portfolio ul#nav li a.portfolio,body#contact ul#nav li a.contact
{
	background-position:bottom center;
}

#secondarynav ul,#footer ul
{
	list-style:none;
	font-size:.8em;
}