/* ---- Site Wide Instructions --- */
* {margin:0;padding:0;}
body {margin: 0px;padding: 0px;font-family: Arial, Helvetica, sans-serif; font-size:62.5%;}
img {border:none;}	
a:active, a:focus {outline: none;}
img, img a {border-style:none;}
.txtright {text-align:right;}
.txtleft {text-align:left;}
.pad {height:2em;}
.pads {margin-top: 0.5em;}
.cen {text-align:center;}

.clear {clear:both;}



#container {width: 990px;margin-left:0.5em;display:inline;}

/* Header Details */

div#logo {	height: 65px;float:left;width:570px;}

#top {height:65px;}
#top, #footer {width: 100%;background-color: #afd34d;vertical-align: top;font-size:small;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #808080;background-image: url(img07/logo_back.jpg);background-repeat:no-repeat;}
#menu ul { float:left; height:65px; display:block; width:425px; background-image:url(img/menu.jpg); background-repeat: no-repeat; background-position: left 30px; list-style-type: none; }
#menu li {float:left;display:block;width:105px;height:36px; }
#menu li a {height:36px;display:block;height:36px;margin-top:30px;width:105px; text-indent:-5000px;text-decoration: none;}

#nav-menu { width:100%; background-image: url(img/menuback.jpg); background-repeat: repeat-x; height: 43px;clear:left; }
#logo img {float: left;margin-left: 0.5em;}

/* Left content */

#newleft {width:280px;float:left;}
li#sdhome a:hover  {background-image:url(img/menu.jpg); background-position:0px -36px; background-repeat:no-repeat;}
li#sdservices a:hover  {background-image:url(img/menu.jpg); background-position:-105px -36px; background-repeat:no-repeat;}
li#sdportfolio a:hover  {background-image:url(img/menu.jpg); background-position:-210px -36px; background-repeat:no-repeat;}
li#sdcontact a:hover  {background-image:url(img/menu.jpg); background-position:-315px -36px; background-repeat:no-repeat;}
.menu { width:265px; margin-top:2em; margin-left:0.7em; background-position: left center; }

.menutop { background-image: url(img/menutop.jpg); background-repeat: no-repeat; height: 10px; width: 265px; overflow: hidden; }
.menumid h2 { font-family: "Century Gothic", "Trebuchet MS", Arial; font-size: 1.5em; background-image: url(img/h2.jpg); background-repeat: no-repeat; height: 25px; width: 265px; padding-top: 1.3em; padding-right: 0.2em; padding-bottom: 0; padding-left: 2.6em;color:#323330; }
.menumid { background-image: url(img/menumiddle.jpg); background-repeat: repeat-y; width: 265px; }
.menubot { background-image: url(img/menubottom.jpg); background-repeat: no-repeat; height: 10px; width: 265px;}
.menu ul {width:95%; margin:0 auto;padding-top:1em;}
.menu li {display:block;height:37px;padding-top:10px;padding-left:60px;font-size:1.4em;}
#newleft span {color:#7F0000;}
#newleft h3 {padding:0.5em;font-size:1.6em;}
#newleft p {font-size:1.2em;padding:0.5em;}

#examples img {padding-right:18px;}

.contact p {display:block;height:50px;}
.contact img {float:left;}
.email { background-image:url(img/email.jpg); background-repeat:no-repeat;}
.phone {background-image:url(img/phone.jpg); background-repeat:no-repeat;}
.blog {background-image:url(img/blog.jpg); background-repeat:no-repeat;}
.twitter {background-image:url(img/twitter.jpg); background-repeat:no-repeat;}
.linkedin {background-image:url(img/linkedin.jpg); background-repeat:no-repeat;}


/* Right Content */


#newcontent {width:705px;float:left;}
#newcontent h2 {letter-spacing: 0.2em;color: #464646;font-size:1.8em;margin:0 0.5em 0.5em 0em;font-weight: lighter;padding-left: 5px; font-family:"Century Gothic", "Trebuchet MS", Arial;}
#newcontent h1, legend {font-size:3em;color: #4c5d1e;font-weight: lighter;margin-bottom: 0.1em;padding: 0px 1px 1px 5px; font-family: "Century Gothic", "Trebuchet MS", Arial;}
#newcontent p {font-size:1.5em;padding:0.5em;}

#newcontent ul { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.4em;margin-left:35px;margin-top:1em;}
#newcontent li { list-style-type:none; list-style-image: url(img/tick.gif); list-style-position: outside; padding-bottom:10px;}

form {width:80%;margin:0 auto;}
input, #comments {border:2px solid #6a8337;-moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; background-color:#91b14e;font-size:1.8em;height:1.6em;margin-left:1em;padding-top:0.4em;padding-left:0.5em;width:300px;}

#comments {height:200px;}


.go {width:70px;height:61px; border:none; background-image:none; background-color:white;}

hr {margin:2em;}

label {display:none;}


/* Footer */
#footer {width:100%;height: 40px;clear: both;}
#footer P {text-align:right;font-size:1em;padding-top:5px;padding-right:1em; font-family:"Century Gothic", "Trebuchet MS", Arial;}








#recent {background-color: #AFD34D;height: 110px;width: 98%;background-repeat: no-repeat;background-position: 90%;border: 5px inset #9EC831;margin-right: auto;margin-left: auto;}
#recent img {margin-top: 0.8em;}


img {border-style:none;}
abbr {border-bottom-width: 1px;border-bottom-style: dashed;border-bottom-color: #900;cursor: help;}
acronym {border-bottom-width: 2px;border-bottom-style: dotted;border-bottom-color: #d3d3d3;}
a:link {color:#095e6c;}
a:hover {color:#d41f55;}

#men {height: 200px;width: 182px;position: absolute;top: -1px;left: 585px;}
#menportfolio {height: 200px;width: 182px;position: absolute;top: -1px;	right:0;}
.active { background-image: url(img/arrow-down.jpg); background-repeat: no-repeat; background-position: center bottom; }