/* CSS Document */

/*----Layout----*/
.clearit{clear:both}
#wrapper {width: 960px; margin: 0 auto 0 auto; text-align: left}
#layout-header {
	height:100px; 
	background:#BFD62F url(images/logo.gif) no-repeat 10px 50%; 
	padding-left: 20px;
	}
#layout-home-top {
	height:355px; 
	background:url(images/screens.jpg) 0% 50% no-repeat; 
	padding: 45px 40px 0 520px;
	clear:both
	}
#layout-nav {background: #1A1919 url(images/nav-bar.gif) repeat-x; clear:both;}
#layout-main {padding: 40px;}
#layout-home-box {margin-bottom: 20px;}
#layout-home-box .box01, #layout-home-box .box02 {float: left; width: 300px; padding-right:30px;}
#layout-home-box .box03 {float: left; width: 300px;}
#layout-footer {background: #1A1919; padding: 10px 0 10px 20px; }
#layout-contact-info  {
	float:right; 
	padding-top: 20px; 
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	 border-top:3px solid #D62F62; }
#layout-contact-form  {float:left;  width: 500px; padding: 20px 0 40px; border-top:3px solid #2F56D6;}

/*----Navigation----*/
#nav {width: 960px; margin: 0 auto 0 auto;}
#nav ul {font-size: 14px; font-weight:bold; padding: 17px 0 17px 20px; margin: 0; }
#nav li {list-style: none; color: #FFF; display: inline; margin: 0 40px 0 0; padding: 17px 0 17px 0;  }
#nav a:link, #nav a:visited {color:#FFF; text-decoration:none;}
.active {background: transparent url(images/active.gif) 50% 100% no-repeat; }
#footer ul {margin:0;padding:0;}
#footer li {
	color: #666;
	display:inline;
	font-size:11px;
	list-style-type:none;
	margin:0;
	padding:0 10px 0 0;
}
#footer li a:link, #footer li a:visited {color:#666;text-decoration:none;}
#footer li a:hover {color:#666;text-decoration:underline;}


/*----Elements----*/
#contact {background:#B2C72C url(images/contact-bk.gif) no-repeat left; height:25px; float: right; font-size: 85%; color: #FFF; padding: 4px 10px 0 0; padding-left:50px;}
#contact em {font-style:normal; padding: 0 4px 0 4px; color: #BFD62F}
#contact a:link, #contact a:visited {color: #FFF; text-decoration:none;}

#home-top h1 {
	font: normal 48px/1em Georgia, "Times New Roman", Times, serif; 
	text-align:center; 
	margin-bottom: .5em;
	}
#home-top h2 {font: normal 120%/1.6 em Georgia, "Times New Roman", Times, serif;}

/*Homepage boxes*/
.box01 h2, .box02 h2 , .box03 h2  {border-bottom: 3px solid #BFD62F; padding-bottom: 6px;}
.box02 h2 {border-color: #2F56D6;}
.box03 h2 {border-color: #D62F62;}
.box02 ul {padding-left: 30px;}
.box02 li {line-height:2em;}
.box03 p{padding: 0 30px 0 35px}
.credit {font-size:11px; color:#666; text-align:right;}
.quote-left  {background:url(images/left-quote.jpg) top left no-repeat;}
.quote-right {background:url(images/right-quote.jpg) bottom right no-repeat;}

.main-content h1{color: #000;}
.main-content h2{color: #000; margin-bottom:.5em;}
.main-content p{}
.main-content ul{margin:0 40px 1.5em 40px;}
.main-content li{margin-bottom:1.5em; line-height:1.5em;}
.image-right {padding: 0 20px 0 20px; float:right;}


*Forms*/
form {margin: 20px ;padding: 20px; }
form br {padding-bottom:10px;}
label {
	font-weight: normal;
	float: left;
	text-align: right;
	margin: 2px 6px 0 0;
	width: 200px;
	}
input.text_field, textarea.text_field {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border:1px solid #ccc;
font-size:18px;
margin:0 0 20px 0;
padding:8px;
width:250px;
font-family:Arial, Helvetica, sans-serif;
}
#layout-send-button {margin-left: 206px;}

input.send-button {
	color: #FFF;
	background-color:transparent;
	border:0 none;
	font-size: 18px;
	width: 239px;
	padding: 16px;
	background-image:url(images/button.jpg);}
input.submit:hover, button:hover, input[type="submit"]:hover, input[type="file"] > input[type="button"]:hover {

background-image:url(images/button-hover.jpg);
}

input.submit {
/*border:1px solid #CCCCCC;*/

cursor:pointer;
padding: 0;
}


.ipt_error {color: #C52828; font-size:77%; font-weight: bold; line-height: 2em;}
#message {padding-top: 10px;}

img.gallery-th {vertical-align:text-top; border: 1px solid #CCC; margin: 0 15px 15px 0;}
.linkedin-icon {padding-bottom:20px;}

.map  {border: 10px solid #CCC;}