/** * standard css code set */ /*****Begin css reset****/ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, label, table, th, tr, td, embed, object { margin: 0 0 0 0; padding: 0 0 0 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img, a img, a:link img, a:visited img { border: 0; } address ,caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; } ol, ul { list-style: none; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; } q:before, q:after { content: ''; } embed, object { display: block; } /*****End css reset****/ body { font: 9pt/1.5em Arial, Helvetica, sans-serif; } pre, code, tt { font: 1em/1.5em 'Andale Mono', 'Lucida Console', monospace; } h1, h2, h3, h4, h5, h6, b, strong { font-weight: bold; } em, i, dfn { font-style: italic; } dfn { font-weight:bold; } p, code, pre, kbd { margin:0 0 0 0; } blockquote { margin:0 1.5em 1.5em 1.5em; } dl { margin:0 0 1.5em 0; } dl dt { font-weight:bold; } dd { margin-left:1.5em; } table { margin-bottom:1.4em; width:100%; } th { font-weight:bold; } th, td, caption { padding:4px 10px 4px 5px; } tfoot { font-style:italic; } sup, sub { line-height:0; } abbr, acronym { border-bottom: 1px dotted; } address { margin:0 0 1.5em; font-style:italic; } del { text-decoration: line-through; } a:hover del { text-decoration: line-through; color:#f2f2f2; } pre { margin:1.5em 0; white-space:pre; } img.centered, .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } img.alignright { display: inline; } img.alignleft { display: inline; } .alignright { float: right; margin-left: 10px; } .alignleft { float: left; margin-right: 10px; } .clearright { clear:right; } .clearleft { clear:left; } .clearboth { clear:both; } .clearfix::after, .group::after { content: "."; display:block; height:0; clear:both; visibility:hidden; } *:first-child+html .clearfix { /*zoom: 1;*/ display: block; } * html .clearfix {/*zoom: 1;*/ display: block; } *:first-child+html .group { /*zoom: 1;*/ display: block; } * html .group { /*zoom: 1;*/ display: block; } .singlespace { padding: 0.313em 0; } .doublespace {padding: 0.625em 0;} .paddingtop { padding:0.625em 0 0 0;} .paddingbottom { padding:0 0 1.25em 0;} .paddingtopbottom{ padding: 0.313em 0;} /** * End standard css code set */ /*************************************BEGIN HOME PAGE STYLE***************************************/ #background { background-position: left top; background-repeat: repeat-x; border-bottom-color: #000000; border-bottom-width: 15px; border-bottom-style: solid; background-image: url(../images/tophalf-bg.jpg); position: relative; z-index: 2; background-color: #e8e8e8; } #container { width:940px; margin-left: auto; margin-right: auto; position:relative; z-index:10; margin-top: 76px; } #header { background-color: #242424; width:100%; height: 60px; } #headerContent { width:940px; margin-left:auto; margin-right:auto; position:relative; } #logo { float:left; height:79px; left: 0px; margin-top: 17px; position: absolute; z-index: 10; } #menu { float:right; position: absolute; z-index:11; top: 0px; right: 0px; } #menu ul { display: block; background-color: #242424; margin: 0px; padding: 0px; } #menu li { list-style-type:none; float: left; height: 78px; } #menu li.current { background-image: url(../images/active-tab.gif); background-repeat: no-repeat; background-position: center bottom; margin-left:1px; margin-right:1px; } #menu a { color: white; font-size: 16px; /**border-right: solid 1px #3b3734;**/ /**background-color: #2c2927;**/ text-decoration: none; text-align: center; vertical-align: middle; display: block; padding-right: 15px; padding-left: 15px; height:40px; padding-top: 20px; /**margin-left:1px; margin-right:1px;**/ border-right: solid 1px #454545; float: left; } #menu a span { font-size:10px; } #menu a.first { border-left: solid 1px #454545; } #menu li.current a { color:#aeb23f; font-weight:700;} #menu li.current a span{ color:#fff; font-weight:700;} #menu a:hover { color:#aeb23f; } #topContent { background-image: url(../images/topcontent_bg.jpg); background-repeat: no-repeat; background-position: center bottom; margin-top: 0px; height: auto; } #featureContainer { float:left; width:540px; height: 379px; } #featureImg { padding-top: 10px; } #featureText { margin: 10px; color: #d5d3d1; border: 1px solid #3b3734; } #featureText h3 { padding-top:5px; color: #f2f2f2; padding-left:5px; font-size: 14px; font-weight: normal; } #featureText span { color: #aeb23f; } #featureText a { color: #dedba7; text-decoration:underline; font-size: 12px; font-style: italic; } #featureText p { padding:5px; margin-bottom:0px } #introContainer { float:right; width:390px; background-image: url(../images/bulletcircle.png); } #introContainer .introHeader { color:#fff; background-image: url(../images/intro-header.gif); background-repeat: no-repeat; background-position: left top; height: 58px; width: 381px; } #introContainer .introHeader h1 { color:#666666; padding:10px; font-size:2em; text-align:center; font-weight: 500; line-height: 1em; } #introContainer h2 { color:#dedba7; font-size:16px; font-weight: normal; margin-top:0px; } #introContainer h3 { color:#666666; font-size:20px; font-weight: normal; margin-top:10px; } #introContainer ul { margin-top:15px; margin-left:0px; } #introContainer li { color:#707070; font-size:14px; background-image: url(../images/bulletcircle.png); background-repeat: no-repeat; background-position: left top; list-style-type:none; padding-left:30px; display:block; margin-bottom:24px; line-height: 21px; } #introContainer li.one { color:#707070; font-size:14px; background-image: url(../images/bullet1.gif); background-repeat: no-repeat; background-position: 10px center; list-style-type:none; padding-left:60px; display:block; } #introContainer li.two { color:#707070; font-size:14px; background-image: url(../images/bullet2.gif); background-repeat: no-repeat; background-position: 10px center; list-style-type:none; padding-left:60px; display:block; } #introContainer li.three { color:#707070; font-size:14px; background-image: url(../images/bullet3.gif); background-repeat: no-repeat; background-position: 10px center; list-style-type:none; padding-left:60px; display:block; } #startButton a { display:block; width:221px; height:41px; margin-left:auto; margin-right:auto; text-align: center; color: #f2f2f2; background-image: url(../images/getstarted-button.jpg); background-position: 0px 0px; text-indent:-6000px} #startButton a:hover { background-image: url(../images/getstarted-button.jpg); background-position: 0px 41px; } .lineacross { float:left; clear:both; height:2px; line-height:2px !important; width:100%; background-image:url(../images/lineacross.jpg); background-repeat: repeat-x; background-position: left top; display:block;} #midContent { margin-top:40px; } #bottomContent { margin-top: 10px; display:block; float:left; clear:both; width:940px;} #bottomContent .midcolumn1 { float:left; width: 380px; background-image: url(../images/lineacross.jpg); background-position: left bottom; background-repeat: repeat-x; padding-bottom:4px;/*min-height:425px; height:auto !important; height:425px;*/} #bottomContent .services { width: 220px; float:left; margin-left:20px; margin-right:20px; background-image: url(../images/lineacross.jpg); background-position: left bottom; background-repeat: repeat-x; /*min-height:425px; height:auto !important; height:425px;*/ } #bottomContent .featured { float:right; width: 300px; background-image: url(../images/lineacross.jpg); background-position: left bottom; background-repeat: repeat-x; padding-bottom:32px; /*min-height:425px; height:auto !important; height:425px;*/} #bottomContent .welcome h2 { background-image: url(../images/welcome-smile.jpg); font-size: 2em; background-position: left center; background-repeat: no-repeat; height: 35px; color: #333; padding-left: 35px; line-height: 35px; font-weight: 400; } #bottomContent .flickr h3 { background-image: url(../images/flickr-logo.jpg); font-size: 1.6em; background-position: left center; background-repeat: no-repeat; height: 25px; color: #333; padding-left: 35px; line-height: 25px; font-weight: 400; } div.horizontal{ width: 324px; height:75px; position:relative; overflow:hidden; float:left;} div.horizontal div.images { width:20000em; position:absolute; } div.horizontal div.images div { float:left; } .images img { width:75px; height:75px; padding:0 6px 0 0;} #flickrfeed { display:block; } .flickrNav-left a { float:left; display:block; width:23px; height:76px; background-image: url(../images/flickr-arrows.jpg); background-position: left bottom; background-repeat: no-repeat; color:#666; text-decoration:none; margin:0 5px 0 0; font-size:0.75em; outline: none; } .flickrNav-left a span { padding:0 0 0 0px; visibility:hidden;} .flickrNav-left a:active { float:left; display:block; width:23px; height:76px; background-image: url(../images/flickr-arrows.jpg); background-position: right bottom; background-repeat: no-repeat; color:#666; text-decoration:none; margin:0 5px 0 0; font-size:0.75em; } .flickrNav-right a { float:left; display:block; width:23px; height:77px; background-image: url(../images/flickr-arrows.jpg); background-position: left top; background-repeat: no-repeat; color:#666; text-decoration:none; margin:0 0 0 5px; font-size:0.75em; outline: none; } .flickrNav-right a:active { float:left; display:block; width:23px; height:77px; background-image: url(../images/flickr-arrows.jpg); background-position: right top; background-repeat: no-repeat; color:#666; text-decoration:none; margin:0 0 0 5px; font-size:0.75em; } .flickrNav-right a span { padding:0 0 0 0px; visibility:hidden; } * html a.button, * html a.button:link, * html a.button:visited { width: 1%;} x:-moz-any-link { margin: 0 0 0 0; } a.button, a.button:link, a.button:visited { padding: 0 0 0 0; margin: 0; border:none; display:block; cursor:pointer; text-decoration: none; outline:none; white-space:nowrap; overflow:visible; float: left; } a.button span, a.button:link span, a.button:visited span { display:block; } a.button, a.button:link, a.button:visited { height:30px; line-height:30px; font-size: 1em; color: #666666; background-color: #fff000; } a.button span, a.button:link span, a.button:visited span { padding: 0 14px 0 0; height: 30px; background-image: url(../images/info-button-rightside.gif);background-repeat: no-repeat; background-position: right top; } a.button span span, a.button:link span span, a.button:visited span span { padding: 0 0 0 13px; height: 30px; line-height: 30px; background-image: url(../images/info-button-leftside.gif); background-position: left top; } a.button span, a.button:hover span, a.button:hover span { background-position: right bottom} a.button span span, a.button:hover span span, a.button:hover span span { background-position: left bottom; } * html span.button a{ width:1%; outline:none; white-space:nowrap; overflow:visible; } * html span.button a span{ width:1%;} span.button a{ background-image: url(../images/info-button-leftside.gif); font-size: 1em; background-position: 0px 0px; background-repeat: no-repeat; height: 30px; color: #666; text-decoration:none; line-height:30px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 15px; display:block; float:left; text-transform: capitalize; } span.button a span { background-image: url(../images/info-button-rightside.gif); font-size: 1em; background-position: right 0px; background-repeat: no-repeat; height: 30px; color: #666; padding:0 15px 0 0; display:block; } span.button a:hover { background-position: 0px -30px; color:#444;} span.button a:hover span{ background-position: right -30px; color:#444;} .minifeature{ background-image: url(../images/featured-img.gif); background-position: left top; height: 130px; width: 299px; } #bottomContent .services h2 { background-image: url(../images/service-icon.jpg); background-position: left center; background-repeat: no-repeat; height: 35px; font-size: 2em; color: #333; line-height: 35px; padding-left: 35px; font-weight: 400; clear: right; margin-bottom: 0px; } #bottomContent .services h3 { font-size: 1.2em; color: #333; font-weight: 600;} #bottomContent .services p { padding-left:10px; } #bottomContent .featured em a { color:#444; text-decoration:none; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #666; } #bottomContent .featured em a:hover {color:#aeb23f;} #bottomContent .featured h2 { background-image: url(../images/featured-icon.jpg); background-position: left center; background-repeat: no-repeat; height: 35px; margin-bottom: 0px; font-size: 2em; color: #333; padding-left: 35px; font-weight: 400; line-height: 35px; } #bottomContent p { color:#666; font-family: Verdana, Arial, Helvetica, sans-serif; padding:0 0 1.25em 0;} #footer { background-color: #242424; margin-top: 40px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 20px; } #footerContent { width:940px; color: #d5d3d1; padding-top:30px; font-size: 12px; margin-right: auto; margin-left: auto; height:190px; } html > body #footerContent { width:940px; color: #d5d3d1; padding-top:30px; font-size: 12px; margin-right: auto; margin-left: auto; min-height:190px; } #footerContent h3 { color:#f2f2f2; background:#333333; padding:2px 0px 2px 21px; width:140px; margin-bottom:20px; text-transform: uppercase; font-size: 13px; } #footbox1 { width:220px; float:left; } #footbox1 ul { margin:0px; padding:0px; } #footbox1 li { color:#aeb23f; list-style-type:none; border-bottom: 1px dotted #999999; line-height: 26px; } #footbox1 a { text-decoration:none; color:#d5d3d1; } #footbox2 { width:220px; float:left; margin-left:21px; } #footbox2 ul { display: block; padding-bottom: 10px; float:left; } #footbox2 li { width:60px; list-style-type:none; padding-left:20px; float:left;} #footbox2 li.first { list-style-type:none; padding-left:0px; float:left; } #footbox2 img { width:32px; display:block; margin-right: auto; margin-left: auto; height: 32px; } #footbox2 a { color:#f2f2f2; width:60px; text-decoration:none; font-size:11px; display:block; text-align: center; margin-top: 8px; background-color: #343434; padding-top:2px; padding-bottom:2px; line-height:13px; background-image: url(../images/social-link_bg.gif); background-repeat: no-repeat; background-position: left top; } #footbox2 a:hover { color:#aeb23f; } #footbox3 { width:220px; float:left; margin-left:21px; background-image: url(../images/tweety.png); background-repeat: no-repeat; background-position: left bottom; height: 195px; } #footbox3 p { line-height: 14px; color:#666666; padding-right: 5px; padding-left: 8px; font-size: 12px; padding-top:0px; margin:0px; height: 50px; } #follow { z-index: 3; display: block; } #follow a { color: #999; text-decoration:none; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; float: right; margin-right: 10px; margin-top: 3px; } #footbox3 p span { color:#aeb23f; } #footbox3 h4 { text-transform: uppercase; color:#aeb23f; padding-left:8px; font-size: 12px; margin:0px; } #footbox3 span { color:#aeb23f; } #footbox4 { width:220px; float:right; } #footbox4 span, #footbox4 span a{ color:#aeb23f; text-decoration:none; } #tweet { height:85px; padding-top: 5px; } #tweet p { margin-left:8px; padding:0px; } #tweet a { color:#aeb23f; text-decoration:underline; font-size: 12px; } #tweet ul { padding-left:5px; } #tweet li { line-height:14px; color:#666; } #tweet span { color:#666; } #tweet span.twitterPrefix { color:#aeb23f; font-weight: 700; } #tweet span.twitterTime { color:#333; clear:left; float:right; margin-right:8px; } /*************************************END HOME PAGE STYLE***************************************/ /************************************BEGIN WORK PAGE STYLE***************************************/ #backgroundwork{ background-image: url(../images/workpage-bg.gif); background-repeat: repeat-x; background-position: left top; background-color: #f2f2f2; border-bottom-color: #000; border-bottom-width: 15px; border-bottom-style: solid;} #workheader{ height: 87px; width: 940px; background-repeat: no-repeat; background-position: left top; background-image: url(../images/work-header.gif); } #workheader h1{ font-size:1.8em; color:#666; line-height:24px; padding:10px; font-weight: 400; } #workbox1 { width:220px; height:639px; float:left; background-image: url(../images/work-bg.gif); background-repeat: no-repeat; background-position: left top; } #workbox1 h3,#workbox2 h3,#workbox3 h3 { color:#666; font-size:1.6em; font-weight:400;} #workbox1 span{ display:block; width:203px; height:34px; background-image: url(../images/worktabs.gif); background-repeat: no-repeat; background-position: 0px 0px; margin-right: auto; margin-left: auto; text-align:center; line-height:34px; margin-top: 10px; } #workbox2 { width:220px; height:639px; float:left; margin-left:21px; background-image: url(../images/work-bg.gif); background-repeat: no-repeat; background-position: left top; } #workbox2 span { display:block; width:203px; height:34px; background-image: url(../images/worktabs.gif); background-repeat: no-repeat; background-position: 0px -34px; margin-right: auto; margin-left: auto; text-align:center; line-height:34px; margin-top: 10px; } #workbox3 { width:220px; height:639px; float:left; margin-left:21px; background-image: url(../images/work-bg.gif); background-repeat: no-repeat; background-position: left top; } #workbox3 span{ display:block; width:203px; height:34px; background-image: url(../images/worktabs.gif); background-repeat: no-repeat; background-position: 0px -68px; margin-right: auto; margin-left: auto; text-align:center; line-height:34px; margin-top: 10px; } .miniform { width:220px; float:right; height: 418px; background-image: url(../images/miniform-bg.gif); background-repeat: no-repeat; background-position: left top; } .miniform h3 { width:200px; height:33px; margin:10px auto; color:#fff; font-size:1.2em; font-weight:400; background-image: url(../images/miniform-header.gif); background-repeat: no-repeat; background-position: left top; text-align:center; line-height:33px; text-transform: capitalize; } #bottomContent .miniform p { padding:5px 10px; color:#666; display: block; line-height:1.1em;} .miniform form {padding:0px 1px;} .miniform form em {color:#990000;} #bottomContent .formblock { margin:5px 0 0 0; height:auto; } .miniform label { color:#666; font-weight:700; margin-left: 15px; line-height: 12px; padding-bottom: 3px; text-transform: capitalize; } .miniform input { width:180px; background-image: url(../images/inputshade.gif); background-repeat: repeat-x; background-color:#fafafa; background-position: left top; border: 1px #b4b4b4 solid; line-height:20px; height:20px; display:block; margin-top: 2px; margin-right: auto; margin-bottom: 8px; margin-left: auto; padding:0px 0 0 3px; font-size: 1em; vertical-align:middle; color:#666; } .miniform textarea { width:180px; background-image: url(../images/inputshade.gif); background-color:#fafafa; background-repeat: repeat-x; background-position: left top; border: 1px #b4b4b4 solid; line-height:1.2em; height:80px; display:block; margin-top: 5px; margin-right: auto; margin-bottom: 10px; margin-left: auto; padding:0px 0px 0px 3px; color:#666; } .miniform button { clear:left; font-size:1.1em; width:154px; height:29px; color:#ffffff; background-image: url(../images/miniform-button.gif); background-position: 0px -29px; background-repeat: no-repeat; border:none; margin-top: 10px; margin-left: 35px; cursor:pointer;background-color:#7bb20b; } .miniform button:active {background-position: 0px 0px; color:#f2f2f2; background-color:#7bb20b;} .items { position:absolute; height:20000em; margin: 0px; width: 220px; } .items div.imgbox { padding:10px 0px 10px 0px; } .items div.imgbox a { width: 190px; border: 1px rgb(79, 79, 79) solid; color: #fff; margin-right: auto; margin-left: auto; background-color: #FFFFFF; padding: 5px; display: block; } .items div.imgbox a:hover { border-color: rgb(130, 130, 130); border-style: dotted; } .items img { display:block; border:1px solid #666; } .pusharrow { display:block; clear:left; padding:10px 0 0 0;} #workbox1 a.up span, #workbox2 a.up span, #workbox3 a.up span{ width:77px; height:17px; background-image: url(../images/pusharrow.jpg); background-repeat: no-repeat; background-position: left top; font-size:10px; line-height:14px; margin:0 auto; text-indent: -6000px; } #workbox1 a.up:active span, #workbox2 a.up:active span, #workbox3 a.up:active span{ background-image: url(../images/pusharrow.jpg); background-repeat: no-repeat; background-position: right top; } #workbox1 a.down span, #workbox2 a.down span, #workbox3 a.down span{ width:77px; height:17px; background-image: url(../images/pusharrow.jpg); background-repeat: no-repeat; background-position: left bottom; font-size:10px; line-height:14px; margin:0 auto; text-indent: -6000px;} #workbox1 a.down:active span, #workbox2 a.down:active span, #workbox3 a.down:active span{ background-image: url(../images/pusharrow.jpg); background-repeat: no-repeat; background-position: right bottom; } .tooltip { display:none; height:88px; padding:8px; width:191px; font-size:11px; color:#fff; background-image: url(../images/worktip.png); background-repeat: no-repeat; background-position: left top; opacity:0; color:#999; z-index:1005 !important; padding-left: 25px; padding-right: 20px; } .tooltip .bottom { display:none; height:88px; padding:8px; width:191px; font-size:11px; color:#fff; background-image: url(../images/worktip.png); background-repeat: no-repeat; background-position: left top; opacity:0; color:#999; z-index:1005 !important; padding-top:50px; } /* a .label element inside tooltip */ .tooltip .label { color:yellow; width:35px; } .tooltip a { color:#999 !important; font-size:11px; width: auto; border:none !important; margin: 0px !important; background: none !important; padding: 0px !important; display: block;} .tooltip a:hover {color: #000000 !important; } .tooltip p {padding:0px 30px 0px 0px !important; line-height: 14px;} .tooltip h5 {color: #242424;} .opentip { } /*.disabled { visibility:hidden; }*/ .vertical { width:218px; height:500px; position:relative; overflow:hidden; margin-top: 10px; padding-right: 150px; padding-left: 1px; z-index:992;} .vertical2 { width:218px; height:500px; position:relative; overflow:hidden; margin-top: 10px; padding-right: 150px; padding-left: 1px; z-index:991;} .vertical3 { width:218px; height:500px; position:relative; overflow:hidden; margin-top: 10px; padding-right: 150px; padding-left: 1px; z-index:990;} .verticalscroller, .verticalscroller2, .verticalscroller3 { margin:10px 0 0 0; position: relative; height: 500px; width: 220px; overflow: auto; } .verticalbox, verticalbox2, .verticalbox3 { padding: 0px 0;} .verticalbox a, .verticalbox2 a, .verticalbox3 a { margin-bottom: 10px; width: 190px; border: 1px rgb(79, 79, 79) solid; color: #fff; margin-right: auto; margin-left: auto; margin-top: 10px; background-color: #FFFFFF; padding: 5px; display: block; } .verticalbox a:hover, .verticalbox2 a:hover, .verticalbox3 a:hover { border-color: rgb(130, 130, 130); border-style: dotted; } .verticalbox img, .verticalbox2 img, .verticalbox3 img { display: block; border: 1px solid #666; } .verticalscroller .loading, .verticalscroller2 .loading, .verticalscroller3 .loading { position: absolute; top: 50px; left: 50px; margin: 0 auto; padding: 10px; width: 100px; text-align: center; color: #666; border: 1px solid #999999; background-color: #e8e8e8; } /* Styling tooltip */ .verticaltooltip {display: block; position: absolute; padding: 6px; font-size: 12px; color: #fff; border: 1px solid rgb(79, 79, 79); background: rgb(0, 0, 0); /* Make background a bit transparent for browsers that support rgba */ background: rgba(0, 0, 0, 0.5); width:auto; } /************************************END WORK PAGE STYLE***************************************/ /************************************BEGIN CONTACT PAGE STYLE***************************************/ .bigform { display:block; width:940px; height: 555px; background-image: url(../images/bigform-bg.gif); background-repeat: no-repeat; background-position: left top; padding-bottom: 20px; margin-bottom: 20px; } .bigform h3 { width:200px; height:33px; padding:12px 0px 12px 15px; color:#fff; font-size:1.4em; background-image: url(../images/miniform-header.gif); background-repeat: no-repeat; background-position: 15px 12px; text-align:left; text-indent:10px; line-height:33px; text-transform: capitalize; display:block; } #bottomContent .bigform p { padding:10px 100px 10px 15px; color:#666; display: block; line-height:1.4em; } #bottomContent .formmsg { min-height:54px; height:auto !important; height:54px; } span.warning {margin:0 0 0 15px; color: #FF3333; font-weight:400;} span.success {color:#006633 !important; font-weight:400; margin:0 0 0 15px; } .bigform form {padding:0px 2px;} #bottomContent .inputblock { width:880px; display:inline; } .bigerror { display:block; float:left; width:200px; height:22px; line-height:22px; color: #FF3333; background-image: url(../images/error-img.gif); background-repeat: no-repeat; background-position: 0px 0px; margin: 10px 0px 10px 0px; text-indent: 30px; } .bigform label { display:block; float:left; line-height:22px; height:auto; display:block; color:#666; margin: 10px 0px 10px 15px; width:80px; font-size:1.2em; text-transform: capitalize; font-weight:700;} .bigform input { float:left; width:538px; background-image: url(../images/inputshade.gif); background-repeat: repeat-x; background-color:#fafafa; background-position: left top; border: 1px #b4b4b4 solid; line-height:20px; height:20px; display:block; margin-top: 10px; margin-bottom: 10px; margin-left: 20px; margin-right:15px; padding:5px 0 0 3px; font-size: 1em; vertical-align:middle; color:#666; } .bigform textarea {float:left; width:538px; background-image: url(../images/inputshade.gif); background-color:#fafafa; background-repeat: repeat-x; background-position: left top; border: 1px #b4b4b4 solid; line-height:1.2em; height:100px; display:block; margin-top: 15px; margin-left: 20px; margin-right:15px; padding:5px 0px 0px 5px; color:#666;} .bigform button { font-size:1.1em; width:222px; height:45px; color:#ffffff; background-image: url(../images/bigsubmit-button.gif); background-position: 0px 0px; background-repeat: no-repeat; border:none; cursor:pointer; margin-top: 40px; margin-left: 300px; background-color:#7bb20b; clear:both; border:0px;/* margin-right: auto; margin-bottom: 0px; */ } .bigform button:active { background-position: 0px -45px; color:#f2f2f2; background-image: url(../images/bigsubmit-button.gif); background-color:#7bb20b; height:45px; } form ul { display:inline; float:left; width:800px; margin: 0 0 5px 20px;} form li{ display:block; float:left; } form li ul { display:block; float:left; width: 180px; margin-left:0px; } form li ul li { line-height: 1em; clear: left; width:100%;} #bottomContent form li ul li input { padding:0; background:none; width:20px; height:20px; margin:10px 0px 0px 0px; border:none; } .bigform li ul li label { font-size: 1.2em; color: #666; margin: 10px 0 0 15px; display: block; float:left; padding:0 0 0 0px; width:120px; font-weight:400;} #bottomContent p.success { color:#006633 !important; font-weight:bold; padding-left:15px; font-weight:700; } #bottomContent p.warning { color: #FF3333; font-weight:700;} /************************************END CONTACT PAGE STYLE***************************************/ /************************************ABOUT PAGE STYLE***************************************/ #aboutbox1 { width:220px; float:left; } #aboutbox1 img { background:#fff; padding:5px 3px; border:1px #666 solid; width:190px; margin:5px auto; display:block; } #aboutbox1 h2, #aboutbox2 h2 { font-size:1.6em; color:#666; text-transform: capitalize; } #aboutbox2 { width:460px; float:left; margin-left:20px; } #aboutbox3 { width:220px; float:left; margin-left:20px; } .smallcolumn-holder span { width:220px; height:14px; background-image: url(../images/smallcolumn-top.gif); background-repeat: no-repeat; background-position: left top; display:block; } .smallcolumn-holder { padding:0 1px 10px 1px; width:218px; background-image: url(../images/aboutimage-holder.gif); background-position: left top; background-repeat: no-repeat; margin-bottom:30px; height:152px; } .smallcolumn-holder em { text-align:right; padding-top: 5px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; color:#666; display:block; } .skillset { width:218px; padding:0 1px; height:467px; background-image: url(../images/skillset-holder.gif); background-repeat: no-repeat; background-position: left top; } .skillset span { display:block; background-image: url(../images/darkheader-right.gif); background-repeat: no-repeat; background-position: right top; height:20px; float:left; padding-right:10px; } .skillset h3 { background-image: url(../images/darkheader-left.gif); background-repeat: no-repeat; background-position: left top; padding-left: 11px; display:block; color:#fff; height:20px; line-height:20px; float:left; font-weight:400; text-transform: capitalize; } #bottomContent .minititle { padding-left:5px; padding-bottom:8px; padding-top:8px; height:20px; display:block;} .skillblock { width:202px; padding: 2px 8px; float:left;} .skillname { width:115px; text-transform: uppercase; color:#666; float:left; font-size:0.9em;} html>body .starrating-one{width:84px; height:17px; background-image: url(../images/starrating.png); background-repeat: no-repeat; background-position: 68px 0px; float:right; } .starrating-one{width:84px; height:17px; background-image: url(../images/starrating.gif); background-repeat: no-repeat; background-position: 68px 0px; float:right; } html>body .starrating-two { width:84px; height:17px; background-image: url(../images/starrating.png); background-repeat: no-repeat; background-position: 52px 0px; float:right; } .starrating-two { width:84px; height:17px; background-image: url(../images/starrating.gif); background-repeat: no-repeat; background-position: 52px 0px; float:right; } html>body .starrating-three { width:84px; height:17px; background-image: url(../images/starrating.png); background-repeat: no-repeat; background-position: 34px 0px; float:right; } .starrating-three { width:84px; height:17px; background-image: url(../images/starrating.gif); background-repeat: no-repeat; background-position: 34px 0px; float:right; } html>body .starrating-four { width:84px; height:17px; background-image: url(../images/starrating.png); background-repeat: no-repeat; background-position: 17px 0px; float:right; } .starrating-four { width:84px; height:17px; background-image: url(../images/starrating.gif); background-repeat: no-repeat; background-position: 17px 0px; float:right; } html>body .starrating-five { width:84px; height:17px; background-image: url(../images/starrating.png); background-repeat: no-repeat; background-position: 0 0; float:right; } .starrating-five { width:84px; height:17px; background-image: url(../images/starrating.gif); background-repeat: no-repeat; background-position: 0 0; float:right; } .signature {font-weight:400; font-size:1.2em; } /************************************END ABOUT PAGE STYLE***************************************/