html { 
	min-width: 734px;
	 }
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

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

/* Global Elements */
h1, h2, h3, h4, h5, h6 { 
margin:0; 
border: 0;
font-weight:normal; 
font-family:Georgia,"New Century Schoolbook",Times,serif; 
color: #cc3300;
}

h1 {font-size:20px;margin:16px 0 6px 0;line-height:1;}
h2 {font-size:18px;line-height:18px;margin:0 0 4px 0; padding: 0 0 25px 0; border-bottom: 1px dashed #c9c9c9 ;}
h3 {font-size:14px;font-weight:bold;line-height:18px;margin:0;}
h4 {font-weight:bold;font-size:11px;letter-spacing:0;margin:14px 0 1px 0;}
h5, h6 {font-weight:bold;}
h5 {font-size:11px;color:#666;text-transform:uppercase; letter-spacing: 1px; padding:4px 0;}
h6 {margin: 10px 0; padding:4px 0 10px 0;font-size:11px;line-height:14px; color: #3D3D33;}

p {
	margin: 0.3em 1em 1em 0;
}

p.access	{
	display: none;
	}

img	{
display: block;
border: 0;
}
blockquote {
padding: 15px 10px 5px 30px;
font:italic 12px Georgia, TImes, serif;
background: url(../i/quote.gif) 5px 7px no-repeat;
margin: 5px 0;
}
.imgfloat {
float: left;
clear:left;
margin: 0 10px 10px 0;
}
.caption {
margin-top: -25px;
font-style:italic;
}
.clear {
clear:both;
}
ul {
list-style:none;
margin: 0;
padding: 0;
}

/* links */
a:link, a:visited, a:active {
	font-weight : bold; 
	text-decoration : none;
	color: #444;
	padding-bottom: 2px;
	border-bottom: 1px dashed #444;
	}

a:hover {
font-weight : bold; 
	text-decoration : none;
	color: #b20838;
	padding-bottom: 2px;
	border-bottom: 1px dashed #444;
	}

a:active {
	color: #785;
	}
	
/* Primary layout */

body	{
font:11px/16px verdana,arial,sans-serif;
text-align: center;
background: #f7f7f7;
margin: 0;
padding: 0;
border: 0;	
color: #3D3D33;
	}
	
#WrapAll {
width:734px; 
margin: 0 auto;
padding: 0;
text-align: left;
}

#WrapTop {
width: 734px;
height:11px;
padding: 0 0 10px 0;;
margin:0;
background: transparent url(../i/wrap_top.gif) bottom left no-repeat;
text-align: right;
}

#WrapMid	{
	background: transparent url(../i/wrap_mid.gif) top left repeat-y;
	width: 734px;
	margin:0;
	padding: 0;
	
}
	
#WrapBtm {
clear: both;
width: 734px;
height: 71px;
padding: 0;
margin:0 0 0 0;
border: 0;
background: transparent url(../i/wrap_btm.gif) top left repeat-y;
}


#InnerWrap {
width: 734px;
margin: 12px 0 0 0;
padding: 0;
}

#header {
width: 706px;
	height:72px;
	margin: 0 14px 0 14px;
	padding: 0;
	background: url(../i/header_bg.gif) top center no-repeat;
}

#branding {
width: 694px;
margin: 0 20px 0 20px;
padding: 10px 0 0 0;
	border-top: 1px solid #fff;
	background-color: white;
}

#maincontent {
	float: left;
	width: 490px;
	padding: 0 ;
	border: 0;
	margin: 0;
	margin-bottom: 20px;
	/* False margin value for all versions of IE Win, including 6.0 */	
	margin-left: 15px;
	}
	

html>body div#maincontent {
	/* Correct value for browsers that don't suffer from IE Win's bugs */
	margin-left: 30px;
	}

	
#sidebar	{
	margin: 0 0 0 536px;
	padding: 0 0 10px 0;
	width: 174px;
	border: 0;
	}
#footer { 
width: 694px;
border-top: 3px solid #b20838;
padding: 5px 0;
margin:  0 0 0 20px;
}

#logohead {
	width: 256px;
	height: 59px;
	padding: 5px 0 0 10px;
	border: 0;
}

#logohead  a{	
text-indent: -9999px;
display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
	border-bottom: none;
	background: transparent url(../i/logohead.gif) top left no-repeat;
	}
#logohead a:hover{
background: transparent url(../i/logohead.gif) 0 -62px no-repeat;

}

div#globalnav {
margin: -60px 0 0 270px;
width: 435px;
padding-top: 35px;
}
html>body div#globalnav {
padding-top: 35px;
}
#navlist ul
{
text-align: left;
}

#navlist li
{
font-family:"Trebuchet MS", serif;
margin-right: 20px; 
display: inline;
text-transform:uppercase;
font-size: 12px;
}

#navlist li.last {margin-right:0;}
#navlist a, #navlist a:active
{border-bottom: none;
}
#navlist a:hover {
background-color: transparent;
color: #b20838;
}

#navlist #active a {
color: #b20838;
}
/*homepage only starts*/
#left {
float: left;
width: 346px;
padding: 0;
margin: 0;
}
#left a, #right a {
color: white;
text-transform:uppercase;
font-family:Georgia, serif;
padding: 80px 40px;
display: block;
font-size:12px;
border-bottom: none;
}

#left a {
background: url(../i/commercial.jpg) left top no-repeat;
}

#left a:hover{
text-decoration: underline;
}

#right {
padding: 0 0 0 347px;
margin: 0;
}

#right a {
background: url(../i/residential.jpg) right top no-repeat;
}

#right a:hover{ 
text-decoration: underline;
}
/*homepage only ends*/

#sidebar div {
	background: #ddddd4;
	padding: 0 1em 1em;
}

#sidebar p {
margin: 0;
}

#sidebar h4 {
background-color:#7F7F79;
margin: 0 -0.9em; padding: 0.3em 0.9em;
color: #fff;
}

#project, #rightcol {
margin-bottom: 5px;
}

#project p.date {
color: #7F7F79;
font-size:10px;
font-weight:bold;
}

#project p.client {
font-size: 10px;
font-weight:bold;
}

#sidebar p.description {
padding-top: 5px;
line-height: 1.1em;
}

#sidebar p.button {
padding-top: 5px;
}


#client ul {
margin: 0 0 5px 0;
padding: 0;
color: #414141;
line-height: 1.5em;
}

#banner {
clear: left;
margin: 10px 0 10px 0;
width: 650px;
}

#banner ul {
text-indent: -9999px;
}
#banner li {
display:inline;
}

img.imgbanner {
float: left;
margin: 0 3px 0 0;
padding: 0;
}
.company, .from {
padding: 0 0 0 25px;
}
.company {
font-style:italic;
padding-bottom: 10px;
border-bottom: 1px dashed #b2b2ab;
}

.img-shadow {
  float:left;
  background: url(../i/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../i/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  } 
  
#footer p {
margin-top: 15px;
margin-left: 10px;
}

#footer a {
text-transform: uppercase;
font-size: 9px;
margin-left: 150px;
padding: 0 2px ;
border-bottom: 1px dashed #333;
}
#footer a:hover {
background: #b20838;
color: #fff;
border-bottom: none;
}
#client-list {
margin-bottom: 10px;
}
#client-list li{
font-family: Georgia, serif;
font-size:12px;
line-height: 20px;
}

#project-list dt {
	margin: 12px 0 0 0;
	}
#project-list dd {
	margin: 0 0 2px 0;
	padding: 0;
	}
#project-list dd a { font-weight:normal;}
#project-list dt a {
	float: left;
	display: block;
	margin: 2px 8px 0 0;
	padding: 2px;
	border: 2px solid #7F7F79;
	background: #fffefa;
	}
#project-list dt a:hover, #project-list dt.active a {
	border-color: #cc3300;
	background: #fff;
	}

/* FORM STYLES */
form {width: 450px;}

fieldset{
	padding:10px;
	border:1px solid #003366;
	margin-bottom:15px;
width: 450px;
}

.textarea2{
background-color:#F0F0FF;
background-image: none;
border: 1px solid #006666;
margin: 4px;
padding: 6px;
}

input,textarea{
background-color:#dcdcdc;
background-image:url(tutorial_pics/shadeform.jpg);
border: 1px solid #cc3300;
margin: 4px;
font: 12px Verdana,Geneva,Arial,Helvetica,sans-serif;
}
/*styles the input fields*/
/*styles the form fields*/
label{
	color:#000033;
	font-weight: bold;
}
legend{
padding:10px;/*gives a bit of padding between the border and the test*/
color:#000066;
font:16px bold Verdana,Geneva,Arial,Helvetica,sans-serif;
}
.submitbutton {
	border: 1px solid #003366;
	background-color:#CCCCFF;
}

/*end of form styles */