/* CSS Document */


body
{
	background-color: #BBDFFF;
	font-size: 12px;
	font-family: arial;
	color: #666;
}

h1
{
  font-size: 14px;
  font-weight: bold;
  color: #000000;
}

h2
{
  font-size: 12px;
  font-weight: bold;
  color: #000000;
}

#RSSFormContainer
{
  border: solid 1px #CCC;
  text-align: center;
  padding: 6px;
}

#RssSubscribeImage
{
  position: relative;
  top: 12px;
}

.centreText
{
  text-align: center;
}

.rowShade
{
  background-color: #EEEEEE;
}

.tableCellRight
{
  text-align: right;
}

#onlineMaketingTable
{
  width: 600px;
}

.signatureFileExamples
{
  width: 295px;
  height: 78px;
  border: solid 1px #000; 
}

.SEOArticles
{
  border: solid 1px #000;
  width: 375px;
  height: 86px;
}

div#container
{
  width: 820px;
  min-height: 500px;
  margin: auto;
}

div#header
{
  background-image: url('../images/header.jpg');
	background-repeat: no-repeat;
  width: 820px;
  height: 150px; 
}

div#navigationBlock
{
  background-image: url('../images/navigation.jpg');
	background-repeat: no-repeat;
  width: 820px;
  height: 56px;
  float: left;
}

div#mainContentBlock
{
  float: left;
  background-color: #FFF8F4;
  width: 820px;
}

div#mainContent
{
  width: 800px;
  margin: auto;
}

div#footer
{
  background-image: url('../images/copyright.jpg');
	background-repeat: no-repeat;
  width: 820px;
  height: 37px;
  float: left;
}

#formContainer
{

}

/* Form Styles */

#formContainer
{
  background-color: #fff;
  width: 550px;
  min-height: 400px;
  border: dashed 1px #666;
  padding: 25px;
}

label
{
  color: #666;
  font-weight: bold;
}

#formRight
{
  float: right;
  width: 260px;
  /*border: solid 1px red;*/
}

#formLeft
{
  width: 260px;
  /*border: solid 1px red;*/
}

.inputFields
{
  width: 250px;
}

.smallInputField
{
  width: 195px;
}

.verySmallInputField
{
  width: 140px;
}

.specialDetailsInputBox
{
  width: 250px;
  height: 110px;
}

.sendButton
{
  position: relative;
  top: 5px;
  left: 503px;
}

#captchaBlockRight
{
  float: right;
  position: relative;
  right: 30px;
  top: 10px;
  /*border: solid 1px red;*/
}

#captchaBlockLeft
{
  padding: 20px 0px 0px 20px;
  /*border: solid 1px red;*/
  width: 280px;
}

#captchaBlock
{
  background-color: #E7E7E7;
  min-height: 100px;
  width: 547px;
}

.redstar
{
  color: #ff0000;
}

/* form styles end here */



#copyscape
{
  margin: auto;
  width: 235px;
}

.brClear
{
  clear: both;
}

.topLinks
{
  color: #fff;
  text-decoration: none;
}

a
{
  text-decoration: none;
}

img
{
  border: 0;
}

.imageBorder
{
  border: 2px solid #800080;
}

.servicesImages
{
  float: left;
}

#newsletterSubscription
{
  width: 120px;
  margin: auto;
  /*border: solid 1px red;*/
}

#rssImage
{
  float: left;
}

#emailImage
{
  float: right;
}

#navigationBlock a
{
  color: #fff;
  font-weight: bold;
}

#navigationBlock a:hover
{
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
}

#navigationBlock ul
{
  position: relative;
  top: 22px;
  left: 20px;
  margin: 0;
  padding: 0;
  color: #fff;
}

#navigationBlock li
{
  margin: 0px 5px 0px 0px;
  color: #FFF;
  /*border: solid 1px red;*/
  display: inline; 
  list-style: none; 
  list-style-type: none;
  font-weight: bold;
  text-decoration: none;
}

div.leftLinksContainer ul
{
  position: relative;
  top: 0px;
  left: 2px;
  margin: 0;
  padding: 0;
  width: 164px;
}

div.leftLinksContainer a
{
  color: #003ACE;
}

div.leftLinksContainer a:hover
{
  text-decoration: underline;
}

div.leftLinksContainer li
{
  background-image: url('../images/bullet.gif');
	background-repeat: no-repeat;
  /*border: solid 1px red;*/
  display: block;  
  list-style-type: none;
  list-style: none;
  font-size: 11px;
  padding: 0px 0px 0px 14px;
  line-height: 1.8em;
  background-position: left;
}

.noListStyle
{
  list-style-type: none;
  list-style: none;
}

div.leftLinksContainer
{
  width: 164px;
  min-height: 60px;
  border: solid 1px #CCC;
  background-color: #fff;
}

div#contentRight a
{
  color: #003ACE;
}

div#contentRight a:hover
{
  text-decoration: underline;
}

div#contentRight
{
  float: right;
  width: 620px;
  text-align: justify;
  line-height: 1.5em;
  /*border: solid 1px red;*/
}

div#contentLeft
{
  font-weight: normal;
  width: 170px;
  min-height: 300px;
  /*border: solid 1px red;*/
}

div.ourServicesBlock
{
  margin: auto;
  width: 502px;
  padding: 10px;
  min-height: 110px;
  border: solid 1px #CCC;
  background-color: #fff;
}

div#seoMarketingBlog
{
  width: 468px;
  height: 60px;
  margin: auto;
}

div.serviceBlockText
{
  text-align: justify;
  float: right;
  width: 380px;
  min-height: 110px;
}

div.serviceBlockText a
{
  color: #003ACE;
  text-decoration: none;
  font-weight: bold;
}



/* Styles for 'About Us' page and logo design page  */

div#packageRight
{
  width: 300px;
  float: right;
}

div#packageLeft
{
  width: 300px;
}

#imageRight
{
  float: right;
  padding: 20px;
}

div#listRight
{
  float: right;
}

#andyMcDonaldImage
{
  padding: 10px;
  float: right;
  width: 122px;
  height: 231px;
}

#associationsBlock
{
  /*border: solid 1px red;*/
  width: 620px;
  text-align: center;
}

#associationsBlock ul
{
  margin: 0;
  padding: 0;
}

#associationsBlock li
{
  display: inline;  
  list-style-type: none;
  list-style: none;
  padding: 0px 0px 0px 14px;  
}

#portfolioPreviewsBlock
{
  width: 620px;
  text-align: center;
}

#portfolioPreviewsBlock ul
{
  margin: 0;
  padding: 0;
}

#portfolioPreviewsBlock li
{
  display: inline;  
  list-style-type: none;
  list-style: none;
  padding: 0px 0px 0px 14px;  
}




#webDesignTemplatesBlock
{
  width: 490px;
  margin: auto;
}

.webDesignTemplatesBlockLeft, .webDesignTemplatesBlockCentre
{
  float: left;
  width: 155px;
}

.webDesignTemplatesBlockCentre
{
  position: relative;
  left: 13px;
}

.webDesignTemplatesBlockRight
{
  float: right;
  width: 155px;
  /*border: solid 1px green;*/
}

.templateImageContainers
{
  width: 151px;
  height: 180px;
}

.viewLabel
{
  float: left;
  width: 50px;
  text-align: right;
  padding: 0px 24px 0px 0px;
}

.downloadLabel
{
  width: 60px;
  float: left;
}




#imageBlock
{
  width: 620px;
  text-align: center;
}

#imageBlock ul
{
  margin: 0;
  padding: 0;
}

#imageBlock li
{
  display: inline;  
  list-style-type: none;
  list-style: none;
  padding: 0px 0px 0px 14px;  
}

.orangeText
{
  color: #EE5A14;
  font-weight: bold;
}

.underlineText
{
  text-decoration: underline;
}

.blackBoldText
{
  color: #333;
  font-weight: bold;
}

/* Styles for 'Testimonials' page and 'Portfolio Page' */

div#testimonialsContainerLeft, div#featuredServicesContainerLeft
{
  float: left;
  width: 180px;
  border: dashed 1px #CCC;
  background-color: #fff;
  padding: 10px;
}

div#testimonialsContainerRight, div#featuredServicesContainerRight
{
  float: right;
  width: 180px;
  border: dashed 1px #CCC;
  background-color: #fff;
  padding: 10px;
}

div#testimonialsContainerCentre, div#featuredServicesContainerCentre
{
  position: relative;
  left: 8px;
  float: left;
  width: 180px;
  border: dashed 1px #CCC;
  background-color: #fff;
  padding: 10px;
}

.testimonialImages, .portfolioImages
{
  text-align: center;
}

.testimonialsBlock
{
  font-size: 11px;
  border: dashed 1px #666;
  padding: 0px;
  min-height: 100px;
  background-image: url('../images/marks1.jpg');
	background-repeat: no-repeat;
	background-position: 5px 5px;
	width: 600px;
	background-color: #fff;
}

.testimonialsText
{
  background-image: url('../images/marks2.jpg');
	background-repeat: no-repeat;
	background-position: 99% 96%;
	min-height: 100px;
	padding: 5px 40px 5px 40px;
}


#quotationMark1
{
  float: left;
  position: relative;
  top: -4px;
  left: -5px;
  width: 25px
  height: 18px; 
}


#quotationMark2
{
  width: 25px
  height: 18px;
  position: relative;
  left: 535px;
}





#moneyBackImage
{
  float: right;
  width: 110px;
  height: 108px;
}

#logoImagesfloatRight
{
  padding: 20px;
  width: 143px;
  float: right;
}



#greyBoxBlock
{
  width: 560px;
  padding: 20px;
  background-color: #fff;
  border: dashed 1px #666;
}

#silver
{
	background-image: url('../box1.png');
	background-repeat: no-repeat;
	height: 208px;
	width: 500px;
	padding-top: 75px;
	margin: auto;
}

#gold
{
	background-image: url('../box2.png');
	background-repeat: no-repeat;
	height: 208px;
	width: 500px;
	padding-top: 75px;
	margin: auto;
}

#yourtable
{
	width: 450px;
	margin-left:23px;	
	text-align:center;
	border:1px solid #9ab;
	border-bottom:none;
	border-right:none;
}

#yourtable td, #yourtable th
{
	padding: 5px;
	border: 1px solid #9ab;
	border-top: none;
	border-left: none;
}

#yourtable th
{
	background: #9ab;
	color: #fff;
}

form.cmxform fieldset {
  border: none;
  border-top: 1px solid #eee;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.cmxform label {
  /*display: inline-block;*/
  line-height: 1.8;
  vertical-align: top;
}
form.cmxform li>label {
 display:-moz-inline-box;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 3px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 3px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
}
form.cmxform label {
  width: 180px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 183px; /* Width plus 3 (html space) */
}