html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote { padding:0; margin:0; font-size:100%; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; font-size:small; } ol { margin-left:1.4em; list-style:decimal; } ul { margin-left:1.4em; list-style:square; } img { border:0; } /*------------------------------------------------END CSS RESET--------------------------------------*/ body { background:url(/images/page_bg.gif) repeat-x; background-color:#0171bc; } #wrapper { margin: 0 auto; width:1000px; } #header { background:url(/images/header_bg.jpg) no-repeat top left; height:104px; } #phone { float:right; margin-top:20px; margin-right:20px; } #phone p { font-size:180%; color:#FF0; } #phone p span { font-size:80%; color:#000; font-style:italic; } #content { background:url(/images/bodygreylong2_bg.gif) no-repeat top left; height:1620px; position:relative; } /*-----------------TopNav---------------------*/ .topnav { text-decoration:none; font-weight:500; } #nav { width:100%; } #nav li { position:relative; list-style-type:none; display:inline; top:2px; left:490px; } #nav li a { padding:0px 20px; font-size:120%; font-weight:500; color:#FF3; } #nav li a:hover, #nav li a:active { color:#FFF; border-top:solid #FF3 2px; padding-top:3px; } /*-----------------------------------BANNER---------------------------*/ #banner { background:url(/images/banner5.png) no-repeat top left; height:200px; width:1000px; margin-top:18px; } #banner h1 { font-size:180%; width:310px; margin-left:20px; color:#FF0; padding-bottom:10px; background-position:0 -13px; } #banner h2 { font-size:120%; width:270px; margin-left:60px; color:#fff; text-indent:30px; } #piece { background:url(/images/piecegrey.png) no-repeat; position:absolute; height:102px; width:156px; left: 197px; top: 251px; } /*-----------------------------------VERT NAV-------------------------------------------*/ .vertnav { text-decoration:none; } .vertnav { display:block; width:184px; } #vertnav { float:left; margin-left:-10px; margin-top:120px; } #vertnav li { list-style-type:none; text-indent:-5000px; margin-bottom:5px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; } #vertnav li a { } #vertnav a { height:58px; } #verthome { background-image:url(/images/nav_main.gif); width:184px; height:58px; background-position:top left; } #vertservices { background-image:url(/images/nav_main.gif); width:184px; height:58px; background-position:0 -174px; } #vertabout { background-image:url(/images/nav_main.gif); width:184px; height:58px; background-position:0 -348px; } #vertportfolio { background-image:url(/images/nav_main.gif); width:184px; height:58px; background-position:0 -580px; } #vertcontact { background-image:url(/images/nav_main.gif); width:184px; height:58px; background-position:0 -696px; } #verthome a:hover, #verthome a:active { background-image:url(/images/nav_main.gif); width:184px; height:58px; background-position:0 -116px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; } #vertservices a:hover, #vertservices a:active { background-image:url(/images/nav_main.gif); width:184px; height:58px; background-position:0 -290px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; } #vertabout a:hover, #vertabout a:active { background-image:url(/images/nav_main.gif); width:184px; height:58px; background-position:0 -464px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; } #vertportfolio a:hover, #vertportfolio a:active { background-image:url(/images/nav_main.gif); width:184px; height:58px; background-position:0 -638px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; } #vertcontact a:hover, #vertcontact a:active { background-image:url(/images/nav_main.gif); width:184px; height:58px; background-position:0 -812px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; } /*-----------------------------RIGHT BOXES--------------------------------------------*/ #rightboxes { float:right; margin-top:20px; margin-right:-5px; } #rightboxes div { margin-bottom:10px; } #rightboxes a { color:#333; text-decoration:none; } #rightboxes a:hover { color:#000; } #box1 { background-image:url(/images/bluebox.png); background-repeat:no-repeat; height:115px; width:216px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; } .boxh2 { padding-left:10px; padding-top:10px; font-size:160% } .boxh3 { padding-left:25px; padding-top:1px; font-size:130%; } #box2 { background-image:url(/images/bluebox.png); background-repeat:no-repeat; height:115px; width:216px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; } #box3 { background-image:url(/images/bluebox.png); background-repeat:no-repeat; height:115px; width:216px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; } #box4 { background-image:url(/images/bluebox.png); background-repeat:no-repeat; height:115px; width:216px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; } #icon1 { background:url(/images/icon1.png) no-repeat top left; width:65px; height:59px; margin-top:-27px; margin-right:22px; } #icon2 { background:url(/images/icon5.png) no-repeat top left; width:65px; height:59px; margin-top:-30px; margin-right:10px; } #icon3 { background:url(/images/icon3.png) no-repeat top left; width:65px; height:59px; margin-top:-47px; margin-right:10px; } #icon4 { background:url(/images/icon4.png) no-repeat top left; width:65px; height:59px; margin-top:-4px; margin-right:25px; } .icon { float:right; } /*---------------------MAINBOX----------------------------*/ #mainbox { background:url(/images/1px.90alphawhite.png) repeat; width:540px; margin-left:210px; margin-top:20px; padding:12px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; } #mainbox h3 { font-size:150%; text-align:center; padding-bottom:7px; background:url(/images/line.png) no-repeat; background-position:25px 20px; } #mainbox p { margin-top:14px; line-height:1.4em; } #mainbox a { text-decoration:none; } #mainbox a:visited { color:#06F; } #indent { text-indent:40px; } #mainbox ul { list-style-type:circle; } .list { margin-left:80px; margin-top:10px; font-style:oblique; font-size:110%; } .list2 { margin-left:300px; margin-top:-80px; font-style:oblique; font-size:110%; } #foody { background:url(../images/janthonythumbfinal.jpg) no-repeat; width:202px; height:119px; position:absolute; top:315px; left:560px; } #missbee { background:url(/images/missbeethumb.jpg) no-repeat; width:202px; height:119px; position:absolute; top:465px; left:560px; } #missbee_bg { } #numbskull { background:url(/images/numbskullthumb.jpg) no-repeat; width:202px; height:119px; position:absolute; top:615px; left:560px; } .thumb_link { position:relative; margin-left:70px; margin-top:-30px; font-size:120%; } .thumb_link a:hover { color:#333 !important; } .janthony { margin-top:-10px; } .janthony a:hover { color:#333 !important; } .missbees { margin-top:-20px; } .missbees a:hover { color:#333 !important; } .numbskull { margin-top:10px; } .numbskull a:hover { color:#333 !important; } .vantage { margin-top:-20px; } .vantage a:hover { color:#333 !important; } #vantage { background:url(/images/vantagethumb.jpg) no-repeat; width:202px; height:119px; position:absolute; top:765px; left:560px; } #partybus { background:url(/images/partybusthumb.jpg) no-repeat; width:202px; height:119px; position:absolute; top:915px; left:560px; } #kleen { background:url(/images/kleenthumb.jpg) no-repeat; width:202px; height:128px; position:absolute; margin-left:340px; margin-top:-114px; } #otherwork { background:url(/images/janthonythumb.jpg) no-repeat; height:152px; width:202px; position:absolute; left:260px; top:1230px; } .sitenames { color:#000; position:relative; top:155px; left:20px; font-size:90%; } .missbeename { top:130px; } #graphic { background:url(/images/graphic.jpg) no-repeat; width:535px; height:214px; left:220px; position:absolute; bottom:100px; } /*-----------------------------FOOTER-------------------------*/ #footer { left:0px; background:url(/images/footer_bg.gif); width:1000px; height:15px; } #footer p { font-size:80%; margin-left:400px; color:#FFF; } a:link { color:#06F; text-decoration:none; } a:visited { color:#06F; text-decoration:none; } .actives { color:#CCC !important; text-decoration:none; border:none !important; cursor:default; } /*------------------------EXTRA--------------------*/ .pointer { cursor:pointer; } #more h3 { position:relative; top:155px; }