/* CSS Document */
/*============================================
Author: Dylan D. Lao
Email: dylan_lao@yahoo.com
============================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}
	
body {
	line-height: 1;
	}
	
ol, ul {
	list-style: none;
	}
	
blockquote, q {
	quotes: none;
	}
	
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}

/* remember to define focus styles! */
:focus {
	outline: 0;
	}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
	}

del {
	text-decoration: line-through;
	}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
/*Container
 *-----------------------------------------------------*/
#container { width:950px; height:auto; margin:0 auto; border-left:1px solid #EAEAEA; border-right:1px solid #EAEAEA; }

/*Top Header
 *-----------------------------------------------------*/
#theader { background:url(../images/logo_bg.jpg) no-repeat; width:950px; height:93px; }
#theader h1 { float:left; text-indent:-100em; }
#theader ul { font:bold 11px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:right; padding-top:38px; }
#theader ul li { background:url(../images/menu_sep.jpg) center right no-repeat; display:inline; padding:10px 20px 10px 10px; *padding:10px 14px 10px 14px; }
#theader ul li#cmenu_sep { background:url(../images/menu_sep.jpg) 0 30px no-repeat; }
#theader ul li a { text-decoration:none; color:#b83e01; }
#theader ul li a:hover { color:#FE7200; }

/*Header
 *-----------------------------------------------------*/
#header { background:url(../images/header.jpg) no-repeat; width:864px; height:239px; padding:76px 0 0 86px; }
#header #iweb { width:374px; height:140px; }
#header #iweb h2 { font:bold 28px  Arial, Helvetica, sans-serif, sans-serif; color:#ff7200; margin-bottom:20px; }
#header #iweb p { font:normal 10px Verdana, Arial, Helvetica, sans-serif; color:#3d3d3d; text-indent:20px; }
#header #iweb #iweb_readmore { font:bold 10px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:right; margin-top:10px; }
#header #iweb #iweb_readmore a { text-decoration:none; color:#3d3d3d; }
#header #iweb #iweb_readmore a:hover { text-decoration:underline; }

/*Packages
 *-----------------------------------------------------*/
#package { background:url(../images/pack_bg.jpg) repeat-x; width:950px; height:232px; }
#package .pack_box { float:left; background:url(../images/pack_box.jpg) no-repeat; width:315px; _width:314px; height:232px; }
#package .pack_title { float:left; border-left:2px solid #FFFFFF; width:140px; margin:38px 0 0 32px; _margin:38px 0 0 16px; padding-left:4px; }
#package .pack_title h3 { font:bold 16px Arial, Helvetica, sans-serif; color:#FFFFFF; }
#package .pack_title h4 { font:normal 12px Arial, Helvetica, sans-serif; color:#FFFFFF; }
#package .pack_price { float:left; font:normal 18px Arial, Helvetica, sans-serif; color:#FFFFFF; width:98px; text-align:center; margin:52px 0 0 4px; } 
#package .pack_price .whole { font:bold 26px Arial, Helvetica, sans-serif; }
#package .pack_price .order { font:bold 11px Arial, Helvetica, sans-serif; text-transform:uppercase; }
#package .specs { font:bold 12px Arial, Helvetica, sans-serif; color:#285060; margin:16px 0 10px 50px; }
#package img { float:left; }

/*Content
 *-----------------------------------------------------*/
#content { background:url(../images/cont_bg.jpg) #FFFFFF no-repeat; width:910px; height:auto; padding:20px; }
#content h5 { font:bold 18px Verdana, Arial, Helvetica, sans-serif; color:#5c5b5b; padding:10px 0 20px 0; }
#content p { font:normal 10px Verdana, Arial, Helvetica, sans-serif; color:#3d3d3d; text-indent:40px; text-align:justify; margin-bottom:10px; }
#content .wbox { background:url(../images/wmid.jpg) repeat-x; font:normal 12px Arial, Helvetica, sans-serif; width:430px; height:209px; }
#content .wbox h6 { background:url(../images/wtitle_sep.jpg) center bottom repeat-x; font:bold 16px Arial, Helvetica, sans-serif; color:#FFFFFF; margin:5px 8px 5px 8px; padding:0 0 12px 12px; }
#content .wbox .services { float:left; background:url(../images/bullet.jpg) center left no-repeat; width:120px; margin-left:60px; _margin-left:30px; padding:5px 0 5px 14px; }
#content .wbox .services a { text-decoration:none; color:#FFFFFF; }
#content .wbox .services a:hover { color:#A5DFF5; }
#content .wbox #wcont { height:106px; overflow:hidden; margin-bottom:10px; }
#content .wbox p { font:normal 10px Arial, Helvetica, sans-serif; color:#FFFFFF; margin:0 20px 10px 20px; }
#content .wbox #wread_more { font:bold 10px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:right; margin-right:10px; }
#content .wbox #wread_more a { text-decoration:none; color:#FFFFFF; }
#content .wbox #wread_more a:hover { text-decoration:underline; }

/*Footer
 *-----------------------------------------------------*/
#footer { font:normal 10px Verdana, Arial, Helvetica, sans-serif; width:870px; color:#003c54; background-color:#BFBFBF; border-top:4px solid #FF7200; padding:40px; }
#footer a { text-decoration:none; color:#003c54; }
#footer a:hover { text-decoration:underline; }
#footer #copyright { float:left; }
#footer ul { text-align:right; }
#footer ul li { font-weight:bold; display:inline; margin:0 4px 0 4px; }

/*Extra Help
 *-----------------------------------------------------*/
.cleft { clear:left; }
.cright { clear:right; }
.cboth { clear:both; }
.fleft { float:left; }
.fright { float:right; }
.mtop10 { margin-top:10px; }