/* ----------------------------------------
Global
------------------------------------------*/

body{
font:12px/18px "Lucida Grande", Times, serif;
background:url("/themes/site_themes/temp2009/bg.jpg") repeat-x;
background-color:#111;
text-align:center;
padding:0;
margin:0;
color:#FFF
}

a:link{color:#CCC;text-decoration:underline;}
a:visited{color:#CCC;text-decoration:underline;}
a:hover{color:#FFF;text-decoration:underline;}
a:active{color:#FFF;text-decoration:underline;}

p{margin-bottom:10px}

h1{font-size:17px;font-weight:400}
h2{font-size:18px;font-weight:400;color:#FF6600;padding:0;margin-bottom:15px;}

/* ----------------------------------------
Header
------------------------------------------*/

#logo{
display:block;
width:220px;
height:47px;
top:20px;
text-indent:-5600px;
background:url("/themes/site_themes/2008/images/site_components/sjcallanDesigns_logo.png") no-repeat;
margin-bottom:10px;
}

#navbar {float:right;list-style:none;}
#navbar li{display:inline;margin-left:10px;}

/* ----------------------------------------
Content
------------------------------------------*/
	
#main{
width:900px;
margin:20px auto 0 auto;
text-align:left
}
	
#content{
border:1px solid #333;
margin-top:20px;
padding:15px
}

#content h3{font-size:15px;font-weight:400;color:#FF6600;padding:0;margin-bottom:15px;}
#content ul{margin-left:65px;}
	
.project{clear:both;margin-bottom:40px}
.project div{
float:right;
width:300px;
padding:0 10px
}
	
a:link.hover_link img,a:visited.hover_link img{border:5px solid #CCC}
a:hover.hover_link  img,a:active.hover_link  img{border:5px solid #FF6600}

/* ----------------------------------------
Footer
------------------------------------------*/

#links {list-style:none;}
#links li{float:right;margin-left:10px;}

#links_ee{
display:block;
width:29px;
height:20px;
text-indent:-5600px;
background:url("/themes/site_themes/temp2009/ee_logo.jpg") no-repeat;
}

#links_mt{
display:block;
width:40px;
height:20px;
text-indent:-5600px;
background:url("/themes/site_themes/temp2009/mt_logo.jpg") no-repeat;
}

#footer{margin-top:15px}

/* ----------------------------------------
Contact Page Elements
------------------------------------------*/
		
#contact_header{
background:url("/themes/site_themes/2008/images/site_components/headers/contact.png") no-repeat;
text-indent:-5500px;
clear:both;
}
		
#contact_form{margin-top:20px;}
		
#contact_form label{
float:left;
width:200px;
margin-right: 10px;
}
		
#contact_form input{width: 300px;padding: 5px;}
#contact_form textarea{width: 300px;height: 100px;}
#contact_form select{width: 300px;}
		
#contact_form .submitbtn {
width: auto;
padding: 4px 12px;
font: bold 12px Arial, Helvetica, sans-serif;
color: #CCCCCC;
background: #333333;
border:1px solid #666;
margin-left:208px;
}