/* BASIC FORMATTING */
body { 
	margin:0; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:9px;
}
p { 
	font-size:9px; 
	margin-top:0; 
	margin-bottom:12px; 
}
img { 
	border:0px; 
	margin:0px; 
}
ul, li {
	margin:0;
	padding:0;
}
ul {
	list-style-type:none;
}
li {
	background-image:url("http://www.definitelymably.com/images/bullet.gif");
	background-repeat:no-repeat;
	background-position:0 50%;
	margin-left:0px;
	padding-left:15px;
}

/* LINKS */
a:link { 
	color:#9A0732; 
	text-decoration:none; 
}
a:visited { 
	color:#990530; 
	text-decoration:none; 
}
a:hover { 
	color:#97012D; 
	text-decoration:underline; 
}
a:active { 
	color:#97012D; 
	text-decoration:none; 
}

/* NAVBAR */
/* CONTAINER TO HOLD THE BUTTONS */
#navcontainer { 
	position:absolute; 
	top:91px; 
	left:651px; 
	width:92px; 
	height:auto; 
	display:block; 
	z-index:199; 
}
/* DISPLAY THE IMAGES VERTICALLY */
#navwhoweare, #navwhatweoffer, #navrecentwork, #navgetaquote, #navcontactus { 
	position:absolute; 
	top:0px; 
	height:20px; 
	display:block; 
	overflow:hidden; 
	z-index:200; 
}
/* BUTTON IMAGES - NORMAL STATE - COMMON ELEMENTS */
#navwhoweare, #navwhoweare a, #navwhatweoffer, #navwhatweoffer a, #navrecentwork, #navrecentwork a, #navgetaquote, #navgetaquote a, #navcontactus, #navcontactus a { 
	left:0px; 
	width:92px; 
	height:20px; 
	display:block; 
	background-position:top left; 
	background-repeat:no-repeat; 
}
/* BUTTON IMAGES - NORMAL STATE - TOP HALF OF ROLLOVER IMAGE SHOWN */
/* SET THE SAME IMAGE ON THE DIV AND THE ANCHOR TO ELIMINATE IE FLICKER ON ROLLOVER */
#navwhoweare, #navwhoweare a { 
	top:0px; 
	background-image:url("http://www.definitelymably.com/images/nav_whoweare.gif"); 
}
#navwhatweoffer, #navwhatweoffer a { 
	top:20px; 
	background-image:url("http://www.definitelymably.com/images/nav_whatweoffer.gif"); 
}
#navrecentwork, #navrecentwork a { 
	top:40px; 
	background-image:url("http://www.definitelymably.com/images/nav_recentwork.gif"); 
}
#navgetaquote, #navgetaquote a { 
	top:340px; 
	background-image:url("http://www.definitelymably.com/images/nav_getaquote.gif"); 
}
#navcontactus, #navcontactus a { 
	top:360px; 
	background-image:url("http://www.definitelymably.com/images/nav_contactus.gif"); 
}
/* BUTTON IMAGES - OVER STATE - BOTTOM HALF OF ROLLOVER IMAGE SHOWN */
#navwhoweare a:hover, #navwhatweoffer a:hover, #navrecentwork a:hover, #navgetaquote a:hover, #navcontactus a:hover { 
	background-position:bottom left; 
}
/* HIDE THE TEXT LINK FROM CSS ENABLED BROWSER */
#navwhoweare span, #navwhatweoffer span, #navrecentwork span, #navgetaquote span, #navcontactus span { 
	display:none; 
}

/* CONTAINERS */
#pagecontainer { 
	position:absolute; 
	top:0px; 
	left:0px; 
	width:760px; 
	height:581px; 
	background-color:#ccc; 
}

/* CORE ELEMENTS */
#bgtop { 
position:absolute; 
	top:0px; 
	left:0px; 
	width:760px; 
	height:163px; 
	background-image:url("http://www.definitelymably.com/images/bg_top.jpg"); 
	z-index:2; 
}
#bgbot { 
position:absolute; 
	top:417px; 
	left:0px; 
	width:760px; 
	height:164px; 
	background-image:url("http://www.definitelymably.com/images/bg_bot.jpg"); 
	z-index:2; 
}
#logo {
	position:relative;
	top:67px; 
	left:0px;
}
#content { 
position:absolute; 
	top:178px; 
	left:21px; 
	width:438px; 
	height:245px; 
	z-index:10; 
}
#validator { 
	color:#fff;
	position:absolute; 
	top:590px; 
	left:10px; 
	z-index:2; 
	display:inline;
}
#validator p { 
	display:inline; 
}
p.col1 {
	float:left;	
	width:210px;
}
p.col2 {
	float:right;
	width:210px;
}

/* SECTION HEADERS */
#whoweare h1 { 
	background-image:url("http://www.definitelymably.com/images/hd_whoweare.gif"); 
}
#whatweoffer h1 { 
	background-image:url("http://www.definitelymably.com/images/hd_whatweoffer.gif"); 
}
#recentwork h1 { 
	background-image:url("http://www.definitelymably.com/images/hd_recentwork.gif"); 
}
#getaquote h1 { 
	background-image:url("http://www.definitelymably.com/images/hd_getaquote.gif"); 
}
#contactus h1 { 
	background-image:url("http://www.definitelymably.com/images/hd_contactus.gif"); 
}
#whoweare h1, #whatweoffer h1, #recentwork h1, #getaquote h1, #contactus h1 { 
	height:64px; 
	text-indent:-3333px; 
	margin:0px; 
	background-repeat:no-repeat; 
}

/* SIDE PICS */
#sidepic { 
	position:absolute; 
	top:163px; 
	left:474px; 
	width:286px; 
	height:254px; 
	background-color:#fff; 
	padding:0;
	z-index:2;
}
#home #sidepic {
	background-image:url("http://www.definitelymably.com/images/side_home.jpg");
}
#whoweare #sidepic {
	background-image:url("http://www.definitelymably.com/images/side_whoweare.jpg");
}
#whatweoffer #sidepic {
	background-image:url("http://www.definitelymably.com/images/side_whatweoffer.jpg");
}
#getaquote #sidepic {
	background-image:url("http://www.definitelymably.com/images/side_getaquote.jpg");
}
#contactus #sidepic {
	background-image:url("http://www.definitelymably.com/images/side_contactus.jpg");
}

#slideshow { 
	position:relative; 
	top:17px; 
	left:0px; 
}

#slideshowtext {
	position:relative;
	top:36px;
	text-align:right;
 	margin-right:16px;
}

/* HOME */
#enter { 
	position:absolute; 
	top:482px; 
	left:319px; 
	overflow:hidden; 
	z-index:20; 
}
#enter, #enter a { 
	height:40px; 
	display:block; 
}
#enter, #enter a { 
	width:130px; 
	background:url("http://www.definitelymably.com/images/btn_enter.jpg") top left no-repeat; 
}
#enter a:hover { 
	background-position:bottom left; 
	z-index:25; 
}
#enter span { 
	display:none; 
}