/*
	SMA Consulting Layout Styles
	Landon Poburan 2010
*/

/* Reset Styles */
body {
	padding:0;
	margin:0;
	font: 14px Verdana,Arial,Helvetica,Garuda,sans-serif;
	*font-size:small;
	*font:x-small;
	color: #636363;
	background-color: #dae0e8;
}

h1,h2,h3,h4,h5,h6,ul,li,em,strong,pre,code { 
	padding:0;
	margin:0;
	line-height:1em;
	font-size:100%;
	font-weight:normal;
	font-style: normal;
}

table { 
	font-size:inherit;
	font:100%;
}

ul { 
	list-style:none;
}

img { 
	border:0;
}

p { 
	margin:1em 0;
	line-height: 1.7em;
}

.clear {clear:both; line-height:.1em; font-size:.1em;}
/* // Reset */

/* Layout Styles */
/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/ content:""; height:100%; float:left; width:0; margin-top:-32767px;/* thank you Erik J - negate effect of float*/ }

html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}

#wrap { width: 100%; background: #dae0e8 url('../images/bg.jpg') top left repeat-x; padding-bottom: 25px; } 
#container { width: 960px; margin: 0 auto; overflow:auto; padding-bottom: 175px; }	
#topbar { width: 960px; text-align: right; height: 33px; }

/* Text Styles */
a { color: #1b7aca; }
a:visited { color: #1b7aca; }

h1 { font-size: 22px; color: #252525; font-family: Arial, Helvetica, sans-serif; padding-bottom: 20px; }
.blue { color:#1b7aca; }
.title { font-weight: bold; }
.left { float: left; padding: 10px 20px 0px 0; }
.right { float: right; padding: 10px 0 0px 20px; }
strong { font-weight: bold; }
em { font-style: italic; }

.greybg { 
	background-color: #e7ebf0; clear: both; padding: 20px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;	
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
.greybg-home { 
	background-color: #e7ebf0; clear: both; padding: 20px; width: 460px; margin: 0 auto; text-align: center; 
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;	
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
.greybg-home .quotes { text-align: left; font-size: 12px; line-height: 2em; }
.greybg-small { 
	background-color: #e7ebf0; padding: 20px; width: 615px; float: right; 
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;	
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

/* Navigation Styles */
#navbar { width: 960px; height: 60px; }
#navbar #logo { float: left; }
#navbar #navlinks { float: right; }
#navbar #navlinks ul { padding-top: 25px; }
#navbar #navlinks ul li { display: inline; padding-left: 10px; } 
#navbar #navlinks a { color: #636363; text-decoration: none; }
#navbar #navlinks a:hover, #navbar #navlinks a.selected { color: #2894e2; text-decoration: none; }

/* Main Content Styles */
#content { padding-top: 40px; }
#content p { padding: 0 px 0 0px; }
 
#content ul { padding-bottom: 20px; list-style: disc; margin-left: 40px; }
#content ul li { padding: 0px 0 0px 3px; margin-left: 25px; font-size: 13px; line-height: 2em; }

#content ul.list-left { float: left; }
#content ul.list-right { float: left; padding-left: 50px; }

#banner { text-align: center; padding-bottom: 25px; }
.divider { clear: both; padding: 20px 0 0px 0; text-align: center; }

table td { vertical-align: top; }
table td img, table td img.left, table td img.right { padding-top: 0px; padding-right: 5px;}
.table-left { width: 350px; }
.table-right { width: 610px; }
.table-employee-left { width: 450px; }

/* Sub Nav Generic Styles - Full Style in SuperFish CSS Files */

#content .sf-menu { padding: 0px;  margin: 0px; float: left; }
#content .sf-menu li { padding: 0px; margin: 0px; line-height: 1.5em; }

/* Footer Styles */
#footer { background-color: #1b1c1d; width: 100%; position: relative; margin-top: -175px; /* negative value of footer height */ height: 175px; clear:both;}
#footertext { width: 100%; background: #2c2c2c url('../images/footertextbg.jpg') top left repeat-x; height: 85px;}
#footertext #footertextinner { width: 960px; margin: 0 auto; padding: 10px 15px 15px 0; }
#footertext #footertextinner p { font-size: 12px; color: #9a9393; width: 500px; }

/* Footer Navigation Styles */
#footernav { width: 100%; background: #1b1c1d url('../images/footernavbg.jpg') top left repeat-x; }
#footernavinner { width: 960px; margin: 0 auto; font-size: 11px; color: #838383; padding: 5px 0px 5px 0;}
#footernavinner ul { float: left; }
#footernavinner p { float: right; text-align: right; }
#footernavinner ul { padding-top: 15px; }
#footernavinner ul li { display: inline; padding-right: 5px; } 
#footernavinner a { color: #838383; text-decoration: none; }
#footernavinner a:hover, #footernavinner a.selected { color: #ffffff; text-decoration: none; }
