article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}


* { margin: 0; padding: 0; outline: 0; }

body {
    font-size: 14px;
    line-height: 18px;
    font-family: arial, sans-serif;
    color: #2e2e2e;
    background: #2e2e2e url(../../images/bg.png) repeat-x 0 0;
}

a { color: #0252aa; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }

a.btn { font-size: 18px; color: #fff; text-align: center; line-height: 49px; background: url(../../images/button.png) no-repeat 0 0; display: inline-block; font-family: Tahoma, Arial, serif; padding: 0 0 0 22px; margin-right: 22px; position: relative; height: 49px; }
a.btn span { position: absolute; right: -22px; top: 0; width: 22px; height: 49px; background: url(../../images/button.png) no-repeat right 0; }

a img { border: 0; }

h1 { font-size: 22px; line-height: 24px; color: #111176; text-transform: none; }
h2 { font-size: 18px; line-height: 20px; color: #111176; text-transform: none; }
h3 { font-size: 20px; line-height: 24px; color: #0e0e76; text-transform: none; }
h4 { font-size: 16px; line-height: 20px; color: #111176; text-transform: none; padding-top:10px }

h1 a { font-size: 22px; fcolor: #111176; text-transform: underline; }

input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.shell { width: 920px; margin: 0 auto; position: relative; }

#container { box-shadow: 0 0 15px #000; background: #fff url(../../images/container.png) no-repeat 0 bottom; padding-bottom: 1px; min-height: 600px; padding-bottom: 23px; }

#header { background: #121174; padding: 5px 0 4px 13px; border-bottom: solid 1px #fff; width: 907px; }

#logo { float: left; display: inline; width: 240px; height: 125px; font-size: 0; line-height: 0; }
#logo a { display: block; height: 125px; background: url(../../images/tylerwebdesign.png); text-indent: -4000px; }

#slogan { font-weight: bold; font-style: italic; color: #ff7f00; font-size: 18px; line-height: 22px; padding: 14px 0 0; float: right; display: inline; width: 660px; letter-spacing: 1px;}

#top-nav { position: absolute; right: 0; top: 68px; width: 662px; text-align: justify; text-transform: uppercase; font-size: 14px; line-height: 28px; }
#top-nav ul li { display: inline; list-style: none; padding: 0 12px; }
#top-nav ul li a { display: inline-block; height: 28px; font-weight: bold; color: #fff; position: relative; margin-right: 12px; padding-left: 13px; }
#top-nav ul li a span { position: absolute; width: 12px; height: 28px; top: 0; right: -12px; }
#top-nav ul li a.active,
#top-nav ul li a:hover { color: #121174; background: url(../../images/nav.png) no-repeat 0 0; text-decoration: none; }
#top-nav ul li a.active span,
#top-nav ul li a:hover span { background: url(../../images/nav.png) no-repeat right 0; }

#feature { background: #666; padding: 18px 33px 5px; width: 854px; font-size: 24px; line-height: 34px; color: #c3c2c2; }
#feature .image { float: left; display: inline; width: 507px; padding: 0 12px 35px; background: url(../../images/image-shadow.png) no-repeat center bottom; }
#feature .image img { display: block; }
#feature .content { float: right; display: inline; width: 242px; padding-top: 41px; }
#feature .content ul li a { color: #c3c2c2; }

#main { border-top: solid 2px #fff; background: url(../../images/main.png) repeat-x 0 0; padding: 44px 34px 20px 43px; width: 843px; }

#content { float: left; display: inline; width: 500px; }

p {
  margin: 0px 0 10px 0;
}
.post h1 { padding-bottom: 7px; }
.post h2 { padding-bottom: 16px; }
.post p { padding-bottom: 18px; }

.post-type-2 { position: relative; margin-right: -20px; width: 520px; }
.post-type-2 h1 { font-size: 20px; line-height: 26px; padding-bottom: 17px; }
.post-type-2 img.left { padding-right: 18px; }

#sidebar { float: right; display: inline; width: 258px; }
#sidebar h3 { padding-bottom: 10px; }

.menu { list-style: inside disc; 
	color: #4c4c4c; 
	font-size: 13.5px; 
	line-height: 20px; 
	font-weight: bold; 
	padding: 10px 0 17px 2px; }
.menu li {
	margin: 0 0 0 -10px;
	padding: 0 0 0 10px; 
}
.menu li a { 
	color: #4c4c4c; 
	margin: 0 0 0 -15px;
}
.menu li a:hover { color: #121174; text-decoration: underline; }

#footer { color: #6a6a6a; font-size: 11px; line-height: 20px; padding: 11px 16px; }
#footer .copy a { color: #6a6a6a; }
#bottom-nav { float: right; display: inline; color: #fff; font-weight: bold; text-transform: uppercase ;}
#bottom-nav ul li { float: left; display: inline; }
#bottom-nav ul li a { color: #fefefe; }
#bottom-nav ul li span { padding: 0 6px; }

#servcelinks { margin: 10px 5px; }
#servcelinks ul li {
	display: inline; 
	list-style: none; 
	padding: 5px;
	font-weight: bold;
}

.fb-like {
	margin-top: 10px;
}



/* Get Started Form */
.formTable {
	width:500px;
	border: 0px solid #999;
}
.formTable .ServiceName {
	padding: 0 0 0 20px;
}
.formTable hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 20px 0 0 0;
    padding: 0; 
}

/* FORM CSS */
  form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
    font:100% verdana,arial,sans-serif;
    margin: 0;
    padding: 0;
    min-width: 500px;
    max-width: 600px;
    width: 560px; 
  }
  form p {
    padding: 2px 5px 0 5px;
    margin: 0;
  }
  form fieldset {
    / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
    border-color: #000;
    border-width: 1px;
    border-style: solid;
    padding: 10px;        /* padding in fieldset support spotty in IE */
    margin: 0;
  }
  
  form fieldset legend {
    font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
    padding-top: 0em; /* be careful with padding, it'll shift the nice offset on top of border  */
    font-weight: 800;
  }
  
  form label { 
    display: block;  /* block float the labels to left column, set a width */
    float: left; 
    width: 150px; 
    padding: 0; 
    margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
    text-align: right; 
  }
  
  form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
    text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                      /* pseudo-class on legend elements, but do support it on label elements */
                                      /* we instead underline first letter on each label element and accesskey */
                                      /* each input. doing only legends would  lessens cognitive load */
                                     /* opera breaks after first letter underlined legends but not labels */
  }

  form input, form textarea {
    /* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
    width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
    margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                                label aligns textarea better in IE */
  }
  
  form input#reset {
    margin-left:0px; /* set margin-left back to zero on reset button (set above) */
  }
  
  form textarea { 
    overflow: auto;
    width: 500px;
    height: 100px;
  }
  
  form .small {
    display: block;
    margin: 2em 0 5px 10px; /* instructions/comments left margin set to align w/ right column inputs */
    padding: 1px 3px;
    font-size: 0.85em;
    font-weight: 800;
  }
  
  form p {
    display: block;
    width: 480px;
    border:0px solid black;
    font-weight: 400;
    
  }
  
  form .required{font-weight:bold;} /* uses class instead of div, more efficient */
  
  form br {
    clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
  }

.errmsg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
  line-height:20px;
	color: #FF0000;
	font-weight: bold;
}