/* >>>>> Main Cascading Style Sheet <<<<< */

/* 
   A21938 Safari Red
   A32A2F  Firefox Red
   D8B461  Tan
   71843E  Dk Green
   B5BFA0  Lt Green
   333333  Dk Grey
   3388FF  Charger Blue
   F4C210  Charger Yellow
   222266  Dark Blue Background
*/

body {
  margin:0; padding:0;
  font-family: 'Lucida Grande',Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:11px;
  /*background-color:#FFF;*/
  background-color:#222266;
  color:#000;
}

/* p,td,th,div,span,ol,ul,dl,dt,dd,li,form  */
p,td,th,ol,ul,li,form {
  margin: 0.5em 0;
  line-height: 1.5em;
}

h1,h2,h3,h,h5,h64 { 
  margin:0;
  padding-top:6px;
  text-align: left;
}

h1 { font-size: 150%; padding-bottom:6px; letter-spacing:0.05em; background:#F4C210; color:#000;text-align:center; border:2px solid #000;}
h2 { font-size: 125%; padding-bottom:6px; padding-left: 3px; letter-spacing:0.05em; background:#3388FF; color:#FFF;}
h3 { font-size: 125%; color: #A32A2F;}
h4 { font-size: 125%; background: #F4C210; color: #000; text-align:center;}
h5 { font-size: 125%; letter-spacing:0.05em; background: #222266; color: #FFF; text-align:center;}
h6 { font-size: 100%; pletter-spacing:0.05em; background: #3388FF; color: #FFF; text-align:center;}


ul {
  line-height: 1.5em;
  margin: 0 18px;
  padding: 0;
  list-style-type: square;
}

a:link { color: #A32A2F; text-decoration: underline; }
a:visited { color: #3388FF; text-decoration: underline; }
a:hover { background:#A32A2F; color:#FFF; text-decoration: underline; }
a:active { background:#3388FF; color:#FFF; text-decoration: underline;}

pre {
  background: #F6EEC7;
  border: 1px solid black;   
  margin: 0 0 0 10px;
  padding-top: 8px;
  font-family: "Courier New",courier,georgia sans-serif;
  font-size: 95%;
  font-weight: normal; }


table { 
    table-layout: auto;
    border-collapse: collapse;  
}

table.pricing 
   border-collapse: none;  
   margin-left: auto;
   margin-right: auto;
   border: 1 px solid #000;
   vertical-align:top;
}

table.pricing td  {
   text-align:center;
   vertical-align:top;
   border: 1 px solid #000;
   text-size:1.0em;
}

table.contable 
   margin-left: auto;
   margin-right: auto;
   border:none !important;
   border-collapse: collapse;
   border-spacing: 0;
   vertical-align:top:
}

table.contable td  {
   border:none !important;
   border-collapse: collapse;
   border-spacing: 0;
   text-size:1.0em;
}


.price-orig {text-decoration:line-through; color: #666;}

.price-sale {font-weight:bold; color: #000;}

.callout {
   float:right;
   width:225px;
   border: 3px solid #FFF;
   margin: 9px;
   padding:9px;
   font-size: 100%;
   font-weight: bold;
   line-height: 125%;
   background: #A32A2F;
   color: #FFF;}
/*
.callout a:link { color: #FFF; text-decoration: underline; }
.callout a:visited { color: #FFF; text-decoration: underline; }
.callout a:hover { background:#FFF; color: #A32A2F; text-decoration: underline; }
.callout a:active { background:#FFF; color:#3388FF; text-decoration: underline;}
*/

.callout a:link {font-weight:bold; color: #ffff00; text-decoration: none; }
.callout a:visited {font-weight:bold; color:#ffff99; text-decoration: none; }
.callout a:hover { font-weight:bold; color: #00DD00; text-decoration: underline; }
.callout a:active {font-weight:bold; color: #ffff33; text-decoration: underline;}



.footer {
   text-align:center;
}

.pagelinks dl {margin-left:18px; margin:1px 0;}

.caption {
    font-size: 0.9em;
    color:#003399;
    text-align:center;
}

.nav dl {
  margin: 0;
  padding:0;

}

.nav dt {
  margin:0;
  padding:0;
}

.nav a {
    font-family: 'Lucida Grande',Verdana,Arial,Geneva,Helvetica,SunSans-Regular,sans-serif;
    margin: 0;
    padding: 2px 0 2px 25px;
    background: url("bkg/button2.gif") 0 0 no-repeat;
    background-position:0 0;
    display:block;
    text-decoration: none;
    }

.nav a:link { color: #A32A2F; }
.nav a:visited { color: #A32A2F; }
.nav a:hover {background-position: -150px 0; color: #FFFFFF;}
.nav a:active {background-position: -300px 0; color: #FFFFFF;}
.nav a.clicked:link {background-position: 0 0; color: #FFFFFF;}

.col-in {
  margin:0; padding:0 1em;
}

.cleaner {
  clear:both;
  height:1px;
  font-size:1px;
  border:none;
  margin:0; padding:0;
  background:transparent;
}

.copy {
  text-align:center; }

#container {
    width:735px;
    /*width:985px;*/
    height:600px;
    margin-top:24px;
    margin-left: auto;
    margin-right: auto;
}

#wrapper {
   width:735px;
  /*width:985px;*/
  margin: 0;
  padding: 0;
}

#header {
    width:735px;
   /*width:985px;*/
  height:165px;
  margin 0;
  padding:0;
  background: transparent url(bkg/xportraits-banner.gif) no-repeat;
}

#col_wrapper {
    width:735px;
    /*width:985px;*/
    margin:0;
    padding:0;
    background-color:transparent;
    background: transparent url(bkg/bkg.jpg) repeat-y;
}
    
#col_1 {
  background-color:#FFF;
  float:left;
  width:150px;
  margin: 0;
  padding:0;
}

#col_2 {
  border:3px solid #F4C210;
  background-color:#FFF;
  margin: 0 0px 0 150px;
  padding:0 10px;
  /*width:555px;*/
  width:560px;

}

#col_3 {
  background-color:#3388FF;
  color:FFF;
  float:right;
  width:0px;
  /*width:250px;
  margin:0;
 */
  padding:0;
}

#col_3 h3, #col_3 p, #col_3 td, #col_3 th, #col_3 div, #col_3 span, #col_3 ol, #col_3 ul, #col_3 dl, #col_3 dt, #col_3 dd, #col_3 li, #col_3 form {
   color: #FFF; 
}

#col_3 a:link { color: #000; }
#col_3 a:visited { color: #000; }

#footer {
  color: #F4C210;
  margin: 5px 0 0 155px;
  padding:10px;
  width:545px;
  text-align:center;
}

/* >>>>> Drop Shadows <<<<< */

.img-noshadow {
  clear: both;
  display: block;
  position:relative;
  text-align:center;
}

.img-shadow {
  clear: both;
  float:left;
  background: url(imgs/ds/shadowAlpha.png) no-repeat bottom right !important;
  background: url(imgs/ds/shadow.gif) no-repeat bottom right;
  margin: 6px 0 0 2px !important;
  margin: 6px 0 0 1px;
}

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px 0px;
  padding: 8px;
 /*width: 154px;
  height: 203px;*/
}

.p-shadow {
  clear: both;
  width: 90%;
  float:left;
  background: url(imgs/ds/shadowAlpha.png) no-repeat bottom right !important;
  background: url(imgs/ds/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.p-shadow div {
  background: none !important;
  background: url(imgs/ds/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
}

.p-shadow p {
  color: #000;
  background-color: #fff;
  font: 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
}