body,html{background-color:#dce1fb; text-align:center;}
div#outerBg{background:url(../images/background1.png) no-repeat left top; width:1232px; margin:0 auto; min-height:1000px}
body.bg1{background:url(../images/background2Repeator.png) repeat-x left top;}
body.bg1 div#outerBg{background:url(../images/background2.png) no-repeat left top;}
body.bg2{background-color:#000000}
body.bg2 div#outerBg{background:url(../images/background3.png) no-repeat left top;}
body.bg3{background-color:#000000}
body.bg3 div#outerBg{background:url(../images/background4.jpg) no-repeat left top; width:1617px}
body.bg3{background:url(../images/background5.jpg) no-repeat center top;}
body.bg3 div#outerBg{width:1000px; background:none}
body.bg4{background:#000 url(../images/background6.jpg) no-repeat center top;}
body.bg4 div#outerBg{width:1000px; background:none}

div#innerBg{background:url(../images/bgMainBody.png) no-repeat left top; width:950px; margin:0 auto; min-height:1000px}
div#wrapper{text-align:left;position:relative;}
div#inWrap{background:url(../images/bgRepeat.png) repeat-y left top;margin-left:157px;position:absolute;top:480px; bottom:333px;width:590px;}
div#header{height:179px}
span.title{position:relative; left:93px; top:12px; width:301px; height:163px; display:block; background:url(../images/bgMainHeading.png) no-repeat left top; text-indent:-20em; letter-spacing:-10em; overflow:hidden}
span.title a{width:100%; height:100%; display:block}
span.subtitle{width:10px;text-indent:-20em; letter-spacing:-10em; overflow:hidden; display:block}
div#footer{clear:both; width:590px; height:333px; background:url(../images/bgFooter.png) no-repeat left bottom; position:relative; z-index:100; margin-left:155px }
div#content{margin-left:185px;margin-right:230px;min-height:683px;position:relative;}
div#content div.left{margin-left:10px}
p.left{width:445px}
div.topRightImage{width:406px; height:543px; position:absolute; right:97px;top:68px;}
.clearB{display:block; clear:both}

/*Small Portfolio Widget*/
div.portfolioWidget{margin-bottom:-18px;margin-top:40px;position:relative;z-index:150;}
div#folioFrame{width:528px; height:253px; overflow:hidden; position:relative; top:0; left:0}
ul#portfolioSmall{display:none; position:relative; overflow:hidden}
ul#portfolioSmall li{float:left; width:200px; height:200px; overflow:hidden; position:relative; margin-left:-150px; border:2px solid black; cursor:pointer}
span.controls{float:right; margin-right:20px}
span.controls a{margin-right:5px}

/*Big Portfolio Widget*/
ul#mainFolioList li{float:left; width:100px; height:100px; overflow:hidden; position:relative}
ul#mainFolioList li a{opacity:0.6; position:absolute; top:0; left:0}

ul#mainFolio{clear:both;float:left;overflow:hidden;width:502px; margin-top:15px; position:relative; height:450px}
ul#mainFolio li{position:absolute; left:0; top:-500px}
ul#mainFolio li img{float:left; border:1px solid #DCE1FB}
ul#mainFolio li a.head{font-size:1.8em; float:left; width:480px; padding-bottom:3px; margin-left:10px; margin-right:10px; margin-top:10px; margin-bottom:5px}
ul#mainFolio li p{line-height:23px; margin-left:10px; margin-right:10px; margin-top:5px}

/*Top Nav*/
ul#topNav{background:url(../images/topNav.png) no-repeat left top; height:43px;position:absolute;right:163px;top:107px;width:381px; padding:7px 0 0 16px}
ul#topNav li{display:inline; font-weight:bold; font-size:16px;}
ul#topNav li a{color:#FFFFFF;font-size:17px;font-weight:normal;padding:0 10px;}
ul#topNav li a:hover{color:#000; text-decoration:none}
ul#topNav li a.active{color:#000}
ul#topNav li a.active:hover{text-decoration:none}

/*Contact Form*/
form#form1{width:500px; float:left; clear:both; margin-top:15px}
form#form1 ul li{width:100%; float:left; margin-bottom:3px}
form#form1 ul li label{float:left; width:150px; font-weight:bold}
form#form1 ul li input.textbox{float:left; width:348px; border:1px solid #DCE1FB}
form#form1 ul li textarea{border:1px solid #4671D5; width:498px; clear:both}
form#form1 ul li input.submit{float:right}