body, td, tr, img, form, textarea, li, ul, p, h1, h2 {font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:17px; color:#FFF; margin:0; padding:0; border:0}

p {margin:0px 0px 20px 0px}
a, a:hover, a:visited, a:active {color:#FFF; text-decoration:none}

body {background-color:#000; background-image:url(images/bg.png); background-position:top; background-repeat:repeat-x; text-align:center}

#header {background-image:url(images/header-bg.png); background-repeat:no-repeat; height:142px; background-position:top center}
.logo {float:left; margin-top:42px}

.wrap {width:980px; margin:0 auto; clear:both; text-align:left}
#nav {float:left; width:980px; height:58px}
#nav li {list-style:none; display:block; float:left; padding:0px 31px 0px 32px}
#nav li.first {padding-left:0px}
#nav li.last {padding-right:0px}

#page {background-image:url(images/main-bg-standard.jpg); background-position:center; height:615px; clear:both}

#styled_popup {background-image:url(images/main-bg-standard.jpg); background-position:center; height:615px; display:none; zoom:1; position:absolute; top:200px; z-index:9999; width:100%}

#folio1, #folio2, #folio2a, #folio3, #folio4, #folio5, #folio6, #folio7, #folio8, #folio8a, #folio9, #folio10, #folio11, #folio12, #folio13, #folio14, #folio15, #folio16, #folio17, #folio18, #folio19, #folio20, #folio21, #folio22, #folio23, #folio24, #folio25 {display:none}

.foliotext {clear:right; float:right; width:252px; padding-top:152px}
.foliotext a {color:#fa1; text-decoration:none}
.foliotext a:hover {color:#fff; text-decoration:none}

.portfoliomainimage {width:980px; height:543px; background-repeat:no-repeat; margin:0 auto}

#footer {height:44px; clear:both; font-size:9px; line-height:44px}
.closebutton {float:right; width:300px; text-align:right; padding:15px 15px 0px 0px}
.foliolink {float:left; width:980px; height:516px}

.copyright {float:left; color:#999}
.footer-socialmedia {float:left; padding-left:185px}
.footer-socialmedia img {margin:11px 5px 0px 0px}
.footer-links {float:right; color:#fa1}
.footer-links a, .footer-links a:visited, .footer-links a:active {color:#FFF; text-decoration:none; padding:0 6px}
.footer-links a:hover {color:#FA1; text-decoration:none}

.home-column {float:left; width:315px}
.home-column p {margin-bottom:13px}
.home-column-last {float:right; width:315px}
.home-column-inner {float:left; padding:20px 18px}
.home-column-spacer {float:left; width:17px; height:10px}

.home-column-inner p {width:279px}

.home-column li, .pageleft li {list-style:none; clear:left; display:block; padding:0px 0px 0px 10px; background-image:url(images/bullet.png); background-position:left center; background-repeat:no-repeat}

.home-column ul.col li {list-style:none; width:120px; float:left; display:block; padding:0px 0px 0px 10px; background-image:url(images/bullet.png); background-position:left center; background-repeat:no-repeat; clear:none}

.home-column p.link {clear:both; padding-top:52px; text-align:right}

.pageleft {float:left; padding:80px 0px 0px 80px; width:450px}
.portfoliopageleft {float:left; padding:20px 0px 0px 30px}
.pageleft a, .pageleft a:visited, .pageleft a:active {color:#fff; text-decoration:none}
.pageleft a:hover {color:#fa1; text-decoration:none}

a.orange, a.orange:active, a.orange:visited {color:#fa1; text-decoration:none}
a.orange:hover {color:#fff; text-decoration:none}

.pageleft .title {margin-left:-22px; margin-bottom:30px}
.pageleft ul {margin-bottom:20px}
.subtitle {text-transform:uppercase; color:#fa1; margin-top:35px}
.subtitle3 {text-transform:uppercase; color:#fa1}
.subtitle4 {text-transform:uppercase; color:#fa1; margin:0}
.subtitle2 {margin:35px 0px 5px 0px}
.subtitle5 {margin:35px 0px 5px 0px; line-height:25px}

.pageright {float:right; padding:60px 20px 0px 0px; width:350px}
.portfoliopageright {float:right; padding:100px 20px 0px 0px; width:350px}
.portfoliolink a {color:#fa1; text-decoration:none}
.portfoliolink a:hover {color:#fff; text-decoration:none}
.portfoliolink {color:#777}
.smicons img {margin-right:8px}

.sitemap-col {float:left; padding:142px 50px 0px 30px}
.links-col {float:left; padding:65px 20px 0px 30px}
.links-col a, .links-col a:active, .links-col a:visited {color:#fa1}
.links-col a:hover {color:#fff}
.sitemap-col a, .sitemap-col a:visited, .sitemap-col a:active {color:#777}
.sitemap-col a:hover {color:#fa1}
.grey {color:#777}
.orangetext {color:#fa1}

.contact-col {float:left; padding:206px 20px 0px 10px}
.contact-col input, .contact-col textarea {background-color:#777; border:1px solid #666; width:180px; color:#FFF}
.contact-col textarea {height:174px; width:436px; font-size:12px}
.contact-col td {padding:2px 6px 30px 0px}
.contact-col .labels {text-align:right; vertical-align:top}
input.submitbutton {width:37px; background:none; border:0}
/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width:22px;
background-image:url(images/scroller-bg.png); background-position:center; background-repeat:repeat-y;
}
.vscrollerbar {
background-image: url(images/scroller.png);
background-position:center;
background-repeat:no-repeat;
cursor:pointer;
width: 22px;
/* following is the bit that allows us fixed height scrollbars */
height: 32px !important;
/* for fixed height, we force the vscrollerbar class with an !important decleration, and fleXcroll follows suit.*/

}

* html .vscrollerbar {
/* IE6 alpha png trick */
/* IE7 is not affected by this trick, as it perfectly handles the normal png */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='scrollbar.png');
background-image: none;
}


/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
.hscrollerbase {height: 22px;}
.hscrollerbar {height: 22px;}

.vscrollerbar, .hscrollerbar {
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
padding: 0px;
z-index: 2;
}

/* properties for scroller jog box, just in case */
.scrollerjogbox {
width: 22px;
height: 22px;
top: auto; left: auto;
bottom: 0px; right: 0px;
}


/* Scroll Bar Master Styling Ends Here */

#mycustomscroll {
/* Typical fixed height and fixed width example */
	width: 410px;
	height: 491px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	/*background-color: #E7EADE;*/
}

#mycustomscroll p {margin:0px 0px 13px 0px; line-height:13px}