@charset "utf-8";
/* Nu-Designs Web Marketing, LLC :: CSS Document for handheld devices */


/* Global Styles
---------------------------------------------------- */
html { height: 100%; margin-bottom: 1px; }
body {background: #FFF; font-family: Verdana, arial, helvetica, sans-serif; color: #333; font-size: 140%; }
body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, div, blockquote, ul, li, ol, dl, dd, dt, address, input { margin: 0; padding: 0; }
ul, li { list-style: none; }
img { border: none; }
p { margin: 1em 0; line-height: 1.3; }
a { color: #333; background-color:inherit; }
a:visited { color: #444; background-color:inherit; }
a:hover { color: #900; background-color:inherit; }

p.darker { margin-top:10px; color:#333; background-color:inherit; font-weight:bold; }
p.address { margin-top:-10px; }
p.spacebetween { margin:-5px 0; }


/* Images
---------------------------------------------------- */
img.mainlogo {margin:10px; padding:0; border:0; float:left; }
img.googlelogo {margin:8px 6px 0 150px; padding:0; border:0; float:left; }
img.featuredsite {margin:10px 0; }
img.featuredvideo {float:left; margin:0 20px 0 0; padding:00 0 10px 0; }
img.column1photo {margin:20px 0; padding:10px 0; text-align:center; border:0; }
img.column1world {margin:30px 0; padding:10px 0; text-align:center; border:0; }
img.column2widephoto {float:left; margin:6px 0; padding:0 10px 10px 0; }
img.column2widephotoright {float:right; margin:6px 0; padding:0 0 4px 10px; }
img.column4photo {margin:6px 0; }
img.bannersample {margin:6px 0; }
img.portsample {border:1px solid #333; }

hr.clearimage { height:0; clear:left; width:100%; color:#A7A7A7; background-color:inherit; }
  
  
/* Image map for the non-flash enabled
---------------------------------------------------- */
#imagemap { }


/* structure 
---------------------------------------------------- */
#wrapper { margin:20px;; padding:0;  }
#header { }
.column1 {  }
.column2 {  }
.column3 {  }
.column2wide { float: left; width:530px; margin-left:20px; padding:0; }

.tier1 {display:none; }
.tier2 { }
.tierall { display:none; }

.column4 { }
.column2video { }
#footer { display:none; }


/* Google Search
---------------------------------------------------- */
.searcharea {display:none; }


/* Top navigation
---------------------------------------------------- */
.ntoplinks {display:none;  }


/* Top navigation - page call out tags
---------------------------------------------------- */
#home .ntoplinks li a.nhome { color: #777; background-color:inherit; text-decoration:none; }
#about .ntoplinks li a.nabout  { color: #777; background-color:inherit; text-decoration:none; }
#portfolio .ntoplinks li a.nportfolio  { color: #777; background-color:inherit; text-decoration:none; }
#services .ntoplinks li a.nservices  { color: #777; background-color:inherit; text-decoration:none; }
#contact .ntoplinks li a.ncontact  { color: #777; background-color:inherit; text-decoration:none; }


/* #flashheader
---------------------------------------------------- */
#flashheader {display:none; }


/* #content
---------------------------------------------------- */
#content {padding: 10px 0; }


#content h2 { margin:0; padding:0; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#AB0505; background-color:inherit; font-size:120%; font-weight:bold; border-bottom:2px solid #A7A7A7; }
#content h3 { margin:0; padding:6px 0 0 0; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#111; background-color:inherit; font-size:110%; font-weight:bold; }
#content h5 { margin:0; padding:0 0 10px 0; font-family:Verdana, Arial, Helvetica, sans-serif; color:#111; background-color:inherit; font-size:100%; font-weight:bold; border-bottom:1px dashed #DDD; }

#content .column1 {display:none; }
#content .column1 p { margin:0 0 .5em 0; padding:0 0 2px 0; line-height:130%; }
#content .column2 p { margin:0 0 .5em 0; padding:0 0 2px 0; line-height:130%; }
#content .column2wide p { margin:0 0 .5em 0; padding:0 0 2px 0; line-height:130%; }


#content p.membername {margin:15px 0 0 0; padding:0; color:#600; background-color:inherit; font-size:95%; font-weight:bold; }
#content p.membertitle {font-style:italic; color:#777; background-color:inherit; }
#content p.servicehead {margin:10px 0 0 0; padding:0; color:#600; background-color:inherit; font-size:95%; font-weight:bold; }
#content p.question {margin:10px 0 0 0; color:#600; background-color: inherit; font-weight:bold; padding-top:10px; border-top:1px dashed #DDD; }


/* .column1 specifics
---------------------------------------------------- */
.column1 ul { }
.column1 li { list-style: none; background: url(../images/left_arrow.jpg) 0 55% no-repeat;margin:0; padding:5px 0 0 7px; }
#content .column1 .more {margin:5px 0 0 110px; padding:0; font-size:80%; }


/* .column2wide specifics
---------------------------------------------------- */
.column2wide li { list-style: none; background: url(../images/left_arrow.jpg) 0 0 no-repeat; margin:0 0 0 20px; padding:5px 0 0 7px; }


/* .tier2 specifics
---------------------------------------------------- */
#content .column3 p.date {margin:6px 0 0 0; padding:0; }
#content .column3 p.cline, #content .column4 p.cline {margin:6px 0 0 0; padding:0; }
#content .column3 .more {margin:5px 0 0 110px; padding:0; font-size:80%; }


/* .tierall specifics
---------------------------------------------------- */
#content .tierall p.featuredvideo {margin:10px 0; padding:0 10px 0 0; }


/* Constant Contact specifics
---------------------------------------------------- */
#ccarea {width:500px; height:520px; border:0; border-color:#FFF; margin:-30px 0 0 -20px; padding:0; }
p.newwindownote {font-size:75%; width:160px; color:#AAA; background-color:inherit; }


/* page specific tags
---------------------------------------------------- */
legend {color:#777; background-color: inherit; font-weight:bold; }
fieldset {margin-top:20px; padding:25px; }

/* Contact Form
----------------------------------------- */
.contactarea {margin: 15px 0 0 0;}
.contactarea form { margin: 0; padding: 0; }
.contactarea fieldset { padding: 10px 0 20px 25px; margin: 0; border: 1px solid #a7a7a7; }
.contactarea legend { font-weight: bold; font-size: 1.0em; padding-bottom: 8px; color: #a7a7a7; background-color: inherit; }
.contactarea dt { float: left; width: 20%; text-align: left; padding: 2px 10px 0 0; }
.contactarea label.last { font-weight: bold; text-align: left; padding-left: 10px; }
.contactarea input, textarea, select { margin: 3px 0; border: 1px solid #a7a7a7; font-family: inherit; font-size: 1em; padding: 1px 3px; }
.contactarea .check { border: 0; }
.contactarea input.submit { margin: 0; padding: 3px; color: inherit; background:inherit; }
.contactarea .errorMessage { color: red; background-color: inherit; font-weight: bold; font-size: 1.1em; }

.contactarea input.loginbox { margin: 0; border: 0; padding: 1px 3px; }



.commentgroup {margin-top:20px; }
.namegroup1 {margin-top:20px; }
.namegroup2 {margin-top:20px; }
.namegroup3 {margin-top:20px; }
.vcode {margin-top:20px; }
dd {margin:0; padding:0; }
.errorMessage {margin-top:10px; color:#AB0505; background-color:inherit; font-weight:bold; }
.constantsignup { padding-bottom:20px; }

.indent {margin:10px 0 10px 60px; }

/* #footer
---------------------------------------------------- */
#footer {margin:3px 0 0 0; padding:7px 0 0 0; text-align:center; border-top:2px solid #A7A7A7; }
#footer {font-size:1.1em; }
#footer ul {padding-top:5px; }
#footer li {display: inline; background: url(../images/nfooter_dot.jpg) 0 55% no-repeat; margin:0 -15px 0 0; padding:7px 20px 7px 12px;  }
#footer li {font-size:75%; color:#900; background-color:inherit; }
#footer li a {color:#696969; background-color:inherit; }
#footer li a:link {color:#696969; background-color:inherit; }
#footer li a:hover {color:#900; background-color:inherit; }
#footer li.ffirst { background: none; padding-left: 0; }
#footer p {color:#999; background-color:inherit; font-size:75%; }

#footer a.prime {color:#999; background-color:inherit; text-decoration:none; }

/* Self Cleared Floats
----------------------------------------- */
#wrapper:after,
#header:after,
#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

