/* defaults */
* { margin:0; padding:0; border: 0; }
body { font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif; font-size: 100%; background-color: #fafafa; }
.access { display: none; text-indent: -9999px; }

a { color: #33759c; }
h2, h3, h4 { font: 2em 'Helvetica Neue', Helvetica, Arial, sans-serif; }
h2 { color: #494848; }
h3 { font-size: 1.6em; color: #0099cc }
h4 { font-size: 1.3em; color: #666; }
strong { color: #0099cc }
img { border: 0; }

#containerwrap { width: 783px; background: #cbc8b9 url(../img/wrapbg.gif) repeat-y left top; margin: 0 auto; }
#container {  width: 740px; background-color: white; margin: 0 auto; border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0;  }

/* header */
#header { width: 740px; position: relative; height: 77px; }
#header h1 { width: 241px; height:41px; background: #cbc8b9 url(../img/logo.gif) no-repeat left bottom; text-indent: -9999px; position: absolute; top: 15px; left: 20px; }
#header span { position: absolute; top: 10px; right: 20px; font-size: .75em; color: #666;  }
#header span em { margin-left: 12px; font-style: normal; }
#header span.hr { top: 20px; font-size: 1.4em; color: #0099cc; }
#header span.nav { top: 50px; font-size: .9em; color: #0099cc; }
#header span.nav a { margin-left: 12px; text-decoration: none; }
#header span.nav img { margin-left: 5px; }
#header span strong { color: black; }

/* header image */
#headimg { position: relative; width: 740px; height: 175px; border-top: 1px solid #999; border-bottom: 1px solid #999; display: block; background: url(../img/tmpheader.jpg) repeat-y top left; }
#headimg h2 { position: absolute; top: 10px; left: 130px; }
#headimg h3 { position: absolute; top: 45px; left: 295px; font-size: 1em; color: #666; }
#headimg h3 em { color: red; }

/* navigation */
#navwrap { height: 33px; background-color: #323e48; border-top: 1px solid #e0492e; margin-bottom: 1px; }
#nav { list-style-type: none; margin: 0 auto; }
#nav li { float: left; }
#nav li a { color: white; display: block; height: 23px; padding-top: 10px; padding-right: 28px; padding-left: 28px; text-decoration: none; font-size: .75em; }
#nav li a:hover { background-color: #e0492e; }

/* switchbox */
.switchbox { float: left; width: 550px; height: 325px; margin: 15px 20px 0 20px; margin-bottom: 25px; }
.switchbox h4 { padding-bottom: 10px; }
.switchbox p { color: #666; font-size: .8em; }

#switchbox-nav { float: left; width: 128px; list-style-type: none; text-decoration: none; }
#switchbox-nav li a { background: url(../img/switchbox-navbg.gif) repeat-y top left; background-color: #f4f8fd; height: 42px; width: 128px; display: block; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;  border-bottom: 1px solid #c0c0c0; line-height: 250%; padding-left: 10px; text-decoration: none; }
#switchbox-nav li a.first {  border-top: 1px solid #c0c0c0; border-left: 1px solid white; background-image: none; background-color: white; }
#switchbox-nav li.first { background: url(../img/switchbox-navbgf.jpg) repeat-y top left; height: 50px; border:0; }
#switchbox-nav li.last { background: url(../img/switchbox-navbgl.jpg) repeat-y top left; height: 60px; border:0; }
#switchbox-nav li a:hover { text-decoration: underline; }

/* demo intro */
#intro .testimonal { height: 60px; margin: 15px 0; padding: 15px; border-top: 1px dashed #999; border-bottom: 1px dashed #999; background-color: #f2f2f2; }
#intro .testimonal span { float: right; clear: both; font-size: .8em; }

/* demo switchbox */
#demo img { margin: 15px 20px 0 0; }

/* demo features */
#features ul { float: left; width: 250px; list-style-image: url(../img/tick.png); font-size: .8em; }
#features ul.first { margin: 0 20px 0 25px; }
#features li { height: 25px; }
#features li.last { list-style-image: none; list-style-type: none; margin-top: 5px; }
#features p { margin-bottom: 15px; }

/* demo one package */
#packages h5 { margin: 10px 0 5px 0; }
#packages h4 { padding-bottom: 5px; }
#packages div {  margin-left:20px; float: left; width: 255px; }
#packages ul { width: 255px;  margin: 5px 0 0 20px; list-style-image: url(../img/tick.png); font-size: .8em; }
#packages li { height: 25px; }
#packages img { margin: 2px; border: 1px solid #999; }
#packages p { margin-bottom: 5px; }

/* demo contact */
#contactform label { font-size: .8em; }
#contactform fieldset { border: 0; }
#contactform legend { text-indent: -9999px; display: none; }
#contactform input, #contactform select, #contactform textarea { border : 1px solid #ccc; display: block; margin-bottom: 5px; }
#contactform .submitbutton { float: right; }

#contact span { font-size: .75em; margin-left: 18px; }

/* footer (features) */
#features_info_container h3, #features_info_container h4 { width: 420px; margin: 0 auto; }
#features_info h2 { color: #0099cc; font-size: .9em; margin: 15px 0 5px 0; padding: 5px; background-color: #f2f2f2; }
#features_info ul { list-style-image: url(../img/tick.png); font-size: .8em; margin-left: 25px; }
#features_info li { margin: 7px 0; }
#features_info ul ul { font-size: 1em; list-style-image: none; }
#features_info div { margin: 15px; }
#features_info li.last { list-style-image: none; list-style-type: none; font-size: .85em; }

#container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html #container { height: 1%;}