/* global styles */
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
font-family: "Calibri","Trebuchet MS", Arial, Helvetica, sans-serif, serif;
 font-size: 12px;
 background:#330000;
 color: #FFF; 
} 

ul,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,img {
margin:0; padding:0;
}

a img {border: none;}
td, p, ul, li, pre, blockquote, input, textarea, select, ol {
font-family: "Calibri","Trebuchet MS", Arial, Helvetica, sans-serif, serif;
font-size: 12px;
font-weight:normal;
line-height:15px;
}

p {margin-bottom:10px;margin-top:10px;}

.padbtm {margin-bottom:6px;}

h1, h2 {
font-family:"Calibri","Trebuchet MS", Arial,Helvetica, sans-serif, serif;
font-size:18px;
color:#FFF;
}

h3, h4, h5, h6 {
font-family:"Calibri","Trebuchet MS", Arial,Helvetica, sans-serif, serif;
font-size: 18px;
font-weight:normal;
margin:0;
padding:0;
margin-bottom:-3px;
}

div {text-align:left;}

#logo h1 {
padding:0;
margin:0;
}

td {vertical-align:top;}

td img {display:block;}

img {border:0;}

a:link {
font-family:"Calibri","Trebuchet MS", Arial,Helvetica, sans-serif, serif;
color: #fff;
text-decoration:underline;
}

a:visited {
font-family:"Calibri","Trebuchet MS", Arial,Helvetica, sans-serif, serif;
color: #fff;
text-decoration:none;
}
a:hover, a:active, a:focus {
font-family:"Calibri","Trebuchet MS", Arial,Helvetica, sans-serif,serif;
color: #FCB216;
text-decoration:underline;
}

.button-submit {
width:77px;
height:32px;
float:right;
background:url(../_gui/button-submit.png) no-repeat bottom left;
border:0;
padding-top:2px;
text-indent:-9999em;
cursor: pointer;
}

input.button-submit:hover {
background:url(../_gui/button-submit_o.png) no-repeat bottom left;
border:0;
padding-top:2px;
text-indent:-9999em;
cursor: pointer;
}

ul{
list-style-type: none;
margin-top:11px;
}

.ul6pad {
margin-top:-5px;margin-bottom:0px;
}

.hr {
padding-top:10px;
padding-bottom:15px;
border:0;
width:100%;
clear:both;
}

#hr1 {margin-top:13px;}
#hr2 {margin-top:13px;}
#hr3 {margin-top:0px;}
#hr4 {margin-top:13px;}
#hr5 {margin-top:7px;}
#hr6 {margin-top:9px;}

form {padding:0; margin:0;}

label {
display:block;
margin-bottom:.5em;
padding-left:2px;
}

input {
width:214px;
font-size:13px;
padding:3px;
color:#000;
margin-bottom:0px;
margin-top:2px;
}

/*input:focus, input.sffocus,textarea:focus, textarea.sffocus
{
background: #F2C0C0;
border: 1px solid #9C0101;
}*/

dl {margin-top:10px;}

textarea {
width:389px;
height:154px;
font-size:13px;
color:#000;
margin-bottom:10px;
margin-top:2px;
margin-right:16px;
}

select {
width:160px;
font-size:12px;
color:#707070;
margin-bottom:8px;
}

a:active{outline: none;}
a:focus{-moz-outline-style: none;}
:focus { -moz-outline-style: none; }

/* containers */
 
#pagewidth{ 
 width:927px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:145px; 
 width:100%;
}

#topnav {
width:100%;
height:37px;
}

#logo {
width:157px;
height:57px;
margin:15px;
}
 
 #wrapper {
 width:893px;
 margin-left:17px;
 }
#main {
 float:left; 
 display:inline; 
 position: relative; 
 width:100%; 
 }
 
 #masthead {
float: left; 
 display:inline; 
 position: relative; 
 width:100%;
 }
 
#featuredwork {
float:left;
position:relative;
width:604px;
height:254px;
}
#salespitch {
float:left;
position:relative;
width:240px;
margin-left:40px;
}

#recentwork {
float:left; 
 display:inline; 
 position: relative; 
 width:100%;
}

.recentwrapper {
float: left; 
 display:inline; 
 position: relative; 
 width:100%;
 margin-top:20px;
}
.recentpic {
float:left;
position:relative;
width:454px;
height:104px;
}

.recenttxt {
float:left;
position:relative;
width:383px;
margin-left:40px;
}

#otherwork {
float: left; 
 display:inline; 
 position: relative; 
 width:100%;
}

#othermain {
float: left; 
position: relative; 
width:604px;
}
#othersidebar {
float:left;
position:relative;
width:240px;
margin-left:40px;
}

#packagesmain {
float: left; 
position: relative; 
width:604px;
overflow:hidden;
}
#packagessidebar {
float:left;
position:relative;
width:240px;
margin-left:40px;
}

.thirds {
float:left;
position:relative;
width:33%;
}


.packagebits {
float:left;
position:relative;
width:177px;
height:177px;
background:url(../_gui/bg-package.png) no-repeat;
padding:10px 0px 10px 10px;
}

.packagetitles {
margin-left:10px;
}

#about {
float: left; 
 display:inline; 
 position: relative; 
 width:100%;
}

#aboutmain {
float: left; 
position: relative; 
width:604px;
overflow:hidden;
}
#aboutsidebar {
float:left;
position:relative;
width:240px;
margin-left:40px;
}

#contact {
float: left; 
 display:inline; 
 position: relative; 
 width:100%;
}

#contactmain {
float: left; 
position: relative; 
width:604px;
padding-right:240px;
margin-bottom:12px;
}

#contactinfo {
float:left;
position:relative;
width:230px;
}

#contactmsg {
float:left;
position:relative;
width:395px;
margin-left:15px;
overflow:hidden;
}

#getaquote {
float:left;
position:relative;
width:240px;
margin-left:40px;
}
#contactform {
float: left; 
position:relative; 
width:644px;
}
#contactdetails {
float:left;
position:relative;
width:240px;
margin-right:0px;
}
 
#footer{
 width:893px;
 margin-left:17px;
 height:80px; 
 clear:both;
 color:#FFF;
 } 
 
 .footerlink {
 color:#;
 }
  
 /* classes */
.button-visit a#fooflink, a#merlolink, a#merchlink, a#quarklink, a#pinklink, a#hotlink, a#cigarlink, a#shulink, a#mmwlink, a#esrlink, a#bossylink{
display:block;
float:left;
position:relative;
width:102px;
height:32px;
padding-top:5px;
background:url("../_gui/button-visitwebsite_o.png") no-repeat left bottom;
}

.button-visit a:hover  {
text-indent: -9999em; 
 }
 
.downloadrfp a#downloadlink {
display:block;
float:left;
position:relative;
width:122px;
height:32px;
background:url("../_gui/button-downloadform_o.png") no-repeat left top;
}

.downloadrfp a:hover  {
text-indent: -9999em; 
 }
 
/* input[type="submit"]:hover {
	background: url(../_gui/button-submit_o.png);
}*/
 .howmuch {
 margin-left:85px;margin-toip:-5px;
 }
 /* *** Float containers fix:*** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */