@charset "utf-8";
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

* Filename: default.css
* Version: 2.0 (2009-10-29) YYYY-MM-DD
* Website: http://www.GIPediatrics.com/
* Author: MWB Interactive http://www.mwb.com
* Description: Handles the site layout & makes it pretty!

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== CSS RESET: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
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, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
img, a, div { behavior: url(iepngfix/iepngfix.htc) }

a { outline: none; }
a:active { outline: none; }
:focus { -moz-outline-style: none; }



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== GENERAL: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
body { background: #f0b912 url(images/img-bg.jpg) no-repeat top center; }
body,td,th { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#85342f; }
h1 { color:#cb5312; font-size:24px; margin:0 0 7px 0; }
h2 { color:#fff6bd; font-size:16px; font-weight:bold; margin:30px 0 5px 0; }
h3 {}
p { margin:0 0 18px 0; line-height: 20px; }
a { color:#cb5312; }
a:hover { text-decoration:none; }
ul { margin:0 0 18px 0; padding:0 0 0 16px; list-style: outside url(images/img-bullet.png); }
ol { margin:0 0 18px 0; padding:0 0 0 20px; }
li { margin:0 0 5px 0; line-height: 20px; }
.whitelink { color:#fff6bd; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== STRUCTURE: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#container { width:900px; margin:0 auto; }
#GIbar { height:42px; width:900px; padding:5px 0 0 0; }
#GIhome { height:32px; width:119px; margin:0 25px 0 0; float:left; }
#GInav { height:23px; width:147px; margin:6px 0 0 0; float:left; }
#GInav ul { margin:0px; padding:0px; width:147px; height:23px; list-style-image:none; }
#GInav ul li {float:left; list-style-type:none; position:relative; margin:0px; }
#GInav li a { background-image:url(images/img-GInav-matrix.gif); display:block; text-decoration: none; }
#GInav li span{ display:none; }

#GInav ul #item1{top:0;left:0;}
#GInav #item1 a{width:147px;height:23px; background-position:0 0;}
#GInav #item1 a:hover, #GInav #item1 a.current{ background-position:0 -23px;}

#GIexnav { height:12px; width:135px; margin:12px 0 0 0; float:right; }
#GIexnav ul { margin:0px; padding:0px; width:135px; height:12px; list-style-image:none; }
#GIexnav ul li {float:left; list-style-type:none; position:relative; margin:0px; }
#GIexnav li a { background-image:url(images/img-exsubnav.jpg); display:block; text-decoration: none; }
#GIexnav li span{ display:none; }

#GIexnav ul #item1{top:0;left:0;}
#GIexnav #item1 a{width:72px;height:12px; background-position:0 0;}
#GIexnav #item1 a:hover, #GInav #item1 a.current{ background-position:0 -12px;}

#GIexnav ul #item2{top:0;left:0;}
#GIexnav #item2 a{width:63px;height:12px; background-position:-72px 0;}
#GIexnav #item2 a:hover, #GInav #item2 a.current{ background-position:-72px -12px;}


/* == DROPDOWN MENU: ============================== */
#GInav-sub { background-color:#2c2c2c; font-size:11px; color:#FFFFFF; border: solid 1px #4a4a4a; border-bottom: solid 4px #4a4a4a; position:relative; z-index:100; }
#GInav-sub p { margin:0; padding:0; }
#GInav-sub a { width:125px; color:#878787; text-decoration: none; display:block; padding:10px 10px 10px 10px; border-bottom: solid 1px #4a4a4a; }
#GInav-sub a:hover { color:#FFFFFF; background-color:#474747; }


/* == SUBNAVIGATION: ============================== */
#subnav { width:900px; height:24px; margin:13px 0 0 0; position:relative; clear:both; }
#subnav ul { margin:0px; padding:0px; width:418px; height:24px; list-style-image:none; position:absolute; left:482px; top:0px; }
#subnav ul li {float:left; list-style-type:none; position:relative; margin:0px; }
#subnav li a { background-image:url(images/img-nav-matrix.gif); display:block; text-decoration: none; }
#subnav li span{ display:none; }

#subnav ul #item1{top:0;left:0;}
#subnav #item1 a{width:91px;height:24px; background-position:0 0;}
#subnav #item1 a:hover, #subnav #item1 a.current{ background-position:0 -24px;}

#subnav ul #item2{ top:0;left:19px;}
#subnav #item2 a{ width:46px;height:24px;background-position:-110px 0;}
#subnav #item2 a:hover, #subnav #item2 a.current{background-position:-110px -24px;}

#subnav ul #item3{top:0;left:40px;}
#subnav #item3 a{width:165px;height:24px;background-position:-177px 0;}
#subnav #item3 a:hover, #subnav #item3 a.current{background-position:-177px -24px;}

#subnav ul #item4{top:0;left:61px;}
#subnav #item4 a{width:55px;height:24px; background-position:-363px 0;}
#subnav #item4 a:hover, #subnav #item4 a.current{ background-position:-363px -24px;}


#header { width:900px; height:178px; margin:3px 0 0 0; }
#logo {width:322px; float:left; }


/* == NAVIGATION: ============================== */
#nav { width:578px; height:178px; float:left; }
#nav ul { margin:0 0 0 12px; padding:0px; width:566px; height:178px; list-style-image:none; }
#nav ul li {float:left; list-style-type:none; position:relative; margin:0px; }
#nav li a { background-image:url(images/img-mainnav-matrix.jpg); display:block; text-decoration: none; }
#nav li span{ display:none; }

#nav ul #item1{top:15px;left:0;}
#nav #item1 a{width:108px;height:108px; background-position:0 0;}
#nav #item1 a:hover, #nav #item1 a.current{ background-position:0 -163px;}

#nav ul #item2{ top:34px;left:0;}
#nav #item2 a{ width:150px;height:121px;background-position:-108px -19px;}
#nav #item2 a:hover, #nav #item2 a.current{background-position:-108px -182px;}

#nav ul #item3{top:52px;left:24px;}
#nav #item3 a{width:127px;height:126px;background-position:-282px -37px;}
#nav #item3 a:hover, #nav #item3 a.current{background-position:-282px -200px;}

#nav ul #item4{top:63px;left:47px;}
#nav #item4 a{width:134px;height:115px; background-position:-432px -48px;}
#nav #item4 a:hover, #nav #item4 a.current{ background-position:-432px -211px;}


#content { width:637px; padding:23px 189px 50px 74px; }
#content-columns { width:570px; padding:0 0 0 10px; }
#content-columns h2 { color:#fff6bd; font-size:14px; font-weight:bold; margin:0 0 5px 0; }
#content-columns p { margin:0 0 18px 0; line-height: 20px; }
#content-columns ul { margin:0 0 18px 0; padding:0 0 0 20px; }
#content-columns ol { margin:0 0 18px 0; padding:0 0 0 20px; }
#content-columns li { margin:0 0 5px 0; line-height: 20px; }
#column-left { width:250px; float:left; padding:10px 20px 0 10px; margin:0 10px 0 0; }
#column-right { width:250px; float:left; padding:10px 20px 0 10px; }
.light { background-color: #f4c926; }
.dark { background-color: #e99f09; }


/* == DIET SUBMENU: ============================== */
#dietsub { width:517px; height:33px; margin:0 0 20px 0; position:relative; z-index:0; }
#dietsub ul { margin:0px; padding:0px; width:517px; height:33px; list-style-image:none; }
#dietsub ul li {float:left; list-style-type:none; position:relative; margin:0px; }
#dietsub li a { background-image:url(images/img-diets-matrix.jpg); display:block; text-decoration: none; }
#dietsub li span{ display:none; }

#dietsub ul #item1{top:0;left:0;}
#dietsub #item1 a{width:130px;height:33px; background-position:0 0;}
#dietsub #item1 a:hover, #dietsub #item1 a.current{ background-position:0 -33px;}

#dietsub ul #item2{ top:0;left:0;}
#dietsub #item2 a{ width:130px;height:33px;background-position:-130px 0;}
#dietsub #item2 a:hover, #dietsub #item2 a.current{background-position:-130px -33px;}

#dietsub ul #item3{top:0;left:0;}
#dietsub #item3 a{width:257px;height:33px;background-position:-260px 0;}
#dietsub #item3 a:hover, #dietsub #item3 a.current{background-position:-260px -33px;}


/* == MEDICAL INFO SUBMENU: ============================== */
#medsub { width:613px; height:33px; margin:0 0 20px 0; position:relative; z-index:0; }
#medsub ul { margin:0px; padding:0px; width:613px; height:33px; list-style-image:none; }
#medsub ul li {float:left; list-style-type:none; position:relative; margin:0px; }
#medsub li a { background-image:url(images/img-medicalinfo-matrix.jpg); display:block; text-decoration: none; }
#medsub li span{ display:none; }

#medsub ul #item1{top:0;left:0;}
#medsub #item1 a{width:86px;height:33px; background-position:0 0;}
#medsub #item1 a:hover, #medsub #item1 a.current{ background-position:0 -33px;}

#medsub ul #item2{ top:0;left:0;}
#medsub #item2 a{ width:207px;height:33px;background-position:-86px 0;}
#medsub #item2 a:hover, #medsub #item2 a.current{background-position:-86px -33px;}

#medsub ul #item3{top:0;left:0;}
#medsub #item3 a{width:204px;height:33px;background-position:-293px 0;}
#medsub #item3 a:hover, #medsub #item3 a.current{background-position:-293px -33px;}

#medsub ul #item4{top:0;left:0;}
#medsub #item4 a{width:116px;height:33px;background-position:-497px 0;}
#medsub #item4 a:hover, #medsub #item4 a.current{background-position:-497px -33px;}


/* == PROCEDURES SUBMENU: ============================== */
#procedesub { width:637px; height:33px; margin:0 0 20px 0; position:relative; z-index:0; }
#procedesub ul { margin:0px; padding:0px; width:637px; height:33px; list-style-image:none; }
#procedesub ul li {float:left; list-style-type:none; position:relative; margin:0px; }
#procedesub li a { background-image:url(images/img-procedure-matrix.jpg); display:block; text-decoration: none; }
#procedesub li span{ display:none; }

#procedesub ul #item1{top:0;left:0;}
#procedesub #item1 a{width:141px;height:33px; background-position:0 0;}
#procedesub #item1 a:hover, #procedesub #item1 a.current{ background-position:0 -33px;}

#procedesub ul #item2{ top:0;left:0;}
#procedesub #item2 a{ width:177px;height:33px;background-position:-141px 0;}
#procedesub #item2 a:hover, #procedesub #item2 a.current{background-position:-141px -33px;}

#procedesub ul #item3{top:0;left:0;}
#procedesub #item3 a{width:137px;height:33px;background-position:-318px 0;}
#procedesub #item3 a:hover, #procedesub #item3 a.current{background-position:-318px -33px;}

#procedesub ul #item4{top:0;left:0;}
#procedesub #item4 a{width:182px;height:33px;background-position:-455px 0;}
#procedesub #item4 a:hover, #procedesub #item4 a.current{background-position:-455px -33px;}


/* == FOOTER: ============================== */
#footer { width:100%; height:270px; background: transparent url(images/img-bg-footer.png) repeat-x; }
#footcontain { width:900px; height:270px; margin:0 auto; }
#footer-left { float:left; width:262px;}
#footer-right { float:left; margin:128px 0 0 0; width:638px;}
#footer-right p { font-size:10px; color:#a6bd00; line-height:normal; margin:0px; }
#footer-right a { color:#91a502; margin:0 10px 0 0; }
#footer-right a:hover { color:#707f00; }
#footer-right ul { margin:0 0 15px 0; padding:0px; height:50px; list-style-image:none; }
#footer-right ul li {float:left; list-style-type:none; margin:0 22px 0 0; }
#footer-right ul a { margin:0px; }
.nulmargin { margin:0px; }