body
{
width: 100%;
color: #525151;
background: #4c4c4c url(/images/bg.png) repeat-x center top;
font-family: arial, verdana;
font-size: 62.5%;
text-align: center;
margin: 0 auto 0 auto;
}
html
{
min-height: 100%;
margin-bottom: 1px;
}
img, object, embed
{
border: 0px none;
display: block;
margin: 0;
padding: 0;
}
form, section, article, nav, aside, footer, menu
{
margin: 0;
padding: 0;
}
form.loading
{
background: url(/images/loading.gif) no-repeat top right;
}


a:visited, a:link
{
outline: none;
color: #f75700;
text-decoration: none;
}
a:hover, a:active, a.active:visited, a.active:link
{
outline: none;
color: #646464;
text-decoration: underline;
}
hr
{
clear: left;
width: 100%;
height: 1px;
color: #585858;
border: 0px none;
border-bottom: 1px dotted #585858;
padding: 10px 0 0 0;
margin: 0 0 10px 0;
line-height: 1em;
}

input.input, textarea, select
{
font-size: 1em;
line-height: 1em;
font-family: arial, verdana;
padding: 3px;
border: 0 none;
background: #fff;
color: #575757;
}
select
{
padding: 2px;
}

h2, h3, h4
{
padding: 0;
margin: 0 0 .8em 0;
display: block;
font-size: 1.2em;
line-height: 1.1em;
color: #f75700;
}
h3{font-size: 1.1em;color: #f75700;}
h4{font-size: 1.1em;color: #f75700;}

p
{
padding: 0;
margin: 0 0 .7em 0;
font-size: 1.1em;
line-height: 1.25em;
}
p.intro
{
float: left;
width: 100%;
font-size: 1.2em;
line-height: 1.3em;
}
ul, ol
{
margin: 0 0 1.2em 0;
padding: 0 0 0 20px;
}
ul li, ol li
{
font-size: 1.1em;
line-height: 1.35em;
}
li li
{
font-size: 1em;
}

h1.logo, p.logo, div.section_package h2, div.section_package p.includes, p.view1, p.view2, p.view3, p.view4, div.article h1, div.section_packages div.content div.right h2, div.section_packages div.content div.left h2.orderdetails, div.section_packages div.content div.right h3, div.section_forth h2, div.section_details h2, div.articlewide h1
{
margin: 0;
padding: 0;
float: left;
display: block;
text-indent: -8000px;
font-size: .05em;
line-height: .05em;
}
p.logo a, h1.logo a, div.section_package h2 a, p.view1 a, p.view2 a, p.view3 a, p.view4 a
{
float: left;
display: block;
text-decoration: none;
}
p.logo, p.logo a, h1.logo, h1.logo a
{
width: 162px;
height: 67px;
background: url(/images/logo.gif) no-repeat;
}
p.logo, h1.logo{margin: 14px 0 25px 0;}
p.logo img, h1.logo img
{
display: none;
}


div.webready
{
width: 960px;
margin: auto;
text-align: left;
}
div.page
{
float: left;
width: 920px;
padding: 0 21px 0 19px;
background: url(/images/page.png) repeat-y;
}
div.article, div.articlewide, div.footer
{
width: 100%;
float: left;
}
div.article, div.articlewide
{
margin: 0 0 20px 0;
}
div.articlewide
{
margin: 3px 0 20px 0;
background: #f4f4f4 url(/images/cornertop.gif) no-repeat;
}
div.articlewide div.wide
{
width: 680px;
float: left;
padding: 20px 220px 20px 20px;
background: url(/images/cornerbot.gif) no-repeat bottom right;
}
div.header
{
width: 892px;
float: left;
height: 135px;
padding: 0 0 0 28px;
margin: 0 0 5px 0;
background: url(/images/header.png) repeat-x;
}
div.header img.shot
{
float: right;
}

div.article h1, div.articlewide h1
{
margin: 0 0 15px 0;
padding: 0;
width: 100%;
height: 39px;
float: left;
}
div.article h1.packages{background: url(/titles/packages.gif) no-repeat;}
div.article h1.templates{background: url(/titles/templates.gif) no-repeat;}
div.article h1.templates1{background: url(/titles/templates1.gif) no-repeat;}
div.article h1.templates2{background: url(/titles/templates2.gif) no-repeat;}
div.article h1.templates3{background: url(/titles/templates3.gif) no-repeat;}
div.article h1.templates4{background: url(/titles/templates4.gif) no-repeat;}
div.article h1.package1large{background: url(/titles/package1large.gif) no-repeat;}
div.article h1.package2large{background: url(/titles/package2large.gif) no-repeat;}
div.article h1.package3large{background: url(/titles/package3large.gif) no-repeat;}
div.article h1.package4large{background: url(/titles/package4large.gif) no-repeat;}
div.article h1.services{background: url(/titles/services.gif) no-repeat;}

div.articlewide h1.about{background: url(/titles/about.gif) no-repeat;}
div.articlewide h1.contact{background: url(/titles/contact.gif) no-repeat;}


div.section_packages
{
width: 100%;
margin: 2px 0 0 0;
float: left;
background: url(/images/packagebg.png) repeat-y;
}
div.section_packages div.inner
{
width: 100%;
float: left;
background: url(/images/package.png) no-repeat bottom left;
}
div.section_packages div.content
{
float: right;
width: 632px;
padding: 30px 28px 28px 0;
min-height: 428px;
height: auto;
}
div.section_packages div.content ul.links, div.section_packages div.content ul.linksup
{
float: right;
text-align: right;
list-style-type: none;
padding: 0;
margin: 0;
}
div.section_packages div.content ul.linksup{margin-top: -54px;}
div.section_packages div.content div.left
{
width: 345px;
float: left;
}
div.section_packages div.content div.right, div.section_packages div.content div.rightbg
{
width: 278px;
float: right;
}
div.section_packages div.content div.rightbg
{
background: url(/images/packagedetails.png) no-repeat bottom left;
}
div.section_packages div.content div.right h2
{
width: 278px;
height: 75px;
}
div.section_packages div.content div.right h2.packagedetails1{background: url(/titles/packagedetails1.gif) no-repeat;}
div.section_packages div.content div.right h2.packagedetails2{background: url(/titles/packagedetails2.gif) no-repeat;}
div.section_packages div.content div.right h2.packagedetails3{background: url(/titles/packagedetails3.gif) no-repeat;}
div.section_packages div.content div.right h2.packagedetails4{background: url(/titles/packagedetails4.gif) no-repeat;}
div.section_packages div.content div.right h3
{
width: 207px;
height: 19px;
margin: 0 0 9px 0;
background: url(/titles/packagedetails.gif) no-repeat;
}
div.section_packages div.content div.left h2.orderdetails
{
width: 345px;
height: 16px;
margin: 10px 0 9px 0;
background: url(/titles/orderdetails.gif) no-repeat;
}
div.section_packages div.orderform
{
float: left;
width: 285px;
}

div.section_packages div.content div.rightinner
{
float: left;
width: 207px;
padding: 13px 22px 13px 49px;
}
div.section_packages div.content div.right ul.tick
{
list-style-image: url(/images/tick.gif);
}
div.section_packages div.content div.right input
{
vertical-align: middle;
}
div.section_packages div.content div.right p.bold
{
font-weight: bold;
font-size: 1.2em;
}
div.section_packages div.content div.right ul li, div.section_packages div.content div.right p.options
{
color: #f75700;
}
div.section_packages div.content div.right p.submit
{
text-align: right;
margin: 0 0 1.2em 0;
}
div.section_packages div.content div.right div.totals
{
float: left;
width: 207px;
margin-bottom: 5px;
}
div.section_packages div.content div.right div.totals p
{
text-align: right;
padding: 3px 0 3px 0;
margin: 0;
float: left;
width: 100%;
}
div.section_packages div.content div.right p.options
{
float: left;
width: 100%;
margin: 0;
}


div.section_packages div.content div.right p span.cost
{
float: left;
width: 100%;
color: #525151;
font-size: .9em;
text-align: left;
}

div.section_package
{
float: left;
width: 226px;
padding: 0 8px 0 0;
margin-right: -2px;
background: url(/images/paneltop.png) no-repeat;
}
#package{padding: 0;}
div.section_package h2, div.section_package h2 a
{
width: 226px;
height: 101px;
}
div.section_package h2{margin-bottom: -13px;position: relative;z-index: 20;}
div.section_package h2.package1, div.section_package h2.package1 a{background: url(/titles/package1.gif) no-repeat;}
div.section_package h2.package2, div.section_package h2.package2 a{background: url(/titles/package2.gif) no-repeat;}
div.section_package h2.package3, div.section_package h2.package3 a{background: url(/titles/package3.gif) no-repeat;}
div.section_package h2.package4, div.section_package h2.package4 a{background: url(/titles/package4.gif) no-repeat;}

div.section_package div.inner
{
position: relative;
z-index: 10;
float: left;
width: 186px;
padding: 15px 20px 20px 20px;
min-height: 200px;
height: auto;
margin: 0 0 6px 0;
background: url(/images/panelbot.png) no-repeat bottom left;
}
div.section_package p.includes
{
width: 100%;
height: 10px;
margin: 0 0 8px 0;
background: url(/titles/includes.gif) no-repeat;
}
div.section_package dl
{
width: 100%;
float: left;
padding: 0;
margin: 0 0 .8em 0;
}
div.section_package dl dt, div.section_package dl dd
{
float: left;
width: 70%;
padding: 0;
margin: 0;
font-weight: bold;
font-size: 1.1em;
}
div.section_package dl dd{text-align: right;width: 30%;}

div.view
{
width: 226px;
margin: 50px 0 0 0;
padding: 20px 59px 20px 60px;
float: left;
background: url(/images/view.gif) no-repeat;
}
p.view1, p.view1 a
{
width: 100%;
height: 61px;
background: url(/titles/viewcollection1.jpg) no-repeat;
}
p.view2, p.view2 a
{
width: 100%;
height: 61px;
background: url(/titles/viewcollection2.jpg) no-repeat;
}
p.view3, p.view3 a
{
width: 100%;
height: 61px;
background: url(/titles/viewcollection3.jpg) no-repeat;
}
p.view4, p.view4 a
{
width: 100%;
height: 61px;
background: url(/titles/viewcollection4.jpg) no-repeat;
}
div.section_package div.details
{
float: left;
width: 186px;
padding: 15px 20px 0 20px;
}



div.section_packages ul.templates
{
width: 641px;
float: left;
padding: 0;
margin: 0 -7px 0 0;
list-style-type: none;
}
div.section_packages ul.templates li
{
width: 198px;
float: left;
padding: 3px 12px 10px 3px;
background: url(/images/thumbs.gif) no-repeat;
text-align: right;
}
div.section_packages ul.templates li a
{
float: left;
}
div.section_packages ul.templates li img
{
float: left;
padding: 0 0 7px 0;
}



div.section_forth
{
float: left;
width: 226px;
padding: 0 8px 0 0;
background: url(/images/top_226.gif) no-repeat;
}
div.section_forth div.inner, div.section_forth div.form
{
float: left;
width: 184px;
margin: 3px 0 0 0;
padding: 17px 22px 10px 20px;
min-height: 390px;
height: auto;
background: #f2f2f2 url(/images/bot_226.png) no-repeat bottom left;
}
div.section_forth h2, div.section_details h2
{
width: 100%;
height: 20px;
margin: 0 0 15px 0;
}
div.section_forth h2.contact_form{background: url(/titles/contact_form.gif) no-repeat;}
div.section_details h2.contact_details{background: url(/titles/contact_details.gif) no-repeat;}

div.section_forth div.form p, div.section_packages div.orderform p
{
width: 100%;
float: left;
margin: 0 0 6px 0;
padding: 0;
font-size: 1.1em;
}
div.section_forth div.form p.submit input, div.section_packages div.orderform p.submit input{vertical-align: middle;}
div.section_forth div.form p.submit input.submit, div.section_packages div.orderform p.submit input.submit
{
float: right;
}
div.section_forth div.form p.field input, div.section_forth div.form p.field textarea, div.section_forth div.form p.field select,
div.section_packages div.orderform p.field input, div.section_packages div.orderform p.field textarea, div.section_packages div.orderform p.field select
{
margin: 2px 0 0 0;
background: #fff;
border: 1px solid #d0d0d0;
width: 176px;
}
div.section_packages div.orderform p.field input, div.section_packages div.orderform p.field textarea
{
width: 277px;
}

div.section_forth div.form p.field textarea, div.section_packages div.orderform p.field textarea
{
height: 100px;
}
div.section_forth div.form p.field input.alert, div.section_forth div.form p.field textarea.alert
{
border: 1px solid #f75700;
}
div.section_forth div.form form
{
float: left;
width: 100%;
}

div.section_forth div.form p.field select
{
padding: 2px;
width: 184px;
}
div.section_packages div.orderform p.field select
{
padding: 2px;
width: 285px;
}
div.section_forth div.form span.star, div.section_packages div.orderform span.star
{
color: #f75700;
font-weight: bold;
}
div.section_forth div.form p.field input#verify, div.section_packages div.orderform p.field input#verify
{
width: 130px;
}
div.section_forth div.form p.field img, div.section_packages div.orderform p.field img
{
float: right;
}

div.section_forth div.form div.status, div.section_packages div.orderform div.status
{
background: #f75700;
border: 1px solid #f75700;
width: 182px;
margin: 0 0 10px 0;
float: left;
}
div.section_packages div.orderform div.status
{
width: 283px;
}
div.section_forth div.form div.status p, div.section_packages div.orderform div.status p
{
width: 172px;
float: left;
padding: 3px 5px;
margin: 0;
color: #fff;
font-weight: bold;
}
div.section_packages div.orderform div.status p
{
width: 273px;
}
div.section_forth div.form div.status ul, div.section_packages div.orderform div.status ul
{
width: 152px;
float: left;
padding: 3px 5px 3px 25px;
background: #fff;
color: #f75700;
}
div.section_packages div.orderform div.status ul
{
width: 253px;
}
div.section_forth div.form div.status ul, div.section_packages div.orderform div.status ul
{
margin: 0;
}
div.section_forth div.form p.field span.small, div.section_packages div.orderform p.field span.small
{
line-height: 1em;
font-size: .9em;
}

div.section_details
{
width: 300px;
float: left;
padding: 20px 0 0 40px;
}
div.section_details p
{
font-size: 1.2em;
width: 300px;
float: left;
}
div.section_details p.registered
{
font-size: 1.1em;
margin: 20px 0 0 0;
}

div.section_map
{
padding: 20px 0 0 0;
width: 333px;
float: right;
}
div.section_map div.map
{
width: 331px;
float: left;
height: 331px;
background: #f2f2f2;
border: 1px solid #d0d0d0;
}


div.footer
{
padding: 12px 0 6px 0;
border-top: 1px solid #b3b3b3;
}
div.footer ul.links
{
width: 920px;
float: left;
padding: 0;
margin: 0 0 10px 0;
min-height: 23px;
list-style-type: none;
border-bottom: 1px solid #b3b3b3;
background: url(/images/footer.gif) repeat-x;
}
div.footer ul.links li
{
float: left;
line-height: 1.1em;
font-size: 1.1em;
padding: 0 10px 0 0;
}
div.footer ul.links li.w3c, div.footer ul.links li.foxyms
{
float: right;
padding: 0 0 0 10px;
}
div.footer p.contact
{
width: 540px;
float: left;
}
div.footer p.gst
{
float: right;
margin: 0;
}
div.footer ul.copy, div.footer ul.social
{
float: right;
width: 380px;
padding: 0;
margin: 0 0 3px 0;
float: right;
list-style-type: none;
}
div.footer ul.social
{
padding: 3px 0 0 0
}
div.footer ul.copy li
{
float: right;
line-height: 1.1em;
font-size: 1.1em;
padding: 0 7px 0 7px;
border-right: 1px solid #b7b7b7;
}
div.footer ul.copy li.webready
{
padding-right: 0;
border: 0 none;
}
div.footer ul.social li
{
float: right;
padding: 0 0 0 10px;
line-height: 16px;
}
div.footer ul.social li a{line-height: 16px;}
div.footer ul.social li img
{
float: right;
padding: 0 0 0 3px;
}

abbr, acronym, span.abbr
{
cursor: help;
border-bottom: 1px dotted #b3b3b3;
}

.tip
{
width:207px;
background:url(/images/tiptext.png) left top repeat-y;
text-align: left;
font-size: 1.1em;
}
.tip-top
{
background:url(/images/tiptop.png) top left no-repeat;
height:13px;
width:207px;
}
.tip-title
{
padding:0 10px 5px 10px;
color: #f75700;
font-weight: bold;
}
.tip-text
{
padding:0 10px 0 10px;
color: #333;
}
.tip-bottom
{
background:url(/images/tipbottom.png) left bottom no-repeat;
width:207px;
height:41px;
}