/* ----UNIVERSAL STUFF---- */
*{font-family:Arial, Helvetica, sans-serif;}
html {background:#bbb url(images/tile.jpg) repeat; margin:0; padding:0;}
body {background:url(images/header_fade.jpg) repeat-x; margin:0; padding:0;}
#container {width:1054px; margin:0 auto; padding:0;}
h1 {color:#fff;}
h2 {color:#294359; font-size:30px; font-weight:normal; margin:0 0 15px;}
h3 {color:#294359; margin:10px 0 5px;}
a {color:#294359; text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:none;}
p, li, a {font-size:14px;}
p, li {color:#555;}
.clear {clear:both;}
.white {color:#fff; font-weight:bold;}

/* ----HEADER STUFF---- */
#header {position:relative; width:960px; margin:0 auto; background:url(images/logo_back.jpg) no-repeat; height:180px;}
#logo {position:relative;}

/* ----NAVIGATION STUFF---- */
#navigation {width:100%;text-align:right; margin:0; padding:0; position:absolute; bottom:5px;}
#navigation ul {margin:10px 0 0; padding:0;}
#navigation ul li {list-style:none; display:inline; margin:0 0 0 10px; line-height:30px;}
#navigation ul li a {border:1px solid #ccc; border-bottom:0; text-decoration:none; font-size:12px; font-weight:bold; color:#fff; padding:8px 20px; background:url(images/button_back.jpg) repeat-x center; letter-spacing:1px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#navigation ul li a:hover, #navigation ul li #currentpage {border:1px solid #355065; border-bottom:0; text-decoration:none; background:#355065 url(images/active_back.jpg) repeat-x center;}

/* ---- PAGE CONTENT STUFF---- */
#page {background:url(images/content_back.jpg) repeat-y;}
#pageContent {width:960px; margin:0 auto; line-height:1.4em; background:url(images/page_back.jpg) bottom right no-repeat;}
#primaryContent {width:598px; float:left; padding:0 0 80px 40px ;}

/* ---- PAGE TITLE STUFF---- */
#pageTitle {background:url(images/pagetitle_back.jpg) no-repeat; height:134px; width:1053px; overflow: hidden;}
#pageTitle h2 {margin:40px 70px;}
#aboutTitle {width: 141px; height: 31px; background: url(images/about_title-trans.png);	text-indent: -9999px;}
#portfolioTitle {width: 123px; height: 31px; background: url(images/portfolio_title-trans.png);	text-indent: -9999px;}
#contactTitle {width: 163px; height: 31px; background: url(images/contact_title-trans.png);	text-indent: -9999px;}

/* ----HOME PAGE GALLERY STUFF---- */
#gallery {position:relative; background:url(images/slideshow_back.jpg) no-repeat; height:259px; width:1053px; overflow: hidden;}
#slider {position:relative; width:960px; height:222px; overflow:hidden; left:45px;}
#slider ul, #slider li{margin:0;padding:0;list-style:none;}
#slider li{width:880px;height:142px;overflow:hidden; color:#c1c3c4; padding:40px; line-height:1.5em;}
#slider li a {color:#fff;}
span#prevBtn a {position:absolute; background:url(images/left_button-trans.png) no-repeat 0 0; left:17px; top:55px; height:109px; width:28px; overflow:hidden;}
span#prevBtn a:hover {background:url(images/left_button_hover-trans.png) no-repeat 0 0;}
span#nextBtn a { position:absolute; background:url(images/right_button-trans.png) no-repeat 0 0; left:1008px;  top:55px; height:109px; width:28px; overflow:hidden;}	
span#nextBtn a:hover {background:url(images/right_button_hover-trans.png) no-repeat 0 0;}

/* ----PORTFOLIO STUFF---- */
#portfolio {margin-top:-40px;}
#portfolio ul {margin:0; padding:0;}
#portfolio ul li {list-style:none; padding:40px; background:url(images/page_back.jpg) bottom right no-repeat; border-bottom:1px solid #ddd;}
#portfolio ul li:last-child {border-bottom:0px;}
.portfolioImage {margin:0; padding:0; width:501px; float:right;}	
.itooltip{position:absolute; display:none;background: #000; opacity: 0.7;padding: 7px;font-size: 20px; letter-spacing: 0px; color: #fff;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;}

/* ----FORM STUFF---- */
input, textarea {background:#DEDEDE url(images/form_back.jpg) repeat-x top; border:1px solid #aaa; margin-bottom:30px; padding:10px;}
input.input {width:300px}
textarea {width:500px; height:150px;}
#submit {cursor:pointer; border:1px solid #355065; border-bottom:0; text-decoration:none; background:#355065 url(images/active_back.jpg) repeat-x center; font-size:12px; font-weight:bold; color:#fff; padding:8px 20px; letter-spacing:1px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

/* ----SIDEBAR STUFF---- */
#sidebar {width:200px;  padding:0 40px 40px; margin:0 0 0 675px; background:url(images/sidebar_glow-trans.png) no-repeat;}
#sidebar ul {margin:0 0 0 25px; padding:0;}
#sidebar ul li {list-style-image: url(images/bullet-trans.png); padding-left: 5px;}

/* ----FOOTER STUFF---- */
#footer {height:99px; width:100%; margin:0 auto; background:url(images/footer_back.jpg) no-repeat; clear:both;}
#footerContent {width:960px; margin:0 auto; padding:10px 0;}
#footerContent p, #footerContent a {font-size:12px;}