@charset "UTF-8";
/* CSS Document */
img, div { behavior: url(iepngfix.htc) }

body { text-align:center; margin:0; font-family:Verdana, Geneva, sans-serif;}
#clear { line-height:0; height:0; clear:both; overflow:hidden;}

h2 { font-size:12px; text-align:left; color:#9d7237; font-weight:bold; padding:0px 10px;}

#longIslandLinks { text-align:center; font-size:10px; color:#666;}
#longIslandLinks a { color:#666; text-decoration:none; padding:0px 20px;}
#longIslandLinks a:hover { color:#666; text-decoration:underline;}
#longIslandLinks h1 { color:#666; display:inline; font-size:10px; font-weight:normal;}

#logo { z-index:100; position:absolute; top:30px; left:0;}

#navigation { width:960px; text-align:right; padding:30px 0px 0px 0px;}

#webdesign { width:960px; text-align:center; margin:0 auto; position:relative;}
#main { background-color:#FFF; border:solid 1px #81c3eb; margin:0 auto; width:902px; padding:0px; position:relative;}
#flash { padding:0px; border-top:solid 1px #FFF; height:250px; overflow:hidden;}
#indexContent { background:repeat-x url(images/20grad.png); border:solid 1px #FFF;}
#indexContent p { text-align:left; padding:0px 20px; color:#666; font-size:12px; font-family:Verdana, Geneva, sans-serif; line-height:16px;}

#bottomText { padding:0px 0px;}
#bottomText h1 { padding:0px 30px; color:#3b596a; text-align:left; font-size:14px;}
#bottomText p { padding:0px 40px; color:#666; text-align:left; font-size:12px;}

#footer { text-align:center; margin:0 auto; width:902px; font-size:10px; color:#666;}
#footerLinks { padding:15px 0px 20px 0px;}
#footerLinks a { text-decoration:none; color:#666; padding:0px 5px;}
#footerLinks a:hover { text-decoration:underline; color:#3b596a;}
#footerCopy { color:#999; font-size:10px; text-align:center; border-top:solid 1px #81c3eb; padding:20px 0px;}
#footerCopy  a { color:#999; text-decoration:none;}

#techWork { position:absolute; width:610px; height:232px; overflow:hidden; background: url(images/tech-pop.jpg) no-repeat #ffffff; z-index:10000; top:250; left:0; visibility:hidden;}
#databaseWork { position:absolute; width:610px; height:232px; overflow:hidden; background: url(images/data-pop.gif) no-repeat #ffffff; z-index:10000; top:250; left:0; visibility:hidden;}
#ecomWork { position:absolute; width:610px; height:232px; overflow:hidden; background: url(images/ecomm-pop.gif) no-repeat #ffffff; z-index:10000; top:250; left:0; visibility:hidden;}
#webWork { position:absolute; width:610px; height:232px; overflow:hidden; background: url(images/web-pop.gif) no-repeat #ffffff; z-index:10000; top:250; left:0; visibility:hidden;}
#printWork { position:absolute; width:610px; height:232px; overflow:hidden; background: url(images/print-pop.gif) no-repeat #ffffff; z-index:10000; top:250; left:0; visibility:hidden;}

#ecomWork p { text-align:left; color:#666; line-height:16px; padding:0px 20px 0px 50px; font-size:12px;}

#workInside { text-align:left;}
#workInside h1 {padding:20px 20px 0px 20px; text-align:left; font-size:14px; color:#9d7237;}
#workInside p { text-align:left; color:#666; line-height:16px; padding:0px 20px 0px 30px; font-size:12px;}

#indexL { width:600px; height:210px; overflow:hidden; float:left; background-color:#dff0fa; border-right:solid 1px #FFF; border-left:solid 1px #FFF; padding:10px 0px;}
#indexR { width:298px; height:210px; overflow:hidden; float:right; padding:10px 0px; background:url(images/services-back.jpg) no-repeat;}
#indexR h1 { font-size:12px; color:#666; text-align:left; padding:5px 10px 0px 20px; font-weight:normal;}
#indexR a { color:#666; text-decoration:none; display:block;}
#indexR a:hover { color:#666; text-decoration:underline;}

#cart { margin:0 auto; width:630px; border:solid 1px #81c3eb; font-size:12px; color:#666; font-size:12px;}
#cartFeature { background:repeat-x url(images/20grad.png) #dff0fa; color:#3b596a; font-weight:bold; text-align:left; padding:10px;}

#indexRcontent {text-align:left; padding:0px 20px; color:#666; font-size:12px; font-family:Verdana, Geneva, sans-serif; line-height:16px;}

h1.index { display:inline; color:#666; font-size:12px; text-decoration:none; text-align:left; font-weight:normal; border:0;}

#indexHeader { color:#9d7237; font-family:Verdana, Geneva, sans-serif; border-bottom:solid 1px #9d7237; font-size:16px; font-weight:normal; text-align:left; padding:0px 0px 0px 15px;}
#indexHeader1 { color:#9d7237; font-family:Verdana, Geneva, sans-serif; font-size:16px; font-weight:normal; text-align:left; padding:0px 0px 1px 15px;}

#twoCol { border:solid 1px #FFF; background:url(images/2colBack.gif) repeat-y;}
#leftCol { float:left; width:200px; text-align:left; padding:40px 10px 10px 10px;}
#rightMain { float:right; width:670px; padding:0px 0px 25px 0px;}
#rightMain h1 { color:#3b596a; font-size:16px; text-align:left; padding:0px 0px 0px 10px;}
#rightMain p { color:#666; font-size:12px; line-height:17px; text-align:left; padding:0px 30px;}

#rightMainL { float:left; width:330px; text-align:left;}
#rightMainR { float:right; width:330px; text-align:left;}

#portCont { padding:0px 30px; text-align:center; border-bottom:dotted 1px #CCC; text-align:left;}
#portThumb { float:left; width:150px; text-align:center; padding:10px 0px;}
#portDesc { float:right; width:450px; text-align:left; padding:10px 0px;}
.tech { font-weight:bold; color:#3b596a;}

#portOver { padding:0px 50px;}

#view { text-align:left; padding:0px 30px; font-size:12px;}
#view a { color:#3b596a; text-decoration:underline;}
#view a:hover { color:#3b596a; text-decoration:none;}

#contact { margin:0 auto; width:630px; border-top:solid 1px #81c3eb; border-left:solid 1px #81c3eb; border-right:solid 1px #81c3eb; font-size:12px; color:#666; font-size:12px;}
#contactHead { text-align:center; color:#FFF; font-size:14px; padding:5px; background-color:#3b596a; background-image:url(images/20grad.png); background-repeat:repeat-x;}
#contactRow { border-bottom:solid 1px #81c3eb;}
#contactRowBig { border-bottom:solid 1px #81c3eb; padding:10px 0px; text-align:center; color:#666;}
#contactRowBig  p { color:#666; text-align:left; padding:0px 10px;}
#contactL { float:left; width:310px;}
#contactR { float:right; width:310px;}
#contactLL { float:left; width:85px; padding:10px 5px 0px 5px; text-align:left;}
#contactRR { float:right; width:205px; padding:5px; text-align:left;}

textarea.contact { width:600px; height:100px; border:solid 1px #81c3eb;}
input.contact { border:solid 1px #81c3eb;}

#contactQ{ margin:10px 0px 0px 0px; border-top:solid 1px #81c3eb; border-left:solid 1px #81c3eb; border-right:solid 1px #81c3eb; font-size:12px; color:#666; font-size:12px; background-color:#FFF;}
#contactQL { float:left; width:40px; padding:10px 5px 0px 5px; text-align:left;}
#contactQR { float:right; width:130px; text-align:left; padding:5px 0px;}
input.qcontact { border:solid 1px #81c3eb; width:120px;}
textarea.qcontact { width:160px; height:50px; border:solid 1px #81c3eb;}

#leftImage { padding:10px 0px 0px 0px;}