holds the reflection background image. Change the image and if necessary adjust its position from the top in the background property. */
#outerWrapper { overflow: hidden; position: relative; width: 1000px; margin: 0 auto; padding-bottom: 135px; background: url(../images/layout/reflection.png) center 431px/* adjust this property */ no-repeat transparent; }
#contentWrapper { position: relative; overflow: hidden; width: 558px; height: 278px; margin: 140px auto 0; padding: 6px; background-color: #fff; border: 1px solid #c1c1c1; border-bottom: 0 none; }
/* This
holds the content background image. */
#content { position: relative; overflow: hidden; width: 558px; height: 278px; background: url(../images/layout/content-bg.gif) repeat-x 0 0 #eee; }
#scrollWrapper { position: relative; width: 9999px; }
.section { position: relative; float: left; margin-right: 50px; width: 538px; height: 253px; padding: 0 10px 25px; }
/* navMain
----------------------------------------------------------------------------------------- */
/* If you want to add more menus, change the width of #navMain here to accomodate for more space and then adjuust the left position value to center it */
#navMain { position: absolute; bottom: 0; left: 170px;/* adjust this accordingly */ overflow: hidden; z-index: 100; clear: both; width: 220px; /* this is the width of the nav */ height: 35px; padding: 10px 0 4px 10px; text-align: center; border-left: 1px solid #fff; border-right: 1px solid #fff; background: url(../images/layout/navMain-bg.gif) repeat-x 0 0 #fff; }
#navMain li { display: block; float: left; }
#navMain li a { display: block; float: left; }
#navMain li img { padding: 0 5px; }
#navMain li a { filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; }
#navMain li a.selected, #navMain li a:hover, #navMain li a:focus { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
/* home section
----------------------------------------------------------------------------------------- */
#home { padding: 25px 10px 25px; height: 188px; }
#home h1 { display:block; height:116px; position: relative; margin: 0; padding: 30px 0 0; text-indent:-1000px; background:url(../images/layout/richmedialabs.png) no-repeat center; }
/* orginal
#home h1 { position: relative; margin: 0; padding: 30px 0 0; font: normal 36px/52px "Myriad Pro", Myriad, Helvetica, Arial, sans-serif; color: #333; text-align: center; }
*/
#home h3 { font: normal 12px/18px Myriad, Arial, Verdana, Helvetica, sans-serif; color: #666; text-align: center; }
a.vcard { display: block; width: 48px; height: 48px; }
a.vcard img { width: 48px; height: 48px; font-size: 12px; line-height: 16px; filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; }
a.vcard:hover img, a.vcard:focus img { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
/* gallery section
----------------------------------------------------------------------------------------- */
ul.gallery { overflow: hidden; padding: 20px 0 0 4px; }
ul.gallery li { float: left; display: inline; width: 70px; height: 65px; margin: 0 9px 20px; }
ul.gallery li a { float: left; display: block; width: 70px; height: 65px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
ul.gallery li a:hover, ul.gallery li a:focus { filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; }
/* gallery Navigation */
.navGallery { width: 516px; height: 20px; position: absolute; bottom: 8px; left: 28px; }
.navGallery li { display: inline; }
.navGallery li a { padding: 0 4px; color: #666; }
.navGallery li a:hover, .navGallery li a:focus, .navGallery li.current a { text-decoration: none; color: #000; }
navGallery li.current a { text-decoration: underline; }
/* networks section
----------------------------------------------------------------------------------------- */
#networks ul { overflow: hidden; padding: 2px 0 2px; }
#networks li { overflow: hidden; display: block; float: left; width: 252px; height: 46px; margin: 0 14px 0 0; }
#networks li a { overflow: hidden; display: block; float: left; width: 252px; height: 36px; padding: 0; color: #666; }
#networks li a:hover, #networks li a:focus { text-decoration: none; color: #333; }
#networks img { float: left; margin: 0 16px 0 10px; }
#networks li a:hover img { margin-left: 4; }
#networks strong { display: block; font: bold 14px/20px "Myriad Pro", Myriad, Helvetica, Arial, sans-serif; color: #333; }
/* contact section
----------------------------------------------------------------------------------------- */
#addressDetails { float: left; width: 240px; margin: 0 20px 0 0; padding: 0 0 0 1px; border-right: 1px dotted #ccc; }
/*#addressDetails h3 { padding: 6px 0 0 0; font: bold 14px/22px; color: #333; }*/
#contactForm { float: left; width: 260px; }
#note { color: #333; font: bold 11px/14px Arial, Helvetica, sans-serif; }
.notification_error { padding: 0; margin-bottom: 10px; color: #F90;}
/* awesome buttons
----------------------------------------------------------------------------------------- */
.awesome, .awesome:visited {
background: #222 url(../images/layout/alert-overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
}
.awesome:hover { background-color: #111; color: #fff; }
.awesome:active { top: 1px; }
.small.awesome, .small.awesome:visited { font-size: 11px; padding: ; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.45); }
.large.awesome, .large.awesome:visited { font-size: 14px; padding: 8px 14px 9px; }
.blue.awesome, .blue.awesome:visited { background-color: #126fa5; }
.blue.awesome:hover { background-color: #3b99ca; }
/* footer/copyright
----------------------------------------------------------------------------------------- */
p#copyright { height: 20px; left: 10px; position: absolute; top:-30px; width: 990px; padding: 10px 0 18px 0; background: url(../images/layout/copyright-symbol.gif) no-repeat bottom right; color: #888; text-shadow: 1px 1px 0 #eee; text-align: right; }
/* form
----------------------------------------------------------------------------------------- */
form { padding: 0; margin: 0; }
fieldset { clear: both; }
form .field, form .buttons { padding-bottom: 10px; }
form .field { padding-left: 90px; }
form .field label { display: inline; float: left; width: 80px; margin-left: -90px; }
label, button, input.submit { cursor: pointer; }
input.submit { float:right; }
input.reset { margin-left: 0; }
input.submit:hover { background-color: #555; color: #fff; }
input.text, textarea {
width: 180px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
font:11px/14px Arial, Verdana, Helvetica, sans-serif;
color:#666;
background-color:#fff;
padding:3px;
}
input.text:focus, input.password:focus, textarea:focus, select:focus { background-color: #efefef; }
/* accessibility Enhancements
----------------------------------------------------------------------------------------- */
hr { display: none; visibility: hidden; }
/*visualHide*/
.visuallyHidden { position: absolute; top: -500px; left: 0px; width: 1px; height: 1px; overflow: hidden; }
/* webkit / mozilla
----------------------------------------------------------------------------------------- */
::selection { color: #fff; background-color: #333; text-shadow: none; } /* webkit */
::-moz-selection { color: #fff; background-color: #333; text-shadow: none; } /* mozilla */