/* CSS Code and Design copyright 2007 to Sullivan+Wolf Design. All Rights Reserved. Copying and/or re-using this code, its sub-code or derivatives without written permission is a violation of copyright law. Visit us at SullivanandWolf.com */ a, p, ul, li, h1, h2, h3, h4, h5, h6, input, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-variant: normal;/* font-size: 10px;*/ } body { padding: 0px; margin: 0px; background-color: #797979; background-image: url(http://img.forgreatshots.com/assets/bg.png); background-position: center top; font-family: Verdana, Arial, Helvetica, sans-serif; background-repeat: repeat-x; background-attachment: fixed; } p { font-size: 80%; } h1 { font-size: 140%; font-weight: bold; color: #000000; margin-bottom: 0px; } h2 { font-size: 120%; font-weight: bold; color: #333333; } h3 { font-size: 100%; font-weight: bold; color: #666666; } h4 { font-size: 90%; font-weight: bold; color: #444444; } h5 { font-size: 80%; font-weight: bold; color: #222222; } h6 { font-size: 80%; font-weight: bold; color: #111111; } ul { list-style-type: square; } li { font-size: 80%; } td { } sup { padding-top: 4px; } input, textarea, select { font-size: 100%; } input, textarea { padding-top: 1px; padding-right: 2px; padding-bottom: 1px; padding-left: 3px; margin-top: 6px; } textarea { overflow:auto; } /* LAYOUT */ #container { width: 100%; text-align:left; } #masthead { width: 766px; height: 122px; background-image: url(http://img.forgreatshots.com/assets/masthead.png); background-repeat: repeat-x; margin-top: 18px; margin-bottom: 0px; margin-left: 160px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: none; border-left-style: solid; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; background-position: left top; } *html #masthead { width: 764px; } #masthead p { font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; /* color: #DDE1E7;*/ color: #D1D7DE; text-align: right; margin-top: 36px; margin-right: 36px; } #leftcolumn {position: relative; z-index: 10; margin-bottom:-254px; width: 200px;;} #sidenav {position: relative; z-index: 10; left: -530px; top: 44px; } *+html #leftcolumn {position: absolute; z-index: 50; margin-bottom:0px; } *+html #sidenav {position: relative; z-index: 50; left: -162px; top: 44px; } *html #leftcolumn {position: absolute; z-index: 50; } *html #sidenav {position: relative; z-index: 50; left: -162px; top: 44px; } #sidenav { background-color: #000000; width: 170px; background-image: url(http://img.forgreatshots.com/assets/bg-sidenav.gif); background-repeat: no-repeat; height: auto; /*140*/ } #sidenavtop { background-image: url(http://img.forgreatshots.com/assets/bg-sidenav-top.jpg); background-repeat: repeat-x; height: 34px; width: auto; display:block; font-size: 16px; color: #FFFFFF; padding-left: 8px; padding-top: 8px; margin-top: 0px;margin-bottom: 8px; vertical-align:top; position: relative; z-index: 70; top: 0px; } *html #sidenavtop {margin-top: 0px;} *+html #sidenavtop {margin-top: 0px;} #toplinks { width: 764px; position: relative; z-index:60; margin-left: 160px; _margin-bottom: -22px !important; } *+html #toplinks { margin-bottom: -28px ; } #content { background-color: #EBEBEB; height: auto; width: 700px; margin-left: 160px; background-image: url(http://img.forgreatshots.com/assets/bg-sbar.jpg); background-repeat: repeat-x; background-position: left top; padding-top: 40px; padding-right: 24px; padding-bottom: 16px; padding-left: 40px; overflow: visible; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #00CC00; border-right-color: #00CC00; border-bottom-color: #00CC00; border-left-color: #00CC00; text-align:left; z-index: 0;} *html #content { width: 764px; } #footer { padding: 12px; height: auto; margin-left: 150px; width: 760px; text-align:left;} #thumbs { height: 160px; width: 160px; border: 1px solid #333333; vertical-align: middle; text-align: center; margin-top: 4px; margin-right: 4px; overflow: hidden; float:left; } #thumbs img { margin-top: 4px; margin-left: 2px; vertical-align: middle; } #port { display: block; height: auto; width: auto; } #bigphoto { height: auto; width: 540px; border: 1px solid #333333; text-align: center; padding: 12px; background-image: url(http://img.forgreatshots.com/assets/bg.gif); background-repeat: repeat-y; background-position: center top; } /* LINKS */ a { } a:link { text-decoration: none; color: #000066; } a:visited { text-decoration: none; color: #000000; } a:hover { text-decoration: none; } #sidenav a { color: #FFFFFF; text-decoration: none; font-size: 70%; display: block; height: auto; width: auto; padding-right: 4px; padding-left: 16px; margin-bottom: 0px; padding-top: 4px; padding-bottom: 4px; } #sidenav a:hover {; background-color: #333399; color: #FFFFFF; } #toplinks a { font-size: 11px; color: #000000; text-decoration: none; height: 22px; width: auto; margin-right: 4px; margin-left: 4px; display: inline; float: left; padding-right: 6px; padding-left: 20px; vertical-align: middle; padding-top: 6px; font-weight: bold; background-image: url(http://img.forgreatshots.com/assets/bg-toplink.jpg); background-repeat: no-repeat; } #toplinks a:hover { background-image: url(../bg-toplink-over.jpg); } /* STYLES */ .rowHEADER { color: #FFFFFF; background-color: #000000; padding-left: 6px; font-weight: bold; font-size:smaller; background-image: url(http://img.forgreatshots.com/assets/bg-sidenav-top.jpg); background-repeat: repeat-x; } .rowFIRST { background-image: url(../input-shadow.gif); background-repeat: no-repeat; background-position: -6px 0px; font-size:70%; } .rowA { color: #000000; background-color: #FFFFFF; padding-left: 4px; font-size:70%; } .rowB { color: #000000; background-color: #F2F0EA; padding-left: 4px; font-size:70%; } .rowC { color: #FFFFFF; background-color: #003399; padding-left: 4px; font-size:70%; } .tableLINES { border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #C0C0C0; border-right-color: #C0C0C0; border-bottom-color: #C0C0C0; border-left-color: #C0C0C0; background-color: #CCCCCC; } .copyright { font-size: xx-small; color: #CCCCCC; padding-left: 12px; } .inputbox { background-image: url(http://img.forgreatshots.com/assets/input-shadow.gif); background-repeat: no-repeat; background-position: left top; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #666666; border-right-color: #999999; border-bottom-color: #999999; border-left-color: #666666; font-size: 100%; } .smalltext { font-size: 70%; font-weight: normal; } .clients { height: auto; width: auto; margin-top: 16px; margin-left: 24px; } .clientslist { height: auto; width: 210px; font-size: 70%; float: left; margin: 0px; } ul.aboutul { } .callout { padding: 12px; float: left; height: auto; width: 180px; text-align: center; display: block; color: #003399; border: 1px dashed #003399; background-color: #CCCCCC; margin-right: 12px; background-image: url(../bg-content.jpg); background-repeat: repeat-x; background-position: center top; } .leftside { display: block; float: right; margin-right: 36px; }