/* Thanks to http://meyerweb.com/eric/tools/css/reset/ for CSS Browser Reset Code */
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	color: #8d8d85;
}
body {
	line-height: 1;
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background: #eee;
	text-decoration: none;
	font-size: 65%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* CSS Reset End */
body
{
    background-color: #7f7f7f;
    color: #8d8d85;
    background-repeat: repeat-x;
    background-attachment: fixed;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ;
}
body a
{
    text-decoration: none;
    font-weight: normal;
    color: #8d8d85;
}
#SiteContainer
{
width: 895px;
margin: 0 auto;
margin-top: 1em;
min-height: 25em;
background-color: #fff;
border-top-style: solid;
border-top-width: 5px;
border-top-color: #d9b860;
}

#SiteHeader
{
    background-color: #FFFFFF;
    background-image: url("../Images/Body/headera.png");
    background-repeat:no-repeat;
    min-height:90px;

}
#SiteHeader h1
{
    display: none;
}
.SiteLinkContainer
{
    background-color: #000;
    background-image: url("../Images/Body/LinkContainer.png");
    background-repeat:repeat-x;
    min-height:40px;
    width: 875px;
    margin: 1em auto;

}
#SiteContentContainer
{
    
padding-bottom: 1em;
	font-size: 1.3em;
	overflow: auto;
}
#SiteContentContainer p
{
margin: 0.5em 0;
}
#SiteContentWrapper
{
    float:left;
    display: block;
    border-bottom: solid 1px #dcdcdc;
    height: 100%;
    width: 100%;
}

/* Globals */
.Button {
	background: #f6f6f6 none no-repeat scroll 5px center;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	min-height: 2em;
}
p.justify
{
    text-align: justify;
}
ul.List
{
    list-style-type:disc;
    font-size: 0.8em;
}
ol.Numb
{
    list-style-type:decimal;
    font-size: 0.8em;
    list-style-position:outside;
}
a.ImageLink
{padding: 0.4em;
    padding-left: 16px;
    min-height: 16px;
    
    font-size: 0.6em;
    background-repeat:no-repeat;
}
.RoundedBottom
{
    -webkit-border-bottom-right-radius:15px;
    -webkit-border-bottom-left-radius:15px;
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomright: 15px;
        border-bottom-right-radius:15px;
    border-bottom-left-radius:15px;
}
.bgLightBlue
{
    background-color: #f5f5f5;
}
.FloatLeft
{
    float: left;
}

.font05
{
    font-size: 0.5em;
}
.font06
{
    font-size: 0.6em;
}
.font07
{
    font-size: 0.7em;
}
.font08
{
    font-size: 0.8em;
}
.font09
{
    font-size: 0.9em;
}
.pad1em
{
    padding: 1em;
}
.padbot1em
{
    padding-bottom: 1em;
}
.colorronburgundy
{
    color: #873939;
}
/*Top Menu */
#SiteLinkContainer {
	float: right;
	    height: 3em;
	    width: 100%;
	    background-color: #fff;
	    
}
#SiteLinkContainer ul {

}
#SiteLinkContainer li {
	display: inline;
	list-style-type: none;
	margin-top: 0.5em;
	width: 13.17em;
	float:left;
	text-align: center;

}
#SiteLinkContainer li a {
color: #fff;
	display: block;
	text-decoration: none;
	font-weight: bold;
	line-height: 1.5em;
	font-size: 1.5em;
}

/*Lists */

.BulletedList
{
	list-style-type:disc;
	list-style-position: inside;
}
.NumberedList
{
	list-style-type:decimal;
	list-style-position: inside;
}
.NumberedList li
{
    margin: 0.6em;
}

#SiteContentBottom
{
    margin-top: 1em;
    text-align:center;
    color: #ccc;
    font-size: 1.2em;
}
/*Headers*/
.SmallFunky
{
width: 200px;
text-align: center;
color: #857E71;
font-size: 0.8em;
line-height: 1.6em;
}
h3.SmallFunkyTwitter
{
width: 200px;
text-align: center;
height: 30px;
color: #857E71;
font-size: 0.8em;
line-height: 30px;
background-image: url("../Images/Body/Tweet.png");
background-repeat:no-repeat;
}
h2
{
    line-height: 1.7em;
    font-size: 1.5em;
    border-bottom: solid 1px #857E71;
    margin-bottom: 0.5em;
    color: #857E71;
}
/* Paragraphs */
p.Bold0.5
{
    font-weight: bold;
    font-size: 0.5em;
}
/* AnchorMan*/
.AMContent
{
   margin: 1em;
}
.AMContent h3
{
    color: #873939;
    font-size: 0.9em;
}
.AMContent p
{
    text-align:justify;
    font-size: 0.8em;
    padding-left: 1em;
}

/* Tut */
.CodeBox
{
    border: solid 1px #ccc;
    background-color: #fff;
    background-image: url("../Images/Body/Code.png");
    background-repeat:no-repeat;
    min-height: 50px;
    padding: 5px 5px 5px 55px;
    font-size: 1.5em;
    overflow: auto;
}
.CodeBox pre
{
color: #000;
    font-size: 0.8em;
}


/* FORMS */
.block {
	display: block;
}
.formrow {
	display: block;
	clear: left;
}
/* Contact */

#Contact
{
    position:relative;
    top: -0.75em;
    clear: both;
    padding: 1em;
	background: #f5f5f5;
}
#Contact {
	margin: 0 auto;
}
#Contact .formrow {
	display: block;
	clear: left;
}
#Contact Input
{
    width: 26em;
}
#Contact input, #Contact select, #Contact textarea, #Contact label {
	margin: 0.4em 0.4em 0.6em 0.4em;
}
#Contact label {
	display: inline-block;
	width: 8em;
	float: left;
	vertical-align: top;
}

#Contact textarea {
	width: 26em;
}
#Contact .Button
{
    background-image: url("../Images/Icons/email_go.png");
    width: 7em;
}
#Contact h3
{
    margin-top: 1em;
}
/*Gallery*/
#Gallery
{

}
#Gallery img
{
    margin: 1em;
}

/*front Page */
div.FrontLeftBlock
{
    float:left;
   width: 694px;
   font-weight:normal;
}
div.FrontBlog
{
    
    height: 253px;
}
div.FrontBlog h5
{
    font-size: 0.7em;
    padding-left: 0.4em;
    color: #873939;
}
div.FrontBlog p
{
    font-size: 0.6em;
    text-align:justify;
    padding: 0.4em;
}
div.FontPageBlog
{
    padding: 0 0.5em 1em 0.5em;
    min-height: 107px;
    overflow:visible;
}
div.SideColumn
{
    width: 200px;
    float: left;
    border-left-width: 1px;
border-left-style: solid;
border-left-color: #dcdcdc;
}
div.SideColumnh2
{
    margin-top: 2.5em;
    width: 180px;
    float: left;
    border-left-width: 1px;
border-left-style: solid;
border-left-color: #dcdcdc;
padding: 10px;
}
div.Introduction
{
padding: 1em;
}
div.Introductionhalf
{
padding: 0.4em;
padding-left: 1em;
}
div.Introductionhalf h2
{
font-size:0.95em;
padding: 0;
margin: 0;
border-width: 0px;
}
.BorderBottom
{
    border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #dcdcdc;
}
div.FrontTwitter
{
    padding: 5px;
    height: 93px;
}
div.FrontTwitter p
{
    font-size: 0.7em;
}
div.FrontPortfolio
{
    height: 315px;
}
div.FrontPortfolioPreviewBlock
{
    margin-top: 15px;
    margin-left: 23.5px;
    float:left;
    width: 200px;
    height: 300px;
}
div.FrontPortfolioPreviewBlock h4
{
    font-size: 0.5em;
    padding-top: 0.5em;
    text-align: center;
}
div.FrontPortfolioPreviewBlock p
{
    font-size: 0.6em;
    padding-top: 0.5em;
    text-align:justify;
}
div.FrontPortfolioPreviewImage
{
    
    width: 200px;
    height: 150px;
        border: solid 1px #dcdcdc;
          -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;

}
div.FPPI1
{
    background-image: url("../Images/Portfolio/PortfolioPreview1.png");
background-repeat:no-repeat;
}
div.FPPI2
{
    background-image: url("../Images/Portfolio/PortfolioPreview2.png");
background-repeat:no-repeat;
}
div.FPPI3
{
    background-image: url("../Images/Portfolio/PortfolioPreview3.png");
background-repeat:no-repeat;
}
/* BLOG */

a.ImageLink.Blog
{
    background-image: url("../Images/Icons/Book.png");
    
}
#BlogArchive
{
    margin-left: 1em;
}

/* portfolio */

#accordion
{
    margin: 1em;
}
  
  .PortfolioCont
  {
  border: solid 1px #ccc;
  overflow: auto;
  background: #f5f5f5;
            -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  margin: 10px 0;
  }
    .PortfolioCont img
  {
float: left;
width: 225px;
height:150px;
margin: 10px;
  }
   .PortfolioCont p
   {
   margin: 10px;
   width: 501px;
   float: left;
   font-size: 0.7em;
   text-align: justify;
   }
   #PortfolioInfo
   {
       font-size: 0.8em;
       padding-bottom: 1em;
       margin-top: 3em;
   }
      #PortfolioInfo p
   {
       font-size: 0.8em;
       margin: 1em;
   }
         #PortfolioInfo p.head
   {
       font-size: 0.8em;
       margin: 1em;
   }
   
         #PortfolioInfo a
   {
       text-decoration: underline;
       margin: 1em;
   }
   #PortfolioInfo h3
   {
       
text-align: justify;
color: #857E71;
font-size: 0.8em;
line-height: 1.6em;
margin: 1em;
   }
   
   /* Services */
   .FrontServices
   {
       padding:0 1em;
       min-height: 306px;
       text-align:justify;
       overflow:auto;
   }
   .FrontServices a
   {
       margin-left: 2em;
       padding: 0.5em;
       padding-left: 36px;
       float: left;
       clear: both;
       background-repeat: no-repeat;
       background-position:left center;
       text-decoration: underline;
   }
      .FrontServices a:hover
   {
       color: #333;
   }
      .FrontServices p
   {
       font-size: 0.9em;
   }
      .FrontServices a.Websites
   {
       background-image: url("../Images/Icons/website.png");
   }
         .FrontServices a.Application
   {
       background-image: url("../Images/Icons/application.png");
   }
         .FrontServices a.Database
   {
       background-image: url("../Images/Icons/database.png");
   }
         .FrontServices a.Server
   {
       background-image: url("../Images/Icons/server.png");
   }
            .FrontServices a.Other
   {
       background-image: url("../Images/Icons/other.png");
   }
      .FrontServices a.Contact
   {
       padding-left: 30px;
       background-image: url("../Images/Icons/bubble.png");
   }
   table#Services
   {
       margin: 0 auto;
       font-size: 0.8em;
       border: solid 1px #000;
       border-collapse:separate;
       
   }
      table#Services th
   {
       padding: 0.5em;
   }
   table#Services td
   {
       padding: 0.5em;
   }
   table#Services .Text
   {
              text-align:center;
   }
      table#Services td.Yes
   {
       min-height: 16px;
       min-width: 16px;
       background-image: url("../Images/Icons/tick_16.png");
       background-repeat:no-repeat;
       background-position: center center;
   }
         table#Services td.No
   {
       min-height: 16px;
       min-width: 16px;
       background-image: url("../Images/Icons/delete_16.png");
       background-repeat:no-repeat;
       background-position: center center;
   }
   /* Current Projects */
   
      #CurrentProjects 
   {
       
       padding: 0 1em;
   }
   #CurrentProjects img
   {
       float: left;
       margin-right:1em;
       margin-bottom: 1em;
   }
      #CurrentProjects p
   {
       text-align: justify;
       font-size: 0.8em;
   }
   
   /* News */
      .NewsPreview
   {
       float: left;
       height: 150px;
       width: 100%;
   }
         .NewsPreview h3
   {
       padding: 0.5em;
   }
   .NewsPreviewImage
   {
       float: left;
       height: 100px;
       display:block;
   }
   #NewsPost p, #BlogPost p
   {
       color: #000;
       font-size: 0.8em;
   }
   #NewsPost li, #BlogPost li
   {
       color: #000;
       font-size: 0.8em;
   }
   #NewsPost a, #BlogPost a
   {
       color: #00f;
       font-size: 0.8em;
text-decoration: underline;
   }