body, html {
background-color:#201e1e;}
.clear {clear: both;}


/* ===== Header ===== */

#headerwrapper{
background:url(../images/header-bg.jpg) top center no-repeat #ff0043; }
#headerlinks {
height: 18px;
width: 940px;
display:block;
overflow:hidden;
margin: 0 auto;
text-align:right;}
#headerlinks p {
font: normal 10px/17px Tahoma, Arial, Verdana, sans-serif; color: #737373;}
#headerlinks a, #headerlinks a:visited{
text-decoration: none;
color: #a4a4a4;
font-weight:bold;}	
#headerlinks a:hover{
text-decoration: none;
color:#efefef;
font-weight:bold;}
#header {
width: 940px;
margin: 0 auto;
font: 12px/17px Tahoma, Arial, Verdana, sans-serif; color: #f8e3e3;}
#header h1 {
font: 22px Tahoma, Arial, Verdana, sans-serif; color: #f8e3e3;
padding: 0 0 0 14px;
margin: 0 0 3px 0;
width:345px;}
#header p {
padding: 0 0 0 14px;}
.logoimage {
margin: 7px 0 0 0;}
.logosubtext {
font: 13px/17px Tahoma, Arial, Verdana, sans-serif; color: #868686;
margin: -2px 0 0 0;}
#headertint {
/*background:url(../images/headertint-bg.jpg) top left no-repeat;*/
margin: 40px 0 0 0;
padding: 15px 5px 0 0;
height: 195px;
width: 378px;
float:left;}
#headertint p {
margin:0 0 10px 0;}
#headertint a, #headertint a:visited{
text-decoration: none;
color: #f1b6c1;
font-weight:bold;}	
#headertint a:hover{
text-decoration: none;
color:#fff;
font-weight:bold;}
.linkarrow {
margin: 0;
padding: 0 0 0 18px;
background: url(../images/link-arrow.gif) no-repeat 0 50%; }
.linkarrow:hover {
background: url(../images/link-arrow-over.gif) no-repeat 0 50%; }

#homepageimagetop {
float: right;}



/* ===== Navigation ===== */

#navwrapper {
height: 40px;
background:url(../images/nav-bg.jpg) top left repeat-x;
margin: 0 auto; }
#nav {
width: 939px;
list-style: none;
margin: 0 auto 0 auto;
padding: 0 0 0 1px;
font: 11px/17px Tahoma, Arial, Verdana, sans-serif;
background: url(../images/nav-right-border.jpg) top left no-repeat;}
#nav ul {
float: left;
list-style: none;
margin: 0 auto;
padding: 0; }
#nav li {
float: left;
margin: 0;
padding: 0; }
#nav a {
font-size: 11px; color: #7c7171;
text-decoration: none;
text-transform:uppercase;
display: block;
margin: 0;
padding: 9px 15px 8px 14px;
background: url(../images/nav-right-border.jpg) top  right no-repeat;}
#nav a:hover {
color: #c11441;
background: url(../images/nav-hover.jpg) top  right repeat-x;}
#nav ul li a:hover {
color: #c11441;
text-decoration: none;
background: url(../images/nav-hover.jpg) top  right repeat-x; } 
#nav li ul {
position: absolute;
left: -999em;
height: auto;
margin: 0 0 0 0;
padding: 0;
width: 194px;
w\idth: 190px;
border: none; }
#nav li ul a {
width: 194px;
w\idth: 190px;
margin: 0;
padding: 7px 5px 7px 14px;
background: #e5e5dc;
color: #7c7171;
line-height: 1.4em;
border-top: solid 1px #cecec6; }
#nav li ul a:hover {
background: #d8d8d2;
color: #c11441;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
width: 164px; } 



/* ===== Pages Main Structure ===== */


#pageswrapper {
background-color: #edede4;
margin: 0;
padding: 9px 0 0 0;
font: normal 11px/18px Tahoma, Arial, Verdana, sans-serif; color: #605c5d; }
#boxes {
width: 960px;
margin: 0 auto 0 auto;
background-color: #edede4;
padding: 0 0 10px 0;}
.box {
width: 192px;
height: 192px;
float:left;
background: url(../images/box-bg.jpg) top left no-repeat;
padding: 20px 24px 0 24px;}
#boxes h2 {
font: bold 15px Tahoma, Arial, Verdana, sans-serif; color: #f3255b;
padding: 0;
margin: 0 0 4px 0;}
#content {
width: 940px;
padding: 0;
margin: 0 auto;
font: normal 11px/21px Tahoma, Arial, Verdana, sans-serif; color: #605c5d;}
#content p {
padding: 0 14px 0 14px;}
#content h1, #content h2, #content h3 {
padding: 0;}
#content p {
margin: 0 0 12px 0;}
#content h2 {
margin: 0 0 8px 0;
font: 25px Tahoma, Arial, Verdana, sans-serif; color: #ec1950;}
#content h3 {
font: 16px Tahoma, Arial, Verdana, sans-serif; color: #ff0044;
margin: 6px 0 9px 0;
width:212px; }
#main {
width: 620px;
float: left;
padding: 18px 0 18px 0;}
#right {
width: 300px;
float: right;
padding: 40px 0 18px 0;}
.titleimage {
margin: 0 0 12px 0;}
.bannerpad {
margin: 0 0 4px 0;}
#main p a, #main p a:visited{
text-decoration: none;
color: #ff0044;
padding: 0 3px;}	
#main p a:hover{
text-decoration: none;
color:#fff;
background-color:#ff0044;
padding: 0 3px;}

.h3replica {
font: 16px/22px Tahoma, Arial, Verdana, sans-serif; color: #ff0044;
margin: 0 0 12px 0; }

/* ===== Portfolio ===== */


.portfolioimage {
margin: 0 0 12px 0;
height: 181px;
display:block;}

.portfolioleft {
width:378px;
float:left;}
.portfolioright {
width:226px;
float:right;
padding-left: 15px;
border-left: solid 1px #e0e0d7;}

.portfoliotable {
margin: 0 0 12px 14px;}
.portfolioicon {
margin: 1px 0 0 0;}
.portfoliolink {
margin: 0 0 3px 8px;}



/* ===== Quick Contact ===== */

#quickcontactcontainer {
width: 295px;
background: url(../images/email-me-back-bg.jpg) top left no-repeat;
padding: 55px 0 0 5px;
height:216px;
display:block;
overflow:hidden;
margin-bottom: 4px;
color:#FFFFFF;}

#quickcontact  {
width: 286px;
margin: -5px 0 0 0;
padding: 0 0 0 14px;}
	
#quickcontact form {
margin: 0 0 0 0;
padding: 0; }
	
#quickcontact p {
margin: 0 0 5px 0;
padding: 0; }
	
#quickcontact table {
margin: 0 0 10px 0;
padding: 0;
border: none; }
	
.formtextfield {
width: 201px;
margin: 2px 0 6px 0;
padding: 3px 2px 0 2px;
font-size: 10px;
height: 15px;
color: #333333;
font-family: Tahoma, Arial, Helvetica, sans-serif;
border: 1px solid #d2ccbf;	}
	
#txtEnquiry, {
width: 200px;
height: 50px; 
margin: 5px 0 0 0; }

.submitbutton { 
width: 188px;
height: 35px;
margin: 0 0 0 45px;
cursor:pointer;
font-size: 11px;
color: #fff;
background: url(../images/email-me-back-button.gif) no-repeat;
border:none;
font-weight:bold;	}




/* ==== Contact form ==== */

#contact  {
width: 558px;
margin: 0;
padding: 26px 0 0 62px;
background: url(../images/contact-form-background.jpg) no-repeat;
color: #fff;}


/*#contact input:focus, #contact textarea:focus { 
background-color: #ffbcd2; }*/

	
#contact form {
margin: 0 0 0 0;
padding: 0; }

.contactheading {
font-size:16px;}
	
#contact p {
margin: 0 0 5px 0;
padding: 0; }
	
#contact table {
margin: 0 0 10px 0;
padding: 0;
border: none; }

.quickformtextfield {
width: 205px;
padding: 3px 2px 0 2px;
margin: 2px 9px 6px 14px;
font-size: 11px;
line-height: 16px;
color: #747166;
font-family: Tahoma, Arial, Helvetica, sans-serif;
border: 1px solid #d2ccbf;
height: 15px;}


.formtextfield {
width: 289px;
padding: 2px;
margin: 2px 0 6px 0;
font-size: 11px;
line-height: 16px;
color: #747166;
font-family: Tahoma, Arial, Helvetica, sans-serif;
border: 1px solid #d2ccbf;	}

.formtextdrop {
width: 295px;
padding: 2px;
margin: 2px 0 6px 0;
font-size: 11px;
line-height: 16px;
color: #747166;
font-family: Tahoma, Arial, Helvetica, sans-serif;
border: 1px solid #d2ccbf;	}
	
.formtextarea  {
width: 289px;
height: 60px;
padding: 2px;
margin: 2px 0 3px 0; 
font-size: 11px;
line-height: 16px;
color: #747166;
border: 1px solid #d2ccbf;
font-family: Tahoma, Arial, Helvetica, sans-serif;	}
	
#txtEnquiry, {
width: 200px;
height: 50px; 
margin: 5px 0 0 0; }

.quicksubmitbutton { 
width: 190px;
height: 25px;
margin: 6px 0 9px 0;
cursor:pointer;
font-size: 11px;
color: #fff;
background: url(../images/contact-button-bg.jpg) repeat-x;
border:none;
font-weight:bold;	}



.contactformbottom {
margin: 0 0 8px 0;}



.basicsubmitbutton { 
width: 188px;
height: 35px;
margin: 0 0 0 45px;
cursor:pointer;
font-size: 11px;
color: #fff;
background: url(../images/basic-contact-submit.jpg) no-repeat;
border:none;
font-weight:bold;	}

.advancedsubmitbutton { 
width: 188px;
height: 35px;
margin: 0 0 0 45px;
cursor:pointer;
font-size: 11px;
color: #fff;
background: url(../images/advanced-contact-submit.jpg) no-repeat;
border:none;
font-weight:bold;	}


/* ===== Footer ===== */


#footerwrapper{
background:url(../images/footer-bg.jpg) top center repeat-x; }

#footer {
width: 916px;
padding: 18px 0 0 0;
margin: 0 auto;
font: 11px/18px Tahoma, Arial, Verdana, sans-serif; color: #4b4b4b;}

#footer p {
margin: 0 0 12px 0;}

#footer a, #footer a:visited{
text-decoration: none;
color: #5a5a5a;
font-weight:bold;}
	
#footer a:hover{
text-decoration: none;
color:#898989;
font-weight:bold;}



/* ===== Blog ===== */

.post p a, .post p a:visited{
text-decoration: none;
color: #ff0044;
padding: 0 3px;}	
.post p a:hover{
text-decoration: none;
color:#fff;
background-color:#ff0044;
padding: 0 3px;}

#blog-title {
  margin:5px 5px 0;
  padding:20px 20px .25em;
  border:1px solid #eee;
  border-width:1px 1px 0;
  font-size:200%;
  line-height:1.2em;
  font-weight:normal;
  color:#666;
  text-transform:uppercase;
  letter-spacing:.2em;
  }
#blog-title a {
  color:#666;
  text-decoration:none;
  }
#blog-title a:hover {
  color:#c60;
  }
#description {
  margin:0 5px 5px;
  padding:0 20px 20px;
  border:1px solid #eee;
  border-width:0 1px 1px;
  max-width:700px;
  font:78%/1.4em Tahoma,Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }
  



/* Posts
----------------------------------------------- */

  .date-header {
    margin:1.5em 0 .5em;
    }
  .post {
    margin:.5em 0 1.5em;
    border-bottom:1px solid #dadad2;
    padding-bottom:1.5em;
    }


  .date-header {
    padding:0 1.5em 0 1.5em;
    }
  .post {
    padding:0 1.5em 0 1.5em;
    }

.post-title {
  padding:0 0 4px;
  font-size:140%;
  font-weight:normal;
  color:#615f60;
  font: 16px/22px Tahoma, Arial, Verdana, sans-serif; color: #ff0044;
margin: 0 0 12px 0;
  }
.post-title a, .post-title a:visited, .post-title strong {
  display:block;
  text-decoration:none;
  color:#c60;
  font-weight:normal;
  }
.post-title strong, .post-title a:hover {
  color:#333;
  }
.post div {
  margin:0 0 .75em;
  line-height:1.6em;
  }
p.post-footer {
  margin:-.25em 0 0;
  color:#ccc;
  }
.post-footer em, .comment-link {
  font:78%/1.4em Tahoma,Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
  color:#999;
  margin-right:.6em;
  }

.post img {
  padding:0;
  border:none;
  margin-left: -16px;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }
#main2 p {
padding-left: 0;}

.bloglinks {padding: 0 0 0 16px;}

/* Comments
----------------------------------------------- */
#comments {
padding: 0 0 0 16px;}

  #comments a, #comments a:visited{
text-decoration: none;
color: #ff0044;
padding: 0 3px;}	
#comments a:hover{
text-decoration: none;
color:#fff;
background-color:#ff0044;
padding: 0 3px;}

#comments p {
padding-left:0;}

#comments h4 {
  margin:1em 0;
  font:bold 78%/1.6em Tahoma,Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }
#comments h4 strong {
  font-size:130%;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block dt {
  margin:.5em 0;
  }
#comments-block dd {
  margin:.25em 0 0;
  }
#comments-block dd.comment-timestamp {
  margin:-.25em 0 2em;
  font:78%/1.4em Tahoma,Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block dd p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }
.paging-control-container {
  float: right;
  margin: 0px 6px 0px 0px;
  font-size: 80%;
}
.unneeded-paging-control {
  visibility: hidden;
}



/* Sidebar Content
----------------------------------------------- */
    #sidebar {
width: 300px;
float: right;
padding: 18px 0 18px 0;}
  #sidebar p a, #sidebar p a:visited{
text-decoration: none;
color: #ff0044;
padding: 0 3px;}	
#sidebar p a:hover{
text-decoration: none;
color:#fff;
background-color:#ff0044;
padding: 0 3px;}


  #sidebar ul a, #sidebar ul a:visited{
text-decoration: none;
color: #ff0044;
padding: 0 3px;}	
#sidebar ul a:hover{
text-decoration: none;
color:#fff;
background-color:#ff0044;
padding: 0 3px;}

#sidebar ul {
  margin:0 0 1.5em;
  padding:0 0 1.5em 13px;
  border-bottom:1px solid #dadad2;
  list-style:none;
  }
#sidebar li {
  margin:0;
  padding:0 0 .25em 15px;
  text-indent:-15px;
  line-height:1.5em;
  }
#sidebar p {
  color:#666;
  line-height:1.5em;
  }
#sidebar h2 {
font-size:22px;
color: #a3a3a3;}


#emailsubscribe {
margin:0 0 1.5em;
  padding:0 0 1.5em 0;
  border-bottom:1px solid #dadad2;}
  
#emailsubscribe form {
 border:1px solid #dadad2;
 background-color:#e0e0da;
 text-align:left;
 padding:6px 3px 9px 0;}
 
.subscribeemailbutton {
margin: 0 0 0 13px;
cursor:pointer;
padding: 2px 4px;
background-color: #f02a5d;
border:solid 1px #dc1045;
color:#FFFFFF;
}
 
 
.sidebarcontent {
margin:0 0 1.5em;
  padding:0 0 1.5em 0;
  border-bottom:1px solid #dadad2;}
  


/* Profile
----------------------------------------------- */
#profile-container {
  margin:0 0 1.5em;
  border-bottom:1px dotted #ccc;
  padding-bottom:1.5em;
  }
.profile-datablock {
  margin:.5em 0 .5em;
  }
.profile-img {
  display:inline;
  }
.profile-img img {
  float:left;
  padding:4px;
  border:1px solid #ddd;
  margin:0 8px 3px 0;
  }
.profile-data {
  margin:0;
  font:bold 78%/1.6em Tahoma,Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.profile-data strong {
  display:none;
  }
.profile-textblock {
  margin:0 0 .5em;
  }
.profile-link {
  margin:0;
  font:78%/1.4em Tahoma,Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
  
  
  
 /* ====== Sifr ====== /*


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

/*.sIFR-hasFlash h2 {
	visibility: hidden;
	font-size: 26px;
}
*/
.sIFR-hasFlash #content h2 {
	visibility: hidden;
}

.sIFR-hasFlash #boxes h2 {
	visibility: hidden;
}

.sIFR-hasFlash #content h3 {
	visibility: hidden;
}

/*.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}*/
