/* 
	Project:  Studgate Inc. new website 
	Inspired by: a template by luka cvrk
	Author:   Ralph Francois, (studgate.com)
*/

*{ margin: 0; padding: 0; }* 
body { font: .8em Tahoma, "Trebuchet MS", Tahoma, sans-serif; line-height: 1.6em; background: #fff; color: #8E8E91; }
a {
	color: #0099CC;
	background: inherit;
	text-decoration: none;
}
a:hover { color: #808080; background: inherit; text-decoration: underline; }
p { margin: 0 0 15px 0; }
h1 { font: normal 2.8em Georgia, "Times New Roman", Arial; color: #444; }
h2 { font: normal 1.7em Georgia, "Times New Roman", Arial; margin: 0 0 10px; padding: 0 0 3px; color: #333; border-bottom: 1px solid #eee; }
img { border: 0; }
.hr { margin: 10px 0; height: 10px; clear: both;}
#content { width: 930px; margin: 25px auto; }
#logo { margin: 10px 0 20px 0; width: 340px; float: left; }
#logo p { margin: 0; }
.name{
	font-style:italic;
}
#menu { float: right; padding: 40px 0 0; margin: 0 0 38px; }
#menu li { font-size: 1.1em; display: inline; }
#menu li a { float: left; width: 87px; padding: 2px 0 7px; background: #fff url(../images/button_grey.gif) no-repeat; text-align: center; margin: 0 0 0 10px; color: #636365;  }
#menu li a.current { background: #fff url(../images/button.gif) no-repeat; color: #fff; }
#menu li a:hover { text-decoration: none; color: #000; background: #fff url(../images/button.gif) no-repeat; }
.clear { clear: both; }
.caption { background: #fff url(../images/arrow_open.gif) no-repeat; padding: 2px 0 0 18px; height: 35px; color: #fff;  }
.caption p {
	margin: 3px 2px 3px 8px;
}
#left {
	margin: 4px 0 10px 0;
	clear: left;
	width: 270px;
	float: right;
}
/* top contact */
.header {
	background: #eee;
	border-top: 1px solid #AA8;
	color: #444;
	padding: 14px 20px;
}
.header .left,.header .right {
	width: 45%;
}
#portfolio{
	float: left;
	width: 870px;
	margin: 10px;
}
.box { background: #eee; }
#left img {
	padding: 4px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #fff;
}
.smallthumb { width: 109px; }
.mainImage { float: left; max-width: 380px; max-height:320px; border: 1px solid #aaa; margin: 0px 40px 0px 0;}
#center { width: 240px; float: left; margin: 0 0 20px 15px; }
#right {
	float: left;
	width: 640px;
	margin-left: 10px;
}
.date { font-size: .8em; border-top: 1px solid #eee; padding: 5px 0 0; }
.box {
	background: #eee;
	padding: 10px;
	margin-bottom: 15px;
}
.box li { list-style: none; border-bottom: 1px dotted #ccc; line-height: 26px; }
.box li a { padding: 0 5px; }
#footer { font-size: .84em; clear: both; padding: 15px; background: #eee; }
#footer a { color: #444; }
#footer_text {
	text-align: center;
	font-family: verdana, "Microsoft Sans Serif", Times, serif;
	font-size: 8pt;
	margin-top: 10px;
	color: #8E8E91;
	line-height: 12pt;
}
#footer_text a {
	text-decoration: none;
	color: #3796c6;
}
#footer_text a:hover {
	color: #3796c6;
	text-decoration: underline;
}
#contact {
	width: 920px;
	padding: 0 0 10px 0;
	background-color: #FFFFFF;
}
#log {font-size: 12px}
#log p.error {margin: 0 0 10px 0; color: #ff0000}
#log p.success {margin: 0 0 10px 0; color: #518c15}
#log_res.ajax-loading {padding: 10px 0; background: transparent url(../images/spinner.gif) no-repeat center}
#form {margin: 0 0 30px 55px; float: left}
fieldset {border: none}
label {margin: 0 0 1px 0; font-size: 12px; color: #bf9999; display: block}
#name, #email, #message {width: 250px; margin: 0 0 10px 0; padding: 2px; border: 1px solid #cccccc; display: block}
#message {height: 75px; margin: 0 0 20px 0}
#name:focus, #email:focus, #message:focus {background: #ffffda}
#profile {
	width: 500px;
	margin: 0 0 30px 55px;
	float: left
}
#profile p {margin: 10px 5px 0 0; font-size: 12px; color: #999999; line-height: 16px}
#close a {
	width: 920px;
	margin: 0 0 0 1px;
	padding: 5px 0;
	background: #DCDAC9;
	clear: both;
	text-align: center;
	display: block;
	cursor: pointer
}
#close a {font-size: 12px; color: #bf9999}
#close a:hover {
	background: #DCDAC9;
	color: #b34747
}
div#featured {
	height: 180px;
	background-color:#000000;
}
div#featured img { margin: 15px 0 0 47px;}

/* bottom */
.bottom {
	background: #DCDAC9 url(img/bottom.gif) no-repeat left bottom;
	border-top: 1px solid #AA8;
	color: #444;
	padding: 14px 20px;
}
.bottom .left,.bottom .right {
	width: 45%;
}
/* gallery */
.gallery td {
	vertical-align: top;
	text-align: center;
}
.gallery em {display: block;}

/* misc */
.clear,.clearer {clear: both;} 
.clearer {font-size: 0;}
.col2 .left {width: 64%;}
.col2 .right .content {background: #FFF;}
.col2 .right {width: 33%;}
.content {padding: 18px 20px;}
.left {float: left;}
.right {float: right;}
.right .content {padding: 18px 12px 12px;}
form,table {margin-bottom: 1.2em;}
/* block list */
ul.block {
	border-top: 1px dashed #BCBAAC;
	margin: 4px 0;
	padding: 0;
	width: 90%;
}
.block li {
	border-bottom: 1px dashed #BCBAAC;
	list-style: none;
}
ul.services{
	margin:1px 15px 5px 25px;
}
.services li{
	list-style:square; 
}
.block li a,.block li em {
	color: #553;
	display: block;
}
.block li em {
	font-size: 0.9em;
	font-style: normal;
}
.block li a {
	padding: 4px 3%;
	text-decoration: none;
	width: 94%;
}
.block li a span {font-weight: bold;}
.block li a:hover {
	background: #D2D0C0;
	color: #553;
}
.block li current {
	background: #eee;
	color: #553;
}
.right .block,.right .block li {border-color: #DCDACC;}
.right .block li a:hover {background: #F2F0EA;}
.pad_right {
	margin-right: 6%;
}
.third {
	float: left;
	width: 45%;
	margin-bottom: 10px;
}
.blue { color: #3796c6;}
.left_img { float: left; margin-top: 5px; margin-right: 10px;}
a.button {
    background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}
/*------------------------------------------------Breadcrumbs--------------------*/
.breadcrumb {
color: #D76E08;
background-color: #DDDDCA;
width: 550px;
margin-left:20px;
margin-top: 12px;
margin-bottom: 12px;
padding: 4px 6px;
border: solid 1px #1e5aaa;
font-size: 12px;
}
/*------------------------------------------------Breadcrumbs--------------------*/