@charset "utf-8"; 
/* CSS Document */ 

/* general */
html { width:100%; height:100%; margin:0px; padding:0px }
body { width:100%; height:100%; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; cursor:default; background-color:#ffffff }
a { outline:none; text-decoration:none; color:#1fc7d3 }
a:hover { color:#ffffff; background-color:#333333 }
a img { border:none }
hr { border:none; border-top:1px solid #53d5de; background:none; width:680px; margin-right:60px; margin-top:20px }

#main { padding:0px; margin:auto; width:1120px; height:auto; background-image:url(../img/mainbg.jpg); display:none }
#top { padding:0px; margin:0px; width:1120px; height:300px; background-image:url(../img/topbar.jpg); background-repeat:no-repeat }
#pageno { position:relative; left:967px; top:-250px; width:50px; margin-bottom:-250px }
#contact { position:relative; left:820px; top:35px; color:#ffffff; width:200px }
#content { margin:0px 0px 0px 90px  }
#sidebar { width:190px; margin:-10px 110px 0px 0px; color:#ffffff; float:right }
#sidebar img { margin-bottom:5px }
#skills { margin-top:45px }
#navbar a { font-size:10px !important; padding:2px 4px 2px 4px }
#copy, #loader { width:665px; padding-top:20px }
#bottom { clear:both; height:90px; background-image:url(../img/bottombg.jpg); background-repeat:no-repeat; margin:0px; padding:0px }

h1, .header, .selected { font-size:14px; font-weight:bold; text-transform:uppercase }
.selected { color:#666666; background-color:#ffffff }
.selected:hover { color:#666666; background-color:#ffffff }
.twocols { list-style-type:none; margin:0px; padding:0px; width:700px; font-size:14px }
.twocols li { display:inline-block; vertical-align:top; width:310px; height:auto; margin-right:20px }
.threecols { list-style-type:none; margin:0px; padding:0px; width:700px }
.threecols li { display:inline-block; vertical-align:top; width:190px; height:220px; margin-right:40px; text-align:justify }
.alignr { float:right; color:#999999; font-size:10px }
.vcentered { vertical-align:middle; margin-bottom:.25em }
.pfdesc { margin:0px; padding:0px; font-size:11px; font-style:italic }
strong { color:#53d5de; text-transform:uppercase; font-size:11px }
.pfimg { margin-right:20px }
.pfvideo { width:275px; height:138px; padding:10px; padding-left:32px; padding-right:0px; margin-right:20px; background-image:url(../img/frame.jpg); background-repeat:no-repeat; float:left }
.pfsep { clear:left; height:10px }
.small { font-size:10px }
.crossed { text-decoration:line-through; color:#ff2222 }

h2 { margin-top:0px; padding-top:0px; font-size:16px }
#qtable { background-image:url(../img/quotertop.jpg); background-repeat:no-repeat; background-position:top }
#qtable th, #qtable td, #qtable th { vertical-align:top }
#quoter { font-size:14px; display:none; background-image:url(../img/quoterbg.jpg); background-repeat:repeat-y }
#quoter a { display:inline-block !important }
#qslist { margin-top:10px; padding-left:5px; font-size:12px }
#qsprice { margin-top:10px; text-align:right; font-weight:bold }
#qstep2, #qstep3, #opt1, #opt2, #opt3, #opt1q2, #opt1q3, #opt1q4, #opt1q5, #opt1q6, #opt1q7, #opt1q8, #opt1q9, #opt1q10, #opt2q2, #opt2q3, #opt3q2, #opt3q3 { display:none }
.qtitle { font-weight:bold; display:block; text-transform:uppercase; background-color:#53d5de; padding:5px; font-size:12px }
.qlink { font-size:16px; font-weight:bold }