/** GLOBAL 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, tt, var,
dl, dt, dd, fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100.01%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 0; color: black; background: white; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; vertical-align: top; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/** GLOBAL STYLES **/

body {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.4em;
	color: #383838;
	background-color: #202020;
	text-align: center; /* Needed for IE5x Bug */
}

h1 { margin: 0 0 40px 0; padding: 20px 0 17px 0; font-size: 22px; font-weight: normal; color: #353535; text-align: left; font-family: helvetica, arial, verdana, sans-serif; letter-spacing: 1px; background: #fff url(../images/global/divide.gif) no-repeat bottom left; }
h2 { margin: 0; padding: 20px 0 17px 0; font-size: 20px; font-weight: normal; color: #353535; text-align: left; font-family: helvetica, arial, verdana, sans-serif; letter-spacing: 1px; }
h3 { margin: 0; padding: 0 0 15px 0; font-size: 18px; font-weight: normal; color: #353535; text-align: left; font-family: helvetica, arial, verdana, sans-serif; }
p { margin: 0; padding: 0 0 17px 0; text-align: justify; }
a { color: #1657c0; text-decoration: underline; }
a:focus { outline:none }
a:hover { color: #c66e05; text-decoration: underline; }
sup { font-size: 8px; font-weight: normal; }
sub { height: 0; line-height: 1; vertical-align: baseline; vertical-align: bottom; position: relative; top: .5ex; }
ol { text-align: left; margin: 0; padding: 0 0 15px 18px; }
ol li { padding: 4px 0; }
ul { text-align: left; margin: 0; padding: 0 0 17px 2px; list-style-type: none; font-size: 14px; line-height: 1.4em; }
ul li { padding: 4px 0 2px 0; background: transparent url(../images/global/bullet.gif) no-repeat center left; padding-left: 21px; }
.clear { clear: both; height: 0px; font-size: 0px; line-height: 0px; }
.small { font-size: 12px; }


/** STYLES **/

#headerLayout { width: 100%; height: 100px; background-color: #000; }
#header { margin: 0 auto; width: 980px; height: 100px; background: transparent url(../images/global/header_bkg.jpg) no-repeat top left; }

#logo { float: left; margin-left: 60px; width: 255px; }

#sliderLayout { width: 100%; height: 529px; background: #fff url(../images/global/sliderLayout_bkg.gif) repeat-x top left; }
#slider { margin: 0 auto; width: 980px; height: 499px; padding-top: 30px; background: transparent url(../images/global/slider_bkg.jpg) no-repeat bottom left; }

#contentLayout { width: 100%; background-color: #fff; margin: 0; padding: 0; }
#content { margin: 0 auto; padding: 0; width: 980px; text-align: left; }
#content2 { margin: 0 auto; padding: 42px 0 30px 0; width: 980px; text-align: left; }

#titleLayout { margin-bottom: 20px; width: 980px; height: 73px; background: transparent url(../images/global/title_bkg.gif) no-repeat top left; }
#title { float: left; width: 500px; padding: 25px 0 0 60px; text-align: left; }

#contact { float: right; width: 200px; padding: 22px 60px 0 0; text-align: right; line-height: 1.8em; }
#contact a { font-size: 13px; color: #828282; text-decoration: none; font-weight: normal; letter-spacing: 1px; }
#contact a:hover { color: #c66e05; text-decoration: underline; }

.colleft { float: left; width: 520px; padding: 25px 0 0 60px; line-height: 1.6em; }
.colright { float: right; width: 280px; padding: 25px 60px 0 0; line-height: 1.6em; }
.colleftHome { float: left; width: 500px; padding: 25px 0 0 60px; line-height: 1.8em; }
.colrightHome { float: right; width: 300px; padding: 25px 60px 0 0; line-height: 1.8em; }
.col { width: 860px; padding: 25px 60px 0 60px; line-height: 1.8em; }

#request { display: block; margin: 20px 0 0 60px; width: 204px; height: 36px; text-indent: -9999px; background: transparent url(../images/global/request_quote.gif) no-repeat; }
#request:hover { background: transparent url(../images/global/request_quote.gif) no-repeat 0 -36px; }

#testimonial { margin-top: 2px; width: 300px; background: transparent url(../images/global/quote.gif) no-repeat 0 4px; }
#testimonial p { padding: 0 0 10px 27px; font-size: 12px; color: #727272; line-height: 1.6em; }
#testimonial .link { font-size: 11px; color: #7579a9; text-decoration: none; }

.testimonial2 { float: left; width: 380px; margin: 0 20px 10px 30px; background: transparent url(../images/global/quote.gif) no-repeat 0 4px; }
.testimonial2 p { padding: 0 0 10px 27px; font-size: 12px; color: #727272; line-height: 1.6em; }
.testimonial2 a.link { font-size: 12px; color: #7579a9; text-decoration: none; padding-left: 20px; background: transparent url(../images/global/testimonial_arrow.gif) no-repeat center left; }
.testimonial2 a.link:hover { color: #c66e05; text-decoration: underline; }

#upto h3 { padding-left: 10px; }
#upto p { margin: 0 0 20px 0; padding: 8px 10px; font-size: 12px; line-height: 1.5em; text-align: justify; background-color: #f8f8ff; border-bottom: 1px solid #dedede; border-top: 1px solid #dedede; }
#upto p.alt { background-color: #fafafa; }

.portfolio .image { float: left; width: 550px; height: 600px; }
.portfolio .blurbLayout { float: left; margin-left: 40px; width: 270px; height: 600px; }
.portfolio .blurb { margin: 0 0 18px 0; padding: 3px 0 4px 15px; width: 270px; border-left: 1px solid #b4b4b4; }
.portfolio h2 { margin: 0; padding: 0 0 5px 0; color: #062c7a; font-size: 16px; font-weight: bold; }
.portfolio p { margin: 0; padding: 0 0 10px 11px; font-size: 13px; line-height: 1.6em; }
.portfolio ul { margin: 0; padding: 0; }
.portfolio li { margin: 0; padding: 2px 0 1px 18px; font-size: 13px; }
.portfolio a.link { display: block; padding: 0 0 1px 30px; line-height: 20px; font-size: 13px; vertical-align: middle; text-decoration: none; background: #fff url(../images/global/arrow.gif) no-repeat 0 0; height: 20px; }
.portfolio a.link:hover { background: #fff url(../images/global/arrow.gif) no-repeat 0 -21px; }

#portfolio2 { margin-top: -30px; }
#portfolio2 ul { float: left; width: 255px; padding: 5px 0 0 30px; }
#portfolio2 li { font-size: 13px; }
#portfolio2 a { color: #383838; text-decoration: none; }
#portfolio2 a:hover { color: #1657c0; text-decoration: underline; }

.image2 { border: 1px solid #c1c1c1; padding: 3px; }

.divide { width: 869px; height: 6px; margin: 55px 0; background: #fff url(../images/global/divide.gif) no-repeat top left; }

.blu { color: #1657c0; }


/** FOOTER **/

#footer { margin: 0 auto; width: 960px; }
#footer ul { margin: 0; padding: 0 0 5px 0; list-style-type: none; }
#footer li { margin: 0; padding: 0 25px 0 0; list-style: none; display: inline; background: none; }
#footer li a { font-size: 11px; color: #ababab; text-decoration: none; }
#footer li a:hover { color: #fff; text-decoration: none; }
#footer p { font-size: 11px; color: #616161; padding-bottom: 70px; }


/** NAV **/

#nav { float: left; margin-left: 70px; width: 540px; height: 100px; }
#nav ul { margin: 33px 0 0 0; padding: 0; list-style-type: none; }
#nav a { display: block; height: 45px; text-indent: -9999px; }
#nav li { margin: 0; padding: 0; list-style: none; float: left; background: none; }

#nav li.home a { background: url(../images/nav/home.gif) no-repeat; width: 137px; }
#nav li.homeSelected a { background: url(../images/nav/home.gif) no-repeat 0 -46px; width: 137px; }
#nav li.home a:hover { background: url(../images/nav/home.gif) no-repeat 0 -46px; }

#nav li.portfolio a { background: url(../images/nav/portfolio.gif) no-repeat; width: 151px; }
#nav li.portfolioSelected a { background: url(../images/nav/portfolio.gif) no-repeat 0 -46px; width: 151px; }
#nav li.portfolio a:hover { background: url(../images/nav/portfolio.gif) no-repeat 0 -46px; }

#nav li.about a { background: url(../images/nav/about.gif) no-repeat; width: 156px; }
#nav li.aboutSelected a { background: url(../images/nav/about.gif) no-repeat 0 -46px; width: 156px; }
#nav li.about a:hover { background: url(../images/nav/about.gif) no-repeat 0 -46px; }

#nav li.contact a { background: url(../images/nav/contact.gif) no-repeat; width: 93px; }
#nav li.contactSelected a { background: url(../images/nav/contact.gif) no-repeat 0 -46px; width: 93px; }
#nav li.contact a:hover { background: url(../images/nav/contact.gif) no-repeat 0 -46px; }