/* CSS Document
© CreaCom Design */

* {	margin: 0;
	padding: 0; }

html{		
margin: 0px;
padding: 0px;}

body {
	margin: 0; border: 0;
	background-color: #ffffff;
	padding: 0;}

#container {
	width: 800px;
	height: auto;
	margin: 20px auto 0 auto;
}

#header {
width: 675px;
height: 240px;
background: url('images/home-header.jpg') no-repeat;
margin: 0 auto 0 auto;
padding: 0;
border: 0;
}

#header2 {
width: 675px;
height: 240px;
background: url('images/other-header.jpg') no-repeat;
margin: 0 auto 0 auto;
padding: 0;
border: 0;
}

#mainbox {
width: 731px;
height: auto;
margin: 14px 0 0 0;
padding: 0;
border: 0;
float: left;
}

#mainboxint {
width: 669px;
height: auto;
margin: 0;
padding: 0;
border: 0;
float: right;
}

#menuleft {
width: 235px;
height: auto;
margin: 0;
padding: 0;
border: 0;
float: left;
}

#menuimg {
width: 28px;
height: 120px;
margin: 0;
padding: 0;
border: 0;
text-align: right;
float: left;
}

#menutext {
width: 200px;
height: auto;
margin: 0;
padding: 0;
border: 0;
float: right;
text-align: left;
color: #3f3f3f;
font: bold 11px 'Lucida Grande', Helvetica, Arial, sans-serif;
line-height: 20px;
}

#contentright {
width: 407px;
height: auto;
margin: 0;
padding: 0;
border: 0;
float: right;
}

#textright {
width: 407px;
height: auto;
margin: 10px 0 0 0;
padding: 0;
border: 0;
float: left;
text-align: justify;
color: #666666;
font: 12px Arial, Helvetica, sans-serif;
line-height: 1.6em;
}

#textright2 {
width: 407px;
height: auto;
margin: 10px 0 0 0;
padding: 0;
border: 0;
float: left;
text-align: justify;
color: #3f3f3f;
font: 12px Arial, Helvetica, sans-serif;
line-height: 1.4em;
}

#brandcontainer {
width: 397px;
height: auto;
margin: 0;
padding: 0;
border: 0;
float: right;
}

#brandsbox {
width: 407px;
height: auto;
margin: 41px 0 0 0;
padding: 0;
border: 0;
float: right;
}

#brandboxtopbotm {
width: 407px;
height: 12px;
margin: 0;
padding: 0;
border: 0;
float: left;
}

#brandboxmidl {
width: 407px;
height: auto;
background: url('images/home-brands-box-midl.gif') repeat-y;
margin: 0;
padding: 0;
border: 0;
float: left;
}

#brandslogos {
width: 387px;
height: 160px;
margin: 4px 0 0 0;
padding: 0;
border: 0;
text-align: center;
float: left;
}

#brandstext {
width: 387px;
height: auto;
margin: 3px 0 0 0;
padding: 0;
border: 0;
float: left;
text-align: justify;
color: #3f3f3f;
font : 12px Arial, Helvetica, sans-serif;
}

#twitter_div {
width: 208px;
height: auto;
margin: 0;
padding: 0;
border: 0;
float: left;
text-align: left;
color: #3f3f3f;
font: 12px Arial, Helvetica, sans-serif;
line-height: 1.2em;
}
  #twitter_div h2.sidebar-title {
    background: transparent url('http://static.twitter.com/images/toggle_up_light.png') no-repeat center right !important;
	font : 18px 'Lucida Grande', Helvetica, Arial, sans-serif;
color: #fe9833;
text-align: center;
  }

  #witter_div h2.sidebar-title {
    background: transparent url('http://static.twitter.com/images/toggle_down_light.png') no-repeat center right !important;
	font : 18px 'Lucida Grande', Helvetica, Arial, sans-serif;
color: #fe9833;
text-align: center;
  }
  
 ul#twitter_update_list {
  padding-left: 15px;
 list-style-type: square;
  }
  
  #twitter_update_list li {
  padding-top: 10px;
  }
  
    #twitter_update_list a {
  color: #FF0000; text-decoration:underline; font: 12px Arial, Helvetica, sans-serif;
  }
  
   #twitter_update_list a:hover {
  color: #000000; text-decoration:none; font: 12px Arial, Helvetica, sans-serif; font-weight: bold;
  }
 
#twitterboxctnr {
width: 230px;
height: auto;
margin: 30px 0 0 0;
padding: 0;
border: 0;
float: right;
}

#twitterboxtopbotm {
width: 230px;
height: 17px;
margin: 0;
padding: 0;
border: 0;
float: left;
}

#twitterboxmidl {
width: 230px;
height: auto;
background: url('images/twitter-box-midl.gif') repeat-y;
margin: 0;
padding: 0;
border: 0;
float: left;
}

#twitterrightctnr {
width: 220px;
height: auto;
margin: 0;
padding: 0;
border: 0;
float: right;
}

#servicesbox {
width: 399px;
height: 94px;
background: url('images/services-box.gif') no-repeat;
margin: 5px 0 0 4px;
padding: 0;
border: 0;
float: left;
}

#serviceslist {
width: 385px;
height: 90px;
margin: 2px 0 0 0;
padding: 7px 0 0 10px;
border: 0;
float: left;
text-align: left;
color: #3f3f3f;
font : bold 12px Arial, Helvetica, sans-serif;
}

.pinkbullet {
color: #FF33FF;
font-weight: bold;
font-size: 16px;
}

#flexiblebox {
width: 370px;
height: 90px;
margin: 2px 0 0 0;
padding: 15px 0 0 15px;
border: 0;
float: left;
text-align: left;
color: #3f3f3f;
font : bold 14px Arial, Helvetica, sans-serif;
line-height: 1.4em;
}

.flexiblecontact {
color: #FFD300;
font-weight: bold;
font-size: 14px;
line-height: 1.3em;
}

#flexible_div {
width: 195px;
height: auto;
margin: 0;
padding: 0 0 0 8px;
border: 0;
float: left;
text-align: left;
color: #3f3f3f;
font : bold 12px Arial, Helvetica, sans-serif;
line-height: 1.4em;
}

#testibox {
width: 210px;
height: auto;
margin: 55px 0 0 5px;
padding: 7px;
border: 1px solid #ff33ff;
float: left;
text-align: justify;
color: #000000;
font: 13px Arial, Helvetica, sans-serif;
line-height: 1.3em;
}

#contactbox {
width: 169px;
height: 107px;
background: url('images/contact-box.gif') no-repeat;
margin: 60px 30px 0 0;
padding: 0;
border: 0;
float: right;
}

#contactdetails {
width: 150px;
height: auto;
margin: 22px 0 0 15px;
padding: 0;
border: 0;
float: left;
text-align: left;
color: #666666;
font: 14px Arial, Helvetica, sans-serif;
line-height: 1.6em;
}

.telephone {
color: #000000;
font-weight: bold;
}

#bottomline {
width: 669px;
height: 20px;
margin: 15px 0 0 0;
padding: 0;
border-bottom: 10px solid #e8e8e8;
float: left;
}

#bottomline2 {
width: 669px;
height: 20px;
margin: 0;
padding: 0;
border-bottom: 10px solid #e8e8e8;
float: left;
}

#bottomcredits {
width: 669px;
height: 20px;
margin: 15px 0 0 0;
padding: 0;
border: 0;
float: left;
text-align: right;
color: #666666;
font : 12px Arial, Helvetica, sans-serif;
}

h1 {
font : 22px 'Lucida Grande', Helvetica, Arial, sans-serif;
color: #000000;
text-align: left;
}

h2 {
font : 18px 'Lucida Grande', Helvetica, Arial, sans-serif;
color: #fe9833;
text-align: right;
}

h3 {
font : 18px 'Lucida Grande', Helvetica, Arial, sans-serif;
color: #000000;
text-align: left;
}

   .grey:link {color: #000000; text-decoration:none;}
 .grey:visited {color: #000000; text-decoration:none;}
 .grey:hover {color: #fe9833; text-decoration:none;}
 
    .home:link {color: #3f3f3f; text-decoration:none;}
 .home:visited {color: #3f3f3f; text-decoration:none;}
 .home:hover {color: #fe9833; text-decoration:none;}
 
     .what:link {color: #3f3f3f; text-decoration:none;}
 .what:visited {color: #3f3f3f; text-decoration:none;}
 .what:hover {color: #FF33FF; text-decoration:none;}
 
 .flexible:link {color: #3f3f3f; text-decoration:none;}
 .flexible:visited {color: #3f3f3f; text-decoration:none;}
 .flexible:hover {color: #FFD300; text-decoration:none;}
 
      .contact:link {color: #3f3f3f; text-decoration:none;}
 .contact:visited {color: #3f3f3f; text-decoration:none;}
 .contact:hover {color: #FF0000; text-decoration:none;}
 
 .press:link {color: #3f3f3f; text-decoration:none;}
 .press:visited {color: #3f3f3f; text-decoration:none;}
 .press:hover {color: #fe9833; text-decoration:none;}
 
    .orange:link {color: #fe9833; text-decoration:none;}
 .orange:visited {color: #fe9833; text-decoration:none;}
 .orange:hover {color: #3f3f3f; text-decoration:none;}
 
     .pink:link {color: #FF33FF; text-decoration:none;}
 .pink:visited {color: #FF33FF; text-decoration:none;}
 .pink:hover {color: #3f3f3f; text-decoration:none;}
 
.yellow:link {color: #FFD300; text-decoration:none;}
 .yellow:visited {color: #FFD300; text-decoration:none;}
 .yellow:hover {color: #3f3f3f; text-decoration:none;}
 
      .red:link {color: #FF0000; text-decoration:none;}
 .red:visited {color: #FF0000; text-decoration:none;}
 .red:hover {color: #3f3f3f; text-decoration:none;}
 
       .red2:link {color: #FF0000; text-decoration:none; font: 12px Arial, Helvetica, sans-serif;}
 .red2:visited {color: #FF0000; text-decoration:none; font: 12px Arial, Helvetica, sans-serif;}
 .red2:hover {color: #3f3f3f; text-decoration:none; font: 12px Arial, Helvetica, sans-serif;}
 
 
 /* formz */

fieldset {
	margin-bottom: 1em;
	border: 0;
	width: auto;
	margin: 0.5em;
}
fieldset p {
	padding: 0 0 0.75em 0.5em !important;
	padding: 0 0 0.35em 0.5em;
	clear: both;
}

label.text {
	display: block;
	float: left;
	width: 42%;
	height: 30px;
	text-align: left; 
	margin: 0 1em 0 0;
	padding: 0.1em;	
	line-height: 1em;
}

label.text2 {
	display: block;
	float: left;
	width: 42%;
	height: 20px;
	text-align: left; 
	margin: 0 1em 0 0;
	padding: 0.1em;	
	line-height: 1em;
}

label.text3 {
	display: block;
	float: left;
	width: 5%;
	height: 30px;
	text-align: left; 
	margin: 0 1em 0 0;
	padding: 0.1em;	
	line-height: 1em;
}

label.textlong {
	display: block;
	float: left;
	width: 100%;
	height: auto;
	color: #FF0000;
	text-align: left; 
	margin: 0 1em 0 0;
	padding: 0.1em;	
	line-height: 1em;
}

input.text,
textarea {
	width: 52%;
	margin-right: 0.25em;
}

.envoy {
	margin: 0.4em 0;
	text-align: left;
}
.envoy label {
	border: 0;	
}


.clear { clear: both; margin: 0; }