/* ----- LIST OF ALTERATIONS TO STYLE SHEETS ----- */
/*
#container { font-size:150%; } ----- !important added to global
#skills { font-size: 1.1em; } ----- !important added to global
#skills li.afterEffects { width: 190px; } ----- !important added to global
#skills li.encore { width: 190px; } ----- !important added to global
#skills li.illustrator { width: 190px; } ----- !important added to global
#skills li.photoshop { width: 160px; } ----- !important added to global
#skills li.premiere { width: 190px; } ----- !important added to global
#skills li.maya { width: 190px; } ----- !important added to global
#skills li.director { width: 190px; } ----- !important added to global
#skills li.dreamweaver { width: 160px; } ----- !important added to global
#skills li.fireworks { width: 190px; } ----- !important added to global
#skills li.flash { width: 190px; } ----- !important added to global
#nav { padding: 3px 0px 0px 11px; } ----- !important added to global
.box .client { font-size: 12px; } ----- !important added to global
.box .projectType.web { font-size: 12px; } ----- !important added to global
.box .projectType.print { font-size: 12px; } ----- !important added to global
.box .projectType.threeD { font-size: 12px; } ----- !important added to global
.box .projectType.graphic { font-size: 12px; } ----- !important added to global
.box .projectType.photo { font-size: 12px; } ----- !important added to global
.box .projectType.multimedia { font-size: 12px; } ----- !important added to global
*/

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background: url(../../images/bodyBg.gif) top left repeat-x; color:#171717; text-align:center; }
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }
html>body td, html>body textarea, html>body input, html>body select { font-size:11px; }

/* ----- IDS ----- */
#container { width:960px; margin:0 auto; text-align:left; font-size:150%; }
#header { position: relative; width:960px; height: 59px; }
#logo { position: absolute; top: 5px; left: 12px; }
#version { position: absolute; top: 2px; right: 11px; }
#printHeader { display: none; }

#mainContent { }
#mainContent .padding { padding: 13px 24px 13px 24px; }
#skills { height: 160px; font-size: 1.1em; color: #2e8402; font-weight: bold; margin-bottom: 12px; background: url(../../images/dots.gif) bottom left repeat-x; }
#skills .padding { padding: 10px 0px 0px 0px; }
#skills ul { list-style: none; padding: 0px; margin: 0px; }
#skills li { float: left; }
#skills li.afterEffects { background:url(../../images/iconAfterEffects.gif) top left no-repeat; padding: 7px 0px 0px 42px; width: 190px; height: 43px; }
#skills li.encore { background:url(../../images/iconEncore.gif) 0px 0px no-repeat; padding: 7px 0px 0px 42px; width: 190px;  height: 43px; }
#skills li.illustrator { background:url(../../images/iconIllustrator.gif) 0px 0px no-repeat; padding: 7px 0px 0px 42px; width: 190px; height: 43px; }
#skills li.photoshop { background:url(../../images/iconPhotoshop.gif) 0px 0px no-repeat; padding: 7px 0px 0px 42px; width: 160px; height: 43px; }
#skills li.premiere { background:url(../../images/iconPremiere.gif) 0px 0px no-repeat; padding: 7px 0px 0px 42px; width: 190px; height: 43px; }
#skills li.maya { background:url(../../images/iconMaya.gif) 0px 0px no-repeat; padding: 7px 0px 0px 42px; width: 190px; height: 43px; }
#skills li.director { background:url(../../images/iconDirector.gif) 0px 0px no-repeat; padding: 7px 0px 0px 42px; width: 190px; height: 43px; }
#skills li.dreamweaver { background:url(../../images/iconDreamweaver.gif) 0px 0px no-repeat; padding: 7px 0px 0px 42px; width: 160px; height: 43px; }
#skills li.fireworks { background:url(../../images/iconFireworks.gif) 0px 0px no-repeat; padding: 7px 0px 0px 42px; width: 190px; height: 43px; }
#skills li.flash { background:url(../../images/iconFlash.gif) 0px 0px no-repeat; padding: 7px 0px 0px 42px; width: 190px; height: 43px; }

.box { background:url(../../images/boxBg.jpg) top left no-repeat; margin-right: 10px; margin-bottom: 12px; width: 451px; height: 308px; color: #376b02; float: left; position: relative; }
.box.right { margin-right: 0px; }
.box .padding { padding: 6px !important; }
.box .thumb { border: 1px solid #e1e1e1; }
.box .client { float: left; padding-left: 10px; padding-top: 8px; font-size: 12px; }
.box .client a { color: #376b02; }
.box .projectType { float: right; padding-right: 10px; padding-top: 8px; font-weight: bold; }
.box .projectType.web { background:url(../../images/iconWebDesign.gif) 0px 7px no-repeat; padding-left: 25px; font-size: 12px; }
.box .projectType.print { background:url(../../images/iconPrint.gif) 0px 7px no-repeat; padding-left: 27px; font-size: 12px; }
.box .projectType.threeD { background:url(../../images/icon3d.gif) 0px 9px no-repeat; padding-left: 23px; font-size: 12px; }
.box .projectType.graphic { background:url(../../images/iconGraphic.gif) 0px 9px no-repeat; padding-left: 25px; font-size: 12px; }
.box .projectType.photo { background:url(../../images/iconPhoto.gif) 0px 7px no-repeat; padding-left: 25px; font-size: 12px; }
.box .projectType.multimedia { background:url(../../images/iconMultimedia.gif) 0px 10px no-repeat; padding-left: 23px; font-size: 12px; }
.box .visit { position: absolute; top:-12px; right: -12px; }
.projectDescription { }
.projectDescription .padding { padding: 6px 0px 0px 0px !important; }
.projectDescription h1 { font-size: 1.0em; color: #000000; background: none; padding: 0px; margin: 0px; font-weight: bold; }

/* ----- NAVIGATION ----- */
#nav { padding: 4px 0px 0px 11px; height: 25px; }
#nav ul { padding: 0; margin: 0;}
#nav li { list-style: none; display:inline; }
#nav a { background:url(../../images/navLeft.gif) top left no-repeat; padding:7px 0px 7px 7px; }
#nav span { background:url(../../images/navRight.gif) top right no-repeat; padding:7px 12px 7px 5px; }
#nav a:hover { text-decoration: none; color: #2e8402; }
#nav .active { text-decoration: none; color: #2e8402; }

/* ----- FOOTER ----- */
#footer { background: url(../../images/dots.gif) top left repeat-x; height:24px; font-size: 11px; }
#footer span { display: block; }
#footer a { font-weight: normal; }
#footer ul { padding: 0; margin: 0; }
#footer li { list-style: none; display: inline; }
#footer .padding { padding: 5px 10px 5px 10px !important; }
#footerR { float: right; }
#footerR .tick { background:url(../../images/iconTick.gif) 0px 0px no-repeat; padding: 0px 0px 2px 20px; }
#footerR .sitemap { background:url(../../images/iconSitemap.gif) 0px 2px no-repeat; padding: 0px 0px 2px 22px; }
#footerR .textSizeLarge { background:url(../../images/iconTextLarge.gif) 0px 2px no-repeat; padding: 0px 0px 3px 0px; float: left;  }
#footerR .textSizeLarge a:hover { background:url(../../images/iconTextLargeOver.gif) 0px 2px no-repeat; padding: 0px 0px 3px 0px; float: left; }
#footerR .textSizeStandard { background:url(../../images/iconTextStandard.gif) 0px 2px no-repeat; padding: 0px 0px 3px 0px; float: left; }
#footerR .textSizeStandard a:hover { background:url(../../images/iconTextStandardOver.gif) 0px 2px no-repeat; padding: 0px 0px 3px 0px; float: left; }
#footerL { float: left; }
#footerL .email { background:url(../../images/iconEmail.gif) 0px 2px no-repeat; padding: 0px 0px 2px 22px; }

/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 20px 5px; padding:0; font-size:1.0em;}
#sitemap ul { list-style:none;}
#sitemap a { text-decoration:none;}
#sitemap a:hover { text-decoration:underline;}
.sitemapLi { background:url(../../images/iconBullet.gif) 0px 5px no-repeat; padding:0px 0 8px 23px;}

/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}
.divider { background:url(../../images/dots.gif) bottom left repeat-x; height: 1px; line-height: 0; font-size:0%; }


/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold; }
h1 { font-size: 1.2em; color:#2e8402; background:url(../../images/dots.gif) bottom left repeat-x; padding: 0px 0px 7px 0px; margin-bottom: 15px;  }

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0px 0px 12px 0px; margin:0; line-height: 130%; }
address { font-style:normal;}

/* ----- LINKS ----- */
a { color:#000000; font-weight:bold; text-decoration:none; }
a:hover { text-decoration:underline; }

/* ----- CONTACT ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }
label { display:none; }
input { font-size: 1.1em; }

.frmContact label { display:block; width:260px; float:left; font-size:1.0em; }
.frmContact input,.frmContact textarea { width:200px; font-size:1.0em;}
.frmContact { margin-bottom:15px; }
.frmContact p { padding:7px 0;}
.frmContact select { width:204px; font-size:1.0em;}
.frmContact div { margin-bottom:10px;}
.submit { width: 77px !important; height:32px !important; margin-left: -3px; }
.requiredLabel { color:#2e8402; font-weight: bold;}
.error { margin-top:5px; margin-left: 0px; font-weight: bold; color: #ffffff; display:none; }
.error span {background: #2e8402; width: 444px; display: block; margin-top:9px; padding: 5px 10px 5px 10px;  }

#contactUs { padding: 0; margin: 0px; height: 70px; }
#contactUs li { list-style: none; float: left; width: 140px; }
#contactUs li.phone { background:url(../../images/iconPhone.gif) top left no-repeat; padding: 16px 0px 14px 55px; }
#contactUs li.email { background:url(../../images/iconEmail2.gif) top left no-repeat; padding: 16px 0px 14px 55px; }

/* ----- TABLES ----- */
table{ border-collapse:collapse; }
table p { padding:0px; }