/*----<< copyright forwest >>-------------------------------------------------*/



/*---- (class) selectors: ----------------------------------------------------*/

body {
margin: 0;
padding: 0;
text-align: center;
font-size: 100%;	/* reqd for IE text size bug */
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #fff;
}

div.divLft {float: left;}
div.divRght {float: right;}
div.divLft2em {float: left; margin-left: 2em;}
div.divRght2em {float: right; margin-right: 2em;}
div.clrLft {clear: left;}
div.clrRght {clear: right;}
div.clrBth {clear: both;}

div.noteBx {
margin: 1.5em 0;
padding: 0.6em;
border: 1px dotted #aaa;
}
div.refBx {
margin: 1.5em 0;
padding: 0.6em;
padding-left: 24px;
background: #ddd url('/images/ref_note.jpg') top left no-repeat;
border: 1px dotted #aaa;
}
div.tipBx {
margin: 1.5em 0;
padding: 0.6em;
padding-left: 24px;
background: #ffc url('/images/icon_tip.jpg') top left no-repeat;
border: 1px dotted #ccc;
}
div.colorBx {
margin: 1.5em 0;
padding: 0.6em;
background: #e9f9fb;
border: 1px solid #2bc1d7;
}
div.borderBx {
margin-bottom: 3em;
padding: 1em;
border-right: 2px solid #ccc;
border-bottom: 2px solid #ccc;
}
div.bashBx {
padding: 0.6em;
font-size: 1.2em;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
background-color: #333;
border: 1px solid #ccc;
}

p.step {
margin-top: 2em;
font-size: 1.2em;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #c2262d;
}

span.action {
padding: 0 0.3em;
font-family: Arial, Helvetica, sans-serif;
color: #333;
background-color: #f8f8f8;
border: 1px solid #ccc;
}
span.hilite {
font-size: 1.2em;
font-family: Arial, Helvetica, sans-serif;
color: #5d4c9f;
}
span.note {
padding: 0 0.6em;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #666;
background-color: #eee;
border: 1px solid #aaa;
}
span.cmd {
padding: 0 0.6em;
font-size: 1.2em;
font-family: "Courier New", Courier, monospace;
color: #761113;
background-color: #eee;
}

img { border: none; padding: 0;}
img.imgLft { float: left; margin: 0.6em 0.6em 0.6em 0;}
img.imgRght { float: right; margin: 0.6em 0 0.6em 0.6em;}

ul { list-style-type: square;}
ul.clr { margin: 0; padding: 0; list-style: none;}
dd { margin-top: 0.6em; margin-bottom: 0.6em;}
dd.ddtags { font-style: italic; color: #666;}
dl.dtgap dt { margin-bottom: 0.6em;}
dt.dtcmd {
margin-top: 1em;
margin-bottom: 1em;
padding-left: 0.6em;
font-size: 1.2em;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #5d4c9f;
border-bottom: 1px solid #aaa;
border-left: 1px solid #aaa;
}
li { margin-top: 0.6em; margin-bottom: 0.6em;}
li.clr { list-style-type: none;}
ol.list-la { list-style-type: lower-alpha;}
ol.list-lr { list-style-type: lower-roman;}
ol.list-ur { list-style-type: upper-roman;}
li.smltxt {
font-family: "Courier New", Courier, monospace;
list-style-type: circle;
color: #666;
}
li.note {
margin: 1em;
padding: 0.6em;
list-style-type: none;
font-style: italic;
color: #666;
background-color: #fff;
border: 1px dotted #ccc;
}
dd.note {
margin: 1em;
margin-left: 5.4em;
padding: 0.6em;
font-style: italic;
color: #666;
background-color: #fff;
border: 1px dotted #ccc;
}
ol.strng { font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #761113;}
ol.strng li li { font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; color: #666;}

p.price {
width: 8em;
margin-left: 14em;
padding: 0.4em;
text-align: center;
color: #f60;
background: #fff;
border-width: 1px;
border-style: solid;
border-color: #ccc #666 #666 #ccc;
}
p.lnkBox {
width: 30em;
margin-top: 4em;
padding: 0.4em;
border-width: 1px;
border-style: solid;
border-color: #ccc #666 #666 #ccc;
}

hr { width: 70%}

strong { font-family: Arial, Helvetica, sans-serif; color: #761113;}

table.table1 {
width: 80%;
text-align: center;
border-collapse: collapse;
}
table.table1 th {
padding: 0.6em 0.2em;
font-weight: bold;
color: #fff;
background-color: #2bc1d7;
border: 1px solid #666;
}
table.table1 td {
padding: 0.6em 0.2em;
border-bottom: 1px solid #999;
}
table.table1 td.dark {
padding: 0.6em 0.2em;
font-weight: bold;
color: #2bc1d7;
border-bottom: 1px solid #999;
}

/*---- nav styles: -----------------------------------------------------------*/

#navWdth {
width: 100%;
margin: 0 auto;
margin-top: 1em;
background: url('/images/nav.png') top repeat-x;
border-top: 1px solid #888;
border-bottom: 1px solid #888;
}

#nav {
width: 912px;
margin-right: auto;
margin-left: auto;
text-align: left;
font-size: 0.75em;
}

#nav ul {
margin: 0;
padding: 0;
list-style: none;
line-height: 3em;
}

#nav li {
float: left;
width: 9em;
margin: 0;
padding: 0;
}

#nav li li {
margin: 0;
border: none;
}

#nav a {
width: 9em;
margin: 0;
padding: 0;
display: block;
text-align: center;
text-decoration: none;
color: #333;
background: url('/images/nav_def.png') center repeat-x;
border-right: 1px solid #aaa;
border-left: 1px solid #ddd;
}

#nav a:hover {
background: url('/images/nav_hov.png') center repeat-x;
}

#nav li ul {
position: absolute;
width: 12.4em;
left: -999em;
padding: 0;
line-height: 1.6em;
text-align: left;
border: 1px solid #999;
}

#nav li ul a {
width: 12em;
padding: 0.4em 0 0.4em 0.4em;
text-align: left;
font-weight: normal;
color: #333;
background: #eee;
border: none;
}

#nav li ul a:hover {
color: #333;
background: #fff url('/images/nav_hov.png') center repeat-x;
}

#nav li:hover, #nav li.sfhover { position: static;}
#nav li:hover ul, #nav li.sfhover ul { left: auto;}

#nav #currentpage a { color: #fff; background: url('/images/nav_cur.png') center repeat-x;}
#nav #currentpage a:hover { color: #fff; background: url('/images/nav_hov.png') center repeat-x;}
#nav #currentpage li a { color: #333; background: #fff;}
#nav #currentpage li a:hover { color: #333; background: #fff url('/images/nav_hov.png') center repeat-x;}

#nav #qcklnks {
float: right;
width: auto;
position: relative;
margin-right: 1px;
padding: 4px 10px;
text-align: center;
background: #ddd;
border-left: 1px solid #999;
border-right: 1px solid #999;
}
#nav #qcklnks a {
float: left;
width: auto;
margin: 0;
padding: 0;
display: block;
text-align: center;
text-decoration: none;
background: none;
border: none;
}
#nav #qcklnks a span { display: none;}
#nav #qcklnks a:hover span {
position: absolute;
bottom: 0.4em;
right: 11em;
width: 7em;
padding: 0.4em;
display: inline;
text-align: right;
font-family: Century Gothic, sans-serif;
color: #666;
}
#nav #qcklnks img { border-right: 1px solid #ddd; border-left: 1px solid #ddd;}
#nav #qcklnks img:hover { border-right: 1px solid #f30; border-left: 1px solid #f30;}

#navsubWdth {
width: 100%;
margin: 0 auto;
font-size: 0.75em;
background: url('/images/navsub.png') center repeat-x;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}

#navsub {
width: 800px;
margin-right: auto;
margin-left: auto;
text-align: left;
}

#navsub ul {
margin: 0;
padding: 0;
list-style: none;
line-height: 2em;
}

#navsub li {
margin: 0;
padding: 0 1em;
display: inline;
list-style-type: none;
border-left: 1px solid #999;
}

#navsub a:link,
#navsub a:visited { color: #ddd; text-decoration: none;}
#navsub a:hover,
#navsub a:active { color: #f30; text-decoration: none;}

/*---- content styles: -------------------------------------------------------*/

#wrp {
width: 100%;
padding: 1em 0;
background-color: #c8c2a9;
}

#wrpInner {
width: 920px;
margin: 0 auto;
text-align: center;
line-height: 150%;
font-size: 0.75em;
color: #333;
background: #fff;
}

#wrpInner .wrp1 { background: url('/images/wrp1.jpg') left repeat-y;}
#wrpInner .wrp2 { background: url('/images/wrp2.jpg') right repeat-y;}
#wrpInner .wrp3 { background: url('/images/wrp3.jpg') top no-repeat;}
#wrpInner .wrp4 { background: url('/images/wrp4.jpg') bottom no-repeat;}

#cnt {
float: left;
width: 550px;
margin: 30px 15px 30px 30px;
text-align: left;
}

#col {
float: right;
width: 240px;
margin: 20px 30px 30px 15px; /* note: the additional top margin is on rghtboxes - ie plays up when the margin is on the bottom of the boxes */
text-align: left;
}

#wrp h1 {
line-height: 110%;
font-size: 2em;
font-weight: normal;
font-family: Century Gothic, sans-serif;
color: #761113;
}
#wrp h2 {
font-size: 1.65em;
font-weight: normal;
font-family: Century Gothic, sans-serif;
color: #c2262d;
}
#wrp h3 {
font-size: 1.2em;
font-family: Century Gothic, sans-serif;
color: #444;
}

#wrp span.h2gap h2 { margin-top: 2.5em;}

#wrp a:link { color: #09c; text-decoration: none; border-bottom: 1px dotted #09c;}
#wrp a:visited { color: #66c2e0; text-decoration: none; border-bottom: 1px dotted #66c2e0;}
#wrp a:hover { color: #f30; text-decoration: none; border-bottom: 1px dotted #f30;}
#wrp a:active { color: #f30; text-decoration: none; border-bottom: 1px dotted #f30;}
#wrp a.a-clr,
#wrp a.a-clr:visited,
#wrp a.a-clr:hover,
#wrp a.a-clr:active { padding: 0; text-decoration: none; border: none;}

/* breadcrumb and also in... boxes */
#cnt .brdcrmb {
padding-left: 20px;
background: url('/images/brdcrmb.png') top left no-repeat;
}

/* find out... button */
#cnt a.btn-more:link,
#cnt a.btn-more:visited {
padding: 0.7em 1.4em;
background: #fff url('/images/btn-more-def.jpg') bottom right repeat-x;
border-width: 1px;
border-style: solid;
border-color: #ccc #999 #999 #ccc;
}
#cnt a.btn-more:hover,
#cnt a.btn-more:active {
padding: 0.7em 1.4em;
color: #d69999;
background: #fff url('/images/btn-more-hov.jpg') bottom right repeat-x;
border-width: 1px;
border-style: solid;
border-color: #ebcccc #d69999 #d69999 #ebcccc;
}

/* portfolio tabs */
#cnt .tabbx {
padding-left: 2em;
border-bottom: 2px solid #c2262d;
}
#cnt .tabbx ul {
margin: 0;
padding: 0;
list-style: none;
}
#cnt .tabbx li {
float: left;
width: auto;
margin: 0 1px 0 0;
padding: 0;
}
#cnt .tabbx li li {
margin: 0;
border: none;
}
#cnt .tabbx a {
width: auto;
margin: 0;
padding: 0.6em 1em;
display: block;
text-align: center;
text-decoration: none;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #999;
}
#cnt .tabbx a.thispage { color: #fff; background: #c2262d;}
#cnt .tabbx a:hover { background: #ccc;}

/* photo images */
#cnt .photos {
float: left;
width: 140px;
margin: 0 1em 1em 1em;
text-align: center;
font-size: 0.8em;
}
#cnt .photos img { display: block; padding: 0; border: 3px solid #09c;}
#cnt .photos img:hover { display: block; padding: 0; border: 3px solid #f30;}

/* contact form */
#cnt .cntctform { width: auto; margin: 1em auto; padding: 0.8em; background: #eee; border: 1px solid #999;}
#cnt .cntctform input { width: 90%;}
#cnt .cntctform textarea { width: 90%;}
#cnt .cntctform .form-l { width: 36%; float: left; text-align: right;}
#cnt .cntctform .form-r { width: 60%; float: right; text-align: left;}
#cnt .cntctbtns { width: auto; margin: 1em auto; padding: 0.8em; text-align: center; background: #eee; border: 2px solid #f30;}

/* faqs */
#cnt dl.faqs {
margin: 0 0 0 3em;
padding: 0;
list-style-type: none;
}
#cnt dl.faqs dd {
margin: 0.4em 0;
padding: 1.3em 0 0 2em;
background-image: url('/images/quest.png');
background-repeat: no-repeat;
background-position: 0 0.4em;
}

#cnt .faqsT {
margin: 2em;
font-style: italic;
background: #f3f3f3 url('/images/quote.jpg') top left no-repeat;
border: 2px dotted #aaa;
}
#cnt .faqsB {
padding: 2em;
background: url('/images/quote.jpg') bottom right no-repeat;
}

#cnt .faqbck {
float: left;
padding: 0.6em;
}
#cnt .faqbck a {
margin-left: 4em;
padding: 0.6em 1em 0.6em 3em;
background: url('/images/arrowUp.png') left no-repeat;
border: 1px dotted #aaa;
}
#cnt .faqbck a:hover {
margin-left: 4em;
padding: 0.6em 1em 0.6em 3em;
background: #ffc url('/images/arrowUp_hov.png') left no-repeat;
border: 1px dotted #aaa;
}

/* column */
#col div.rghtBx {
margin-top: 20px;
padding: 20px;
background: #f5f5f5 url('/images/bx_gry.jpg') left repeat-y;
border: 1px solid #ccc;
}

#col h2 {
margin: 0 0 0.6em 0;
padding: 0.2em;
text-align: left;
font-size: 1.2em;
font-family: Century Gothic, sans-serif;
color: #666;
border-bottom: 1px solid #db9828;
}

#col ol {
margin-left: 0.1em;
padding-left: 1.6em;
}

#col ul.smap,
#col ul.smap ul {
margin: 0 0 0 0.3em;
padding: 0;
list-style-type: none;
}
#col ul.smap ul li {
margin: 0.4em 0;
padding: 0 0 0 1.4em;
background-image: url('/images/smap_bllt.png');
background-repeat: no-repeat;
background-position: 0 0.4em;
border-left: 1px dotted #db9828;
}

#col .search { margin: 1em 0; text-align: left;}
#col .search form { margin: 0; padding: 0;}
#col .search input.box { width: auto; background: #fff url('/images/search.jpg') bottom right no-repeat; border-width: 1px; border-style: solid; border-color: #666 #ddd #ddd #666;}
#col .search input.go { width: auto; border: 1px solid #666;}

/*---- footer styles: --------------------------------------------------------*/

#footer {
padding: 2em 0;
font-size: 0.7em;
line-height: 200%;
color: #666;
border-top: 2px solid #db9828;
}

#footer a { text-decoration: none; color: #666; background: none;}
#footer strong { font-size: 1.25em; color: #999;}

#footer .ct {
width: 910px;
margin: 1em auto;
font-size: 1.1em;
background: #fff;
border: 1px solid #ccc;
}
#footer .ct .ctFrm { margin-left: 0em; padding: 0.8em 0 0.8em 3.4em; background: url('/images/cntct_form.jpg') center left no-repeat;}
#footer .ct .ctEml { margin-left: 3em; padding: 0.8em 0 0.8em 3.4em; background: url('/images/cntct_email.jpg') center left no-repeat;}
#footer .ct .ctPhn { margin-left: 3em; padding: 0.8em 0 0.8em 3.4em; background: url('/images/cntct_phone.jpg') center left no-repeat;}


/**/
/**/
/**/
/**/
/**/
/**/
/**/