body{background-color: #111111; font-family: verdana;}

/* links */
a{color: black; text-decoration:none; border: 0px;}
a:link{color: black; text-decoration:none;  border: 0px;}
a:visited{color: black; text-decoration:none;  border: 0px;}
a:hover{color:#ee145b; text-decoration:none;  border: 0px;}

/*paragraph links */
a.p{text-decoration: underline; color: #555555}
a.p:hover{color:#ee145b; text-decoration:underline}

/*paragraph and headings */
p{font-family: verdana; font-size: 12px; text-align: justify; padding-bottom: 7px; padding-top: 7px; margin: 0px; color: #555555;}
h1{font-family: Georgia, Times, Times New Roman, serif; font-size: 24px; font-weight: normal; margin-top: 0px; margin-bottom: 10px; padding-bottom: 2px; color: black; border-bottom: 1px solid #acacac;}
h2{font-family: Georgia, Times, Times New Roman, serif; font-size: 20px; font-weight: normal; margin-top: 10px; margin-bottom: 0px; padding-top: 5px; padding-bottom: 2px; color: black; border-bottom: 1px dashed #acacac;}

/*page divs */
div.meta{width: 700px; border: 1px solid #acacac; margin: 0 auto;  padding-left: 25px;   padding-right: 25px;   padding-top: 25px;   padding-bottom: 10px; background-color:white;}
div.contentmeta{width: 700px;}
div.menu{width: 150px; min-height: 400px; float: left; clear: left; border: 0px; padding:0px; margin: 0px;}
div.main{width: 550px; float: left; clear: right; border: 0px; padding: 0px; margin: 0px;}
div.header{height: 50px; width: 700px; clear: both; margin-bottom: 15px;}
div.footer{font-family: verdana; font-size: 9px; color: #acacac; height: 15px; width: 700px; clear: both; padding-top: 25px;}
div.image{height: 300px; width: 700px; clear: both; margin-bottom: 15px;}
#footerleft{width: 420px; float: left; text-align: left;}
#footerright{width: 100px; float: right; text-align: right;}

/*add this toolbox*/
div.addthis{float: left; width: 180px; padding-bottom: 3px;}

/* menu structure */
ul.menu{list-style-type:none; padding: 0px; margin: 0px;}
li.menu{width: 150px; display:inline; font-size: 14px; font-family: verdana;  text-decoration: none; padding-top: 15px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; float: left; clear: both; color: black;}
ul.menu2{list-style-type:none; padding: 0px; margin: 0px;}
li.menu2{width: 140px; display:inline; font-size: 12px; font-family: verdana; text-decoration: none; padding-top: 5px; padding-left: 10px; padding-bottom: 0px; padding-right: 0px;  float: left; clear: both; color: #555555;}
.menusub{font-size: 10px; clear: both; font-family: verdana; color: #acacac; float: left; clear: right;}
#menuselected{font-weight: bold}
#menuselected:hover{color: black}

/* homepage links */
img.homelinks{margin:0px; padding-top: 5px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 1px solid #acacac;}

table.pic{border: 10px solid #e1e1e1; background-color:#e1e1e1;font-family: verdana;font-size: 12px;}
image.portfolio{border: 1px solid #d7d7d7; padding:0px;}

/* portrait image */
img.portrait{padding-bottom: 15px;}

/* article text */
span.article{color: #acacac; font-weight: bold;}

/* mootools accordian */
#accordion {margin:0px;}
h3.toggler {cursor: pointer; font-family: verdana; font-size: 12px; font-weight: normal; padding-top: 5px; padding-bottom: 5px; padding-left: 1px; padding-right: 1px; border-bottom: 1px solid #555555; background-color: #ebebeb; margin-top: 5px;  margin-bottom: 10px;}
h3.toggler:hover {background-color: #d7d7d7;}
div.element p, div.element h4 {margin:0px; padding-bottom: 5px;  padding-top: 5px; } 

/* contact page form */
div.field{vertical-align: middle; width: 360px; height: 14px; padding-bottom: 15px;}
div.fieldtall{vertical-align: top; width: 360px; height: 170px; padding-bottom: 0px; padding-top: 15px;}
span.contact{font-family: verdana; font-size: 12px; width: 110px; margin-left: 0px; float: left; clear: left; margin:0px;  color: #555555;}
span.contact2{height: 14px; font-family: verdana; font-size: 12px; width: 110px; margin-left: 0px; float: left; clear: both; margin:0px;  color: #555555;}
input.detail{width: 240px; height: 14px; font-family: verdana; font-size: 11px; float: left; clear: right; margin:0px; border: 1px solid #acacac}
input.detail2{width: 350px; height: 14px; font-family: verdana; font-size: 11px; float: left; clear: both; margin:0px; border: 1px solid #acacac}
textarea{width: 350px; height: 150px; font-family: verdana; font-size: 11px; float: left; clear: both; margin:0px; padding: 0px; border: 1px solid #acacac}
form#contact{width:360px; float: left; padding: 0px; margin-top: 10px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px;}
div#notes{width: 180px; float: right; margin-left: 10px;}
p.notes{ font-family: verdana; font-size: 11px; text-align: left; margin: 0px; padding-bottom: 0px; padding-top:7px;}
input#send{height: 20px; float: left; clear: both; margin-top: 15px; margin-bottom: 15px; border: 1px solid #acacac;}
input#send:hover{border: 1px solid #ee145b;}
span#messageerror{float: left; clear: both; font-family: verdana; font-size: 14px; color: red; font-weight: bold;}

/* newsletter form */
div#menu{min-height: 200px; width: 150px; margin: 0px; float: left; clear: left; border: 0px; padding:0px;}
div#newsletter{min-height: 150px; width: 120px; margin-top: 100px; float: left; clear: left; padding-top: 10px; border-top: 1px dashed #acacac;}
input.newsletter{width: 110px; height: 14px; font-family: verdana; font-size: 11px; margin: 0px; padding:0px;  border: 1px solid #acacac}
p.newsnotes{width: 120px; font-family: verdana; font-size: 11px; text-align: left; margin: 0px; padding-bottom: 0px; padding-top:5px; float: left; clear: both;}
input#sendmini{height: 14px; width: 50px; margin-top: 5px; margin-bottom: 0px; padding: 0px; border: 1px solid #acacac;}
input#sendmini:hover{border: 1px solid #ee145b;}
p#newserror{color: red; font-weight: bold;}

/* enquire button (discontinued) */
img#enquire{height: 20px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; border: 1px solid #acacac;}
img#enquire:hover{border: 1px solid #ee145b;}

/* list of clients & projects */
ul.clients{list-style-type:none; padding: 0px; margin: 0px;}
li.clients{display: inline; margin: 0px; padding-top: 2px; padding-bottom: 2px; border: 0px;}

/* list of project images */
ul.project{list-style-type:none; padding: 0px; margin: 0px;}
li.project{width: 160px; height: 105px; margin-right:26px; display: inline; text-align: left; margin-top: 12px; margin-bottom: 13px; padding: 3px; border: 0px; float: left; background-color: #777777}
li.project img{border: 0px; padding: 0px; margin: 0px;}
li.project a{padding: 0px; margin: 0px; border: 0px; color: white;}
li.project { font-family: verdana; font-size: 11px; color: white; line-height:110%}
/*li.project:hover{margin-top: 10px; margin-bottom: 15px}*/
li#pro3,#pro6,#pro9,#pro12{margin-right: 0px;}

/* product images */
img.product{margin-right: 19px; border: 0px; padding: 5px 0 10px 0;}
img.product:hover{padding: 3px 0 12px 0;}
img.product5{margin-right: 0px; border: 0px; padding: 5px 0 10px 0;}

/* table of logo design packages */
table#package{width: 100%; border: 0px; margin-top: 10px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; padding: 0px;}
td.packl{width: 100px; border: 0px; background-color: #ebebeb; font-family: verdana; font-size: 14px; padding: 3px;  border-top:2px solid white; border-bottom:2px solid white; border-left: 0px; border-right: 2px solid white; margin: 0px } 
td.packm{width: 100px; border: 0px; background-color: #ebebeb; font-family: verdana; font-size: 14px; padding: 3px;  border: 2px solid white; border-left: 2px solid white; border-right: 2px solid white; margin: 0px; text-align: center;}
td.packr{width: 350px; border: 0px; background-color: #ebebeb; font-family: verdana; font-size: 10px; padding: 3px;  border-top:2px solid white; border-bottom:2px solid white; border-left: 2px solid white; border-right: 0px; margin: 0px }

/* questionnaire */
form#q{width:550px; float: left; padding: 0px; margin-top: 10px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px;}
div.qfield{vertical-align: middle; width: 550px; min-height: 20px; padding-top: 5px; padding-bottom: 10px;}
div.question{font-family: verdana; font-size: 11px; width: 300px; margin-left: 0px; float: left; clear: left; margin:0px;  color: #555555;  float: left;}
div.questions{font-family: verdana; font-size: 11px; width: 140px; margin-left: 0px; float: left; clear: left; margin:0px;  color: #555555;  float: left;}
div.questionw{font-family: verdana; font-size: 11px; width: 550px; margin-left: 0px; float: left; clear: left; margin:0px;  color: #555555;  float: left;}
div.questionr{font-family: verdana; font-size: 11px; width: 520px; text-align: left; margin-left: 0px; float: left; clear: right; margin:0px;  color: #555555;  float: left;}
div.questionr2{font-family: verdana; font-size: 11px; width: 300px; text-align: left; margin-left: 0px; float: left; clear: right; margin:0px;  color: #555555;  float: left;}
div.answers{width: 20px; height: 14px; float: left; padding-right: 10px;}
div.answer{width: 240px; height: 14px; float: left; padding-right: 10px;}
div.answerw{width: 400px; height: 14px; float: left; padding-left: 10px;}
input.answer{font-family: verdana; font-size: 11px; margin: 0px; /*border: 1px solid #acacac;*/}
input.answer2{width: 230px; font-family: verdana; font-size: 11px; margin:0px; /*border: 1px solid #acacac;*/}
input.answerw{width: 400px; font-family: verdana; font-size: 11px; margin:0px; /*border: 1px solid #acacac;*/}