/* BEGIN RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* END RESET */





/* BEGIN MAIN STYLING */

html {
background: #ffffff url(../images/bg.png) repeat-x;
font-family: arial;
}

body {
background: url(../images/top_bg.jpg) no-repeat;
background-position: top;
}

#wrapper {
width: 960px;
margin: auto;
}

#content {
background: url(../images/content_bg.png) repeat-y;
padding-top: 20px;
}

a {
color: #31587a;
text-deocration: none;
}

span {
color: #31587a;
}

h2 {
font-size: 18px;
font-family: optima;
color: #020258;
padding-left: 30px;
margin-left: 80px;
margin-bottom: 18px;
}

td {
padding: 10px 10px 10px 2px;
border-top:1px solid #e8e7e7;
}

tr {
line-height: 20px;
}

/* END MAIN STYLING */





/* BEGIN CLASSES */

.italic {
font-style: italic;
color: #31587a;
}

.underline {
text-decoration: underline;
color: #31587a;
}

.divider {
background: url(../images/content_bg.png);
}

.divider img {
margin-left: 78px;
}

.cards {
background: url(../images/cards.png) no-repeat;
}

.bank {
background: url(../images/bank.png) no-repeat;
}

.trade {
background: url(../images/hammer.png) no-repeat;
}

.phone {
background: url(../images/phone.png) no-repeat;
}

.mail {
background: url(../images/mail.png) no-repeat;
}

.proref {
background: url(../images/proref.png) no-repeat;	
}

.building {
background: url(../images/building.png) no-repeat;
}

.profileimg {
float: right;
margin-left: 12px;
margin-bottom: 12px;
}

.blu {
background: #eff2fb;
}

.noborder {
border: none;
}

/* END CLASSES */




/* BEGIN HEADER AND NAVIGATION */

#header {
	padding-bottom: 22px;
	overflow: hidden;
	background: url(../images/content_bg.png) repeat-y;
}

#header h1 {
	height: 70px;
	background: url(../images/logo.jpg) no-repeat;
	text-indent: -5000px;
	margin-top: 32px;
	margin-left: 75px;
	width: 300px;
}

#header ul {
	float: right;
	list-style: none;
	width: 500px;
	text-transform: uppercase;
	font-size: 12px;
	color: #021145;
	padding-right: 45px;
	height: 100px;
}

#header ul li {
	float: left;
	width: auto;
	height: 100px;
}

#header ul li a {
	border-right: solid #EFEFEF 1px;
	height: 16px;
	width: auto;
	float: left;
	padding: 85px 10px 0 10px;
	text-decoration: none;
	color: #021145;
}

#header ul li a.last {
	border: 0;
}

#header ul li a.lastactive {
	border: 0;
	background: url(../images/hover.gif) repeat-x;
}

#header ul li a:hover, #header ul li a.current {
	background: url(../images/hover.gif) repeat-x;
}

/* END HEADER AND NAVIGATION */




/* BEGIN REFERENCES */

#refcol1 {
float: left;
margin-bottom: 15px;
padding-right: 40px;
}

#refcol2 {
float: left;
width: 400px;
margin-left: 20px;
}

#content #refcol2 p {
width: 320px;
margin-bottom: 100px;
padding-bottom: 100px;
border-bottom: 1px solid #efefef;
padding-left: 20px;
}

#content #refcol2 p.noborder {
	border: none;
}

#refcol2 h2 {
font-size: 18px;
font-family: optima;
color: #020258;
padding-left: 30px;
margin-left: 20px;
margin-bottom: 18px;
}

#refcol1 h2 {
font-size: 18px;
font-family: optima;
color: #020258;
padding-left: 30px;
margin-left: 80px;
margin-bottom: 18px;
}

table#references {
width: 400px;
color: #808080;
font-size: 13px;
margin-left: 80px;
}

/* END REFERENCES */




/* BEGIN PROJECTS */

#procol1 {
width: 580px;
float: left;
}

#procol1 .blu {
background: #eff2fb;
}

table#projects {
width: 550px;
color: #808080;
font-size: 13px;
margin-left: 80px;
}

#projects td {
padding: 10px 10px 10px 2px;
border-top:1px solid #e8e7e7;
}

#projects td.noborder {
border: none;
}

#projects td.space {
padding-left: 50px;
}

#projects td.noborderspace {
border: none;
padding-left: 60px;
}

#procol2 {
width: 200px;
float: left;
margin-left: 90px;
}

#procol2 img {
margin-top: 40px;
margin-bottom: 0px;
}

/* END PROJECTS */





/* BEGIN GALLERY */

#gallery {
background: url(../images/content_bg.png) repeat-y;
padding-left: 76px;
padding-top: 20px;
padding-bottom: 20px;
}

/* END GALLERY */





/* BEGIN CONTACT */

#concol1 {
float: left;
width: 300px;
margin-left: 80px;

}

#concol1 h2 {
margin-left: 0;
}

table#contactinfo {
width: 265px;
font-size: 13px;
color:#808080;
}

#concol2 {
border-left: 1px solid #efefef;
float: left;
width: 360px;
height: 350px;
margin-left: 60px;
padding-left: 40px;
margin-bottom: 10px;
}

#concol2 h2 {
margin-left: 50px;
}

#content .successmsg {
width: 230px;
padding-left: 5px;
margin-left: 50px;
margin-bottom: 0;
}

#content p {
font-size: 13px;
line-height: 18px;
color: #808080;
width: 800px;
padding-left: 80px;
margin-bottom: 20px;
}

form {
margin-left: 50px;
}

form#contact label {
	display:block;
	padding:8px 0 2px;
        font-size: 12px;
        color: #808080;
}

form#contact input, form#contact textarea {
	border:1px solid #E5E5E5;
	padding:5px;
	font-size:12px;
	font-family:Arial;
	color:#020258;
	width:300px;
}

form#contact textarea {
	width:300px;
}

form#contact input.submit {
	border:none;
	width:312px;
	height:30px;
	text-align:center;
	padding-top:4px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:15px;
	background:url(../images/button.jpg) 0 0 no-repeat;
}

form#contact input.submit:hover {
background: url(../images/buttonhover.jpg) 0 0 no-repeat;
cursor: pointer;
}

.successmsg{
	background:#FEF4F1;
	border:1px solid #F7A68A;
	color:#DA4310;
	padding:2px;
}

.successmsg {
	background:#F5FAF1;
	border:1px solid #C2E1AA;
	color:#8FA943;
}

/* END CONTACT */




/* BEGIN FOOTER*/

#footer {
background: url(../images/footer_bg.png) no-repeat;
height: 100px;
margin-bottom: 50px;
font-size: 11px;
color: #808080;
padding-left: 80px;
padding-top: 10px;
}

footer p {
padding-top: 10px;
}

/* END FOOTER*/