/*
Theme Name: M Pete Inc
Description: Custom theme created for M Pete Inc by LEAP Design.
Author: LEAP Design
Author URI: http://leapdesign.com/

*/

/* ------------------------------------ */
/* Basic Styles							*/
/* ------------------------------------ */

body {
	margin:0;
}

a img {
	border:0;
}

a {
	color:#af292e;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a img.off { display:inline; }
a:hover img.off { display:none; }
a img.on { display:none; }
a:hover img.on { display:inline; }


/* ------------------------------------ */
/* Global Structure						*/
/* ------------------------------------ */

#container {
	width:1000px;
	margin:0 auto;
	position:relative;
}

#container.home {
	background:url(images/home_container_bg.gif) repeat-y;
	height:700px;
}

#container.terms {
	background:url(images/inside_container_bg.gif) repeat-y left;
}


/* ------------------------------------ */
/* Home Page							*/
/* ------------------------------------ */

.home #portfolio {
	position:absolute;
	top:132px;
	left:123px;
}

.home #portfolio td {
	align:left;
	vertical-align:top;
	height:165px;
}

.home #portfolio td.row_1 {
	width:179px;
}

.home #portfolio td.row_2 {
	width:176px;
}

.home #portfolio td.row_3 {
	width:150px;
}

#home_name {
	position:absolute;
	top:366px;
	left:653px;
}

#home_tagline {
	position:absolute;
	top:519px;
	left:653px;
}


/* ------------------------------------ */
/* Navigation							*/
/* ------------------------------------ */

#nav {
	position:absolute;
}

#nav ul {
	list-style:none;
	margin:0;
	padding:0;
}

#nav ul li {
	float:left;
	margin:0;
	padding:0;
}

.home #nav {
	top:587px;
	left:653px;
}

.inside #nav {
	top:48px;
	left:684px;
}


/* ------------------------------------ */
/* Inside Pages							*/
/* ------------------------------------ */

#content {
	background:url(images/inside_logo_bar.gif) no-repeat top left;
	height:700px;
	position:relative;
}

#content.full-frame {
	width:1000px;
}

#content.half-frame {
	width:590px;
	float:left;
}

.terms #content {
	height:auto;
}

.inside #logo {
	position:absolute;
	top:37px;
	left:10px;
}

.inside #portfolio {
	position:absolute;
	top:132px;
	left:166px;
}

.inside #portfolio td {
	align:left;
	vertical-align:top;
	width:179px;
	height:163px;
}

#sideimg {
	width:410px;
	height:700px;
	float:left;
}

.how-we-work #sideimg {
	background:url(images/sideimg_howwework.jpg);
}

.contact #sideimg {
	background:url(images/sideimg_contact.jpg);
}

#copy {
	position:absolute;
	width:500px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
	color:#404040;
}

.how-we-work #copy {
	top:163px;
	left:50px;
}

.contact #copy {
	top:252px;
	left:50px;
}

.terms #copy {
	position:relative !important;
	width:800px;
	padding:150px 0 30px 50px;
}

.how-we-work .who-we-are {
	margin-top:40px;
}


/* ------------------------------------ */
/* Footer								*/
/* ------------------------------------ */

#footer {
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#808080;
}

.home #footer {
	top:682px;
	left:653px;
}

.inside .full-frame #footer {
	top:682px;
	left:350px;
}

.inside .half-frame #footer {
	top:682px;
	left:50px;
}

.terms #footer {
	position:relative !important;
	top:auto !important;
	left:auto !important;
	padding:0 0 10px 50px;
}