/* Copyright (c) 2009 Yamen Elasadi (YamenElasadi@hotmail.com || http://loanmodificationmadesimple.net)
 * Should be Compitable with all browsers:  Tested with FireFox, IE 7 & beta test.  Did not test with ie 6
 */


body{
margin: 0;
padding: 0;
border: 0;
background:url('../images/bg.gif') repeat-x;
width:100%;
}

.clear {
	clear:both; height:30px;
}

.center{
	text-align:center;
}

#wrap{
	width:1012px;
	height:2150px;
	margin:0px;
	padding:0px;
	clear:both;
	border:0px black solid;
}

.wrap {
	margin:0px;
	padding:0px;
	width:1012px;
	height:100%;
}
* html #wrap{ /*IE6 hack*/
width: 100%;
height:100%;
}


.wrap #top-container {
	margin:0px;
	padding:0px;
	position:relative;
	top:0px;
	width:1012px !important;
	height:150px !important;
	text-align:center;
}
* html #top-container{ /*IE6 hack*/
width: 100%;
}
.header{
	background:url('../images/top-header.png') no-repeat left top;
	width:1012px;
	height:150px;
	text-indent:-9999px;
}

.wrap #top-container {
	margin:0px;
	padding:0px;
	position:relative;
	top:0px;
	width:1012px !important;
	height:150px !important;
}
.wrap #container {
	margin:0px;
	padding:0px;
	position:relative;
	top:0px;
	left:0px;
	width:1012px;
	height:400px;
	background:url('../images/e-book.jpg') no-repeat scroll left top;
}
* html #container{ /*IE6 hack*/
width: 100%;
}

.wrap #framecontentleft{
margin:20px 0px 0px 0px;
padding:0px;
position:relative; 
display:inline;
float:left;
width: 480px !important; /*Width of left frame div*/
height:380px;
font:16px/20px small-caption Georgia, Berling Antiqua, Frutiger Linotype; color:#532900; text-align:left;
}
.wrap #framecontentleft ul{
	margin-top:55px;
}
.wrap #framecontentleft li{
	margin-bottom:0px;
}

.wrap #framecontentmid{
margin:0px;
padding:0px;
position:absolute;
top:0px;
left: 402px !important; /*Set left value to WidthOfLeftFrameDiv*/
right: 300px !important; /*Set right value to WidthOfRightFrameDiv*/
width:305px !important;
height:400px;
}
* html #framecontentmid{ /*IE6 hack*/
width: 310px; 
}

.wrap #framecontentright{
margin:6px 0px 0px 0px;
padding:0px;
position:relative;
display:inline;
float:right;
width: 300px !important; /*Width of right frame div*/
height:380px;
}

.framecontentright{
	padding:0px 10px 0px 10px;
	font:16px/22px bold small-caption Georgia; color:white;
}

.wrap #windows{
	margin:0px 0px 10px 0px;
	padding:0px;
	position:relative;
	display:block;
	float:left;
	width:1012px !important;
	height:575px !important;
}
* html #windows{ /*IE6 hack*/
width: 100%;
}

#leftwindow{
	margin:0px;
	padding:0px;
	float:left;
	left:0px;
	top:0px;
	width:298px!important;
	height:575px!important;
	-moz-border-radius:5px!important; /* Not compitable with ie */
}

#midwindow{
	margin:0px;
	padding:0px;
	position:absolute;
	display:inline;
	top:0px;
	left: 357px !important; 
	right: 357px !important;
	width:298px!important;
	height:575px!important;
	-moz-border-radius:5px!important; /* Not compitable with ie */
}
* html #midwindow{ /*IE6 hack*/
width: 298px; 
}

#rightwindow{
	margin:0px;
	padding:0px;
	position:relative;
	display:inline;
	float:right;
	top:0px;
	width:298px!important;
	height:575px!important;
	-moz-border-radius:5px!important; /* Not compitable with ie */
}

#leftsplit{
	margin:0px;
	padding:0px;
	position:absolute;
	display:inline;
	top:0px;
	left: 298px !important; 
	right: 655px !important;
	width:59px!important;
	height:575px!important;
	background:transparent;
	color:white;
}
#rightsplit{
	margin:0px;
	padding:0px;
	position:absolute;
	display:inline;
	top:0px;
	left: 655px !important; 
	right: 298px !important;
	width:59px!important;
	height:575px!important;
	background:transparent;
	color:white;
}
* html #leftsplit, *html #rightsplit{ /*IE6 hack*/
width: 59px; 
}
.plus-split{
	width:59px; height:100px; background:transparent url('../images/plus-split.png') no-repeat center center; margin-top:250px;
}


#leftwindow #top .top{
	background:transparent url('../images/loanmodificationtips.png') no-repeat; width:298px; height:100px; text-indent:-9999px;
}
#leftwindow #bottom .bottom{
	margin-top:0px; float:left; border:0px; width:298px; height:405px; background:url('../images/banks-tips.png') no-repeat left top; text-indent:-9999px;
}
#leftwindow #bottom .gglbottom{
	margin-top:0px; float:left; border:0px; width:298px; height:405px; background:url('../images/banks.png') no-repeat left top; text-indent:-9999px;
}

#midwindow #top .top{
	background:transparent url('../images/modification-forms.png') no-repeat; width:298px; height:100px; text-indent:-9999px;
}
#midwindow #bottom .bottom{
	margin-top:0px; float:left; border:0px; width:298px; height:405px; background:url('../images/eforms.png') no-repeat left top; text-indent:-9999px;
}

#rightwindow #top .top{
	background:transparent url('../images/continuous-support.png') no-repeat; width:298px; height:100px; text-indent:-9999px;
}
#rightwindow #bottom .bottom{
	margin-top:0px; float:left; border:0px; width:298px; height:405px; background:url('../images/loanmod-support.png') no-repeat left top; text-indent:-9999px;
}

#rightwindow #bottom .gglbottom{
	margin-top:0px; float:left; border:0px; width:298px; height:405px; background:url('../images/tel-support.png') no-repeat left top; text-indent:-9999px;
}


#top{
	width:298px; height:100px; margin:0px; padding:0px;
}
#center{
	width:298px; height: 75px; margin:0px; padding:0px;
}
#center .center{
	margin-bottom:0px; float:left; border-left:2px #b15b06 solid; border-right:2px #b15b06 solid; width:288px; height:75px;
}
#center .center p{
	font:20px/24px small-caption Georgia, Berling Antiqua, Frutiger Linotype; font-weight:bold; color:#532900; text-align:left; margin:0px; padding:10px;
}
#bottom{
	width:298px; height:405px; margin:0px; padding:0px;
}

.wrap #special{
	margin:10px 0px 10px 0px;
	padding:0px;
	position:relative;
	display:block;
	float:left;
	width:1012px !important;
	height:174px !important;
}
* html #special{ /*IE6 hack*/
width: 100%;
height:174px;
}

#special .special{
	border:0px;
	width:1012px;
	height:174px;
	background:url('../images/special19.png') no-repeat left top;
}

.wrap #form{
	margin:10px 0px 10px 0px;
	padding:0px;
	width:1012px;
	height:285px;
	border:0px black dashed;
	position:relative;
	display:block;
	float:left;
	background:#ab5500;
}
* html #forms{ /*IE6 hack*/
width: 100%;
height:285px;
}

#lefform{
	margin:0px;
	padding:0px;
	float:left;
	left:0px;
	top:0px;
	width:105px!important;
	height:285px!important;
}
.leftform{
	background:url('../images/need_help.png') no-repeat left top;
	width:105px;
	height:285px;
}

#midform{
	left:105px;
	width:600px;
	height:285px;
	float:left;
	background:url('../images/ask_us.png') no-repeat 0px 0px;
}
.midform{
	width:600px;
	height:285px;
	top:0px;
	margin:0px;
	padding:0px;
}
.midform p{
	text-align:left; color:white; margin-top:80px; font:16px/24px small-caption Georgia, Berling Antiqua, Frutiger Linotype; letter-spacing:0.01em; text-align:justify;
}
.midform span{
	color: #4D2700; font-weight:bold; font-style:italic;
}

#rightform{
	width:275px;
	height:275px;
	background:#c97f27;
	margin:5px;
	float:right;
}
.rightform{
	padding:6px;
	width:255px;
	height:255px;
}


#loanmod_form{
	margin:0px;
	padding:0px;
	float:left;
}
.field{
	height:21px; margin:4px; margin-left:0px; clear:both; width:265px;
}
.input{
	width:125px; height:16px; margin:4px; margin-left:0px; color:black; font-size:12px; font-family:Arial, Helvetica, sans-serif;
}
.label{
	width:110px; font-weight:bold; margin:4px; margin-left:0px; color:#4d2700; font:12px/16pt Arial; text-align:left; padding-left:0px; letter-spacing:0.01em; clear:both; float:left; 
}
.download{
	width:275px; height:25px; margin-top:20px; float:left;
}
.dbtn{
	width:170px; height:21px; background:url('../images/banks-offer-submit.png') no-repeat;
}
.button{ 
	display:			inline;
	color:				#4d2700;
	background-color:	#FFF;
	font:				bold 12pt Geogria, Arial,Verdana;
	height:				45px;
	width:				145px;
	margin:				4px;
	padding:			4px;
	border:				1px solid #4d2700;
	cursor:				hand;
	}
.buttonhvr{
	display:			inline;
	color:				#FFF;
	background-color:	#4d2700;
	font:				bold 12pt Geogria, Arial,Verdana;
	height:				45px;
	width:				145px;
	margin:				4px;
	padding:			4px;
	border:				1px solid #4d2700;
	cursor:				hand;
	}


#footer{
margin:0px; padding:0px;
width: 100%; height:150px;
float:left; display:block;
background-image: url('images/bg-footer.gif'); background-repeat: repeat-x; 
position:relative;
}
* html #footer{ /*IE6 hack*/
width: 100%;
}

#footer .footer{
	width:100%; height:150px;
	background:url('../images/bg-footer.gif') repeat-x top;
	font-family: Georgia,"Berling Antiqua", "Frutiger Linotype"; color: #FFFFFF; line-height: 20px; font-size: 16px;
	word-spacing: 0.01em; letter-spacing: 0.01em; 
	clear:both;
	margin:0px;
	padding:0px;
}