/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border-style: none;
    border-color: inherit;
    border-width: 0;
    margin: 0;
    padding: 0;
    outline: 0;
    font-weight: inherit;
	    font-style: inherit;
	    font-size: 100%;
	    font-family: inherit;
	    vertical-align: baseline;
   }
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
strong	{font-weight:bold;}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* CSS Reset */







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



body 			{background-color:#727272;  padding:0; margin:0; font-family: Verdana,Helvetica, Sans-Serif; font-size:11px; font-weight:normal; line-height:1.3em;}


.centre         { text-align:center;}


h2              {font-size:1.2em; font-weight:bold; margin-bottom:0.4em; color:#545252;}
.text           {font-family: Monospace, Sans-Serif;}
#logo           {text-align:center; margin-bottom:5px;}


.fLeft			{float:left;}
.fRight			{float:right;}

#wrapper        {background: #f2f2f2 url(/I/bgCanvas.png) repeat top left; width:800px; margin-left:auto; margin-right:auto;}
#header         {width:760px; padding-top:20px; margin-left:20px; margin-bottom:20px; border-bottom: solid 1px #828080;}
#logo           {padding-left:10px;}

#nav            {width:225px; padding-right:10px; margin-top:2px;}
#nav li         {display:inline;}
#nav a          {display:block; width:50px; font-weight:bold; font-size:0.9em; text-align:center; float:left; margin-left:6px; text-decoration:none; color:#828080;}
#nav a:hover    {color:#DA0CB6;  text-decoration:none;}
#nav a.current  {color:#DA0CB6; }
#nav img        {display:block; margin-right:auto; margin-left:auto;}

#container      {width:720px; margin-left:auto; margin-right:auto; margin-bottom:20px;}


#contLeft       {width:261px;}
#gallery        {height:250px; margin-bottom:15px; overflow:hidden;}
#gallery li    {margin:auto; overflow:hidden; padding:30px; }


#about          {margin-top:40%;}
#about a        {text-decoration:none; color:#828080;}
#about a:hover  {text-decoration:underline;}
#about li       {margin-bottom: 30px;}
#services       {text-transform:uppercase; padding-top:20px;}
#services li    {margin-bottom:10px; padding-left:10px; background: transparent url(/I/bullet.png) no-repeat left 4px;}

#contRight      {width:420px; min-height:390px; overflow:hidden; background: transparent url(/I/notebookTransp.png) no-repeat top; }


.slideshow      {width:280px;  margin:auto; height:375px; overflow:hidden;}
.slideshow img  {margin-top:10px;}

.contact        {margin-top:117px;}
p.contact a      {color:#828080; text-decoration:none;}
p.contact a:hover    {color:#DA0CB6;  text-decoration:none;}
#aboutText      {width:355px; padding-top:8px; padding-left:60px;}
#aboutText p    {line-height:1.7em; }



#footer         {clear:both; padding:30px 20px; background: transparent url(/I/zip1.gif) no-repeat center top ;}
.copyright      {width:180px; float:left;}
.social         {float:right;}
.twitImg        {margin-left:5px;}
.twitImg img    {margin-bottom:-5px;}
.social li      {display:inline;}

#footer a       {text-decoration:none; color:#828080;}
#footer a:hover {text-decoration: underline;}
#footer li.funkystreet {font-size:0.8em;}