/* IE HACK!!! */ 
*:first-child+html #content-right {clear: both;} 
* html #content-right {clear: both;}

* {
    margin: 0;
    padding: 0;
    }

body { 
    margin: 0;
    padding: 0;
    text-align: center;
	overflow:auto;
    background: url(http://dev.stagingetc.com/themes/stagingetc/images/background.gif) repeat top left;
    }

    
/* basic style */   
p { 
    font-family: Verdana, sans serif;
    font-size: medium;
    font-size: 11px; 
    color: #666;
    margin-bottom: 20px;
}
a {
	color: #cc0000;
    text-decoration: none;
    }
a:hover { 
	color: #cc0000; 
    text-decoration: underline;
    }
a img{
	border:0;
}     
ol { 
    font-family: Verdana, sans serif;
    font-size: medium;
    font-size: 11px; 
    color: #666;
    list-style-position: inside;
    font-weight: bold;
    } 
        
ol li {
    margin-bottom: 20px;
    }        
ol li span, ol li p {
    font-weight: normal;
    }     

ul { 
    font-family: Verdana, sans serif;
    font-size: medium;
    font-size: 11px; 
    color: #666;
    list-style-type: square;
  	padding-left: 3em; 
    }  
input, textarea { 
    border: 0 solid #cccccc; 
    background: #ffffff; 
    font: 11px Verdana, sans-serif; 
    color: #666666; }      
    
    
/* layout structure */
#container {
 	padding: 10px 0;
 	width: 770px;
    margin-left: auto; 
    margin-right: auto;
    text-align: left;
    }
#content-home-left {
    float: left;
    width: 330px;
    line-height: 1.3em;
    background: #fff;
    }
#content-home-right {
    float: right;
    margin-right: 20px;
    width: 420px;
    line-height: 1.3em;
    background: #ededed;
    }
#content-left {
    float: left;
    width: 330px;
    line-height: 1.3em;
    background: #fff;
    }
#content-right {
    float: right;
    width: 440px;
    line-height: 1.3em;
    background: #ededed;
    }
.toplink {
	text-align: right;
}
#content-login-left {
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	width: 330px;
    line-height: 1.3em;
    background: #fff;
    }

/* gutters */
#content-left .gutter, #content-home-left .gutter, #content-login-left .gutter { 
    padding: 25px 30px 25px 30px;
    }
#content-right .gutter, #content-home-right .gutter  { 
    clear: both;
    padding: 0 30px 25px 30px;
    }
    
    
/* header */
#header { 
    background: url(http://dev.stagingetc.com/themes/stagingetc/images/logo_staging.gif) no-repeat;
    margin: 10px 0 40px 0;
    }
#header a {
    display: block;
    width: 293px;
    height: 65px;
    }  
    

/* footer */
#address {
    margin: 100px 0 0 0;
    padding: 0;
    height: 80px;
}       
#tagline { 
    background: url(http://dev.stagingetc.com/themes/stagingetc/images/tagline_staging.gif) no-repeat;
    margin: 0 0 0 0;
    width: 293px;
    height: 80px;
    }
#copyright p {
    clear: both;
    color: #ccc;
    font-size: 10.5px; 
    margin: 0 0 0 0;
    padding-top: 10px;
    text-align: right;
    height: 15px;
    }    
#copyright-login p {
    clear: both;
    color: #ccc;
    font-size: 10.5px; 
    margin: 0 0 0 0;
    padding-top: 10px;
    text-align: center;
    height: 15px;
    }    
#credits p {  
    color: #aaa;
    font-size: 10.5px; 
    margin: 10px 0 0 0;
    text-align: right;
    height: 30px;
    }
#credits-login p {  
    color: #aaa;
    font-size: 10.5px; 
    margin: 10px 0 0 0;
    text-align: center;
    height: 30px;
}  
#credits a {  
	color: #aaa; 
    text-decoration: underline;
    }
#credits a:hover {  
	color: #ccc; 
    text-decoration: underline;
    }
    
/* navigation */
#nav {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 800px;
    height: 25px;
    }
#nav ul {
	list-style: none;
}
#nav li {
    float: left;
    margin: 0;
    padding: 0 32px 0 0;
    font-family: Verdana, sans serif;
    font-size: 10px;
    }
#nav a {
    display: block;
    color: #999;
    text-decoration: none;
    }
#nav a:hover {
    color: #fff;
    }    
    
#nav li a.current {
    color: #cc0000;
}
    
/* content */
#flash {
    margin: 25px 0 0 0;
    padding: 0;
    }
#news p {
    margin: 15px 0 20px 0;
    }
#news span {
    margin: 15px 0 0 0;
    }    
#news .project {
	font-family: Verdana, sans serif;
    font-size: 11px; 
    font-weight: bold;
    color: #333333;
    margin: 0;
    padding: 0;
    }    
#news .date {
    color: #333333;
    font-weight: bold;
    }    
#news .photo {
    float: right;
    margin: 5px 0 0 10px;
    padding: 0;
    border: 0;
    }  
   
#news #summary p {
	margin: 0;
}
a.project-link {
	color: #666666;
    text-decoration: none;
    }
a.project-link:hover { 
	color: #cc0000; 
    text-decoration: underline;
    }


/* custom style */  
h1 { 
    font-family: Verdana, sans serif;
    font-size: medium;
    font-size: 13px; 
    font-weight: normal;
    color: #111111;
    margin: 50px 0 20px 0;
    }
h3 { 
    font-family: Verdana, sans serif;
    font-size: medium;
    font-size: 12px; 
    font-weight: normal;
    color: #111111;
    margin: 30px 0 10px 0;
    }
h2 { 
    font-family: Verdana, sans serif;
    font-size: medium;
    font-size: 12px; 
    font-weight: normal;
    color: #555555;
    margin: 30px 0 5px 0;
    }
.red { 
    color: #cc0000; 
    } 
#address a { 
    color: #666666; 
    text-decoration: none; 
    }
#address a:hover { 
    color: #cc0000; 
    text-decoration: underline; 
    }
#testimonials
    {
    margin: 20px 20px 0 25px;
    }
#client {
    font-weight: bold;
    text-align: right;
    margin-top: 0;
    padding-top: 0;
    }
hr {
	border: 0;
	color: #CCCCCC;
	background-color: #CCCCCC;
	height: 1px;
	width: 100%;
	text-align: left;
	margin-bottom: 10px;
	}
    
    
    
/* projects and news side menu */
#Menu2 {
	list-style: none;
}
#Menu2 li {
    font-size: medium;
    font-size: 11px; 
    color: #666;
    list-style-type: none;
    padding-left: 3em;
	text-indent: -1em;
}

/* image class left */
.left{
	float: left;
	padding: 0 15px 0 0;
}

.right{
	float: right;
	padding: 0 0 0 5px;
}



/* newsletter form */
#Form_SubscribeForm fieldset {
	border: 0px;
}
#Email label {
	font-family: Verdana, sans serif;
    font-size: medium;
    font-size: 11px; 
    color: #666666;
    margin: 0 0 2px 0;
    width: 10px;
}
#Email input {
	background-color: #ededed;
	border: 1px solid #cccccc;
    width: 218px;
    height: 15px;
}
.Actions input {
	color: #cccccc;
	border: 0;
	background-color: #333333;
	font-size: 10px; 
	padding: 1px 0;
	float: right;
	margin-top: 2px;
	width: 65px;
}


/* contact form */
#Form_Form fieldset {
	border: 0px;
	margin-bottom: 20px;
}
.middleColumn {
	float: right;
	width: 220px;
}
#EditableTextField1, #EditableTextField2, #EditableEmailField3, #EditableTextField4 {
	clear: both;
	width: 300px;
	font-family: Verdana, sans serif;
    font-size: medium;
    font-size: 11px; 
    color: #666666;
}
fieldset #Form_Form_EditableTextField1, #Form_Form_EditableTextField2, #Form_Form_EditableEmailField3, #Form_Form_EditableTextField4 {
	border: 1px solid #cccccc;
	background-color: #ffffff;
	width: 299px;
}
.Actions #Form_Form_action_process {
	color: #cccccc;
	border: 0;
	background-color: #333333;
	font-size: 10px; 
	margin: -17px 0 0 0;
	width: 80px;
}
.message, #Form_SubscribeForm_error {
	font-family: Verdana, sans serif;
	font-size: 11px; 
	color: #0066CC;
	font-style: italic;
}	


/* login form */
#MemberLoginForm_LoginForm {
	border: 0px;
}
#MemberLoginForm_LoginForm fieldset {
	border-width: 0px;
}
#Password label {
	font-family: Verdana, sans serif;
    font-size: medium;
    font-size: 11px; 
    color: #666666;
    margin: 20px 0 2px -25px;
    width: 20px;
}
#Password input {
	float: right;
	background-color: #ededed;
	border: 1px solid #cccccc;
	margin-top: 2px;
    width: 200px;
    height: 15px;
}
#Remember label {
	font-family: Verdana, sans serif;
    font-size: medium;
    font-size: 11px; 
    color: #666666;
    margin: -18px 0 0 0;
    width: 150px;
}
#Remember input {
	background-color: #ededed;
	border: 1px solid #cccccc;
	margin: 20px 0 0 65px;
    width: 15px;
    height: 15px;
}
.Actions #MemberLoginForm_LoginForm_action_dologin {
	float: right;
	color: #cccccc;
	border: 0;
	background-color: #333333;
	margin: 0;
	padding: 1px 3px;
	width: 50px;
}
.Actions #MemberLoginForm_LoginForm_action_forgotPassword {
	float: right;
	color: #cccccc;
	border: 0;
	background-color: #333333;
	margin: 0 2px 0 0;
	padding: 1px 3px;
	width: 150px;
}



/* lost password form */
#MemberLoginForm_LostPasswordForm fieldset {
	border-width: 0px;
}
.Actions #MemberLoginForm_LostPasswordForm_action_forgotPassword {
	float: right;
	color: #cccccc;
	border: 0;
	background-color: #333333;
	padding: 1px 2px;
	width: 195px;
}