* {
	margin:0;
	padding:0;
	}
html, body {height:100%;}
html { font-size:100.01%;}

body {
	font: 0.875em normal;
	background: url(/images/web-pattern.gif) #000;
        font-family: "Trebuchet MS";
        color: #fff;
	}

/******************BasicTags********************/

	h1.work-name {
            color: #FFF;
            font-size: 1.8em;
            margin-bottom: 20px;
            text-shadow: 2px 2px 0px #000;
            
	}
        h1.item {width: 450px !important}
	h1, h2 {
           color: #FFF;
           margin: 0px 0 10px 0;
           text-shadow: 2px 2px 0px #000;
           font-weight: normal;
	}
        h1.works {
            font-size: 1.6em;
            
        }
        h3 {
            font-size: 1.1em;
            margin-top: 20px;
            color: #7c3297;
            font-weight: normal;
        }
        h3.contact {
            margin: 80px 0 0 0;
            font-size: 1.25em;
            color: #fff;
        }
        h2.roles {
            margin-top: 40px;
        }

		
	a, a:link {
		color:#5D3190;
		text-decoration:none;
		}
                a:hover {
                text-decoration: underline;
                }
                a h1, a:link h1, a:hover h1, a:visited h1 {text-decoration: none;color: #fff;float:left;}
                a:hover h1 {text-decoration: underline}
                a.heading {
                    color: #FFFFFF;
                }
                a.foot {
                    color: #AAAAAA;
                }
                a.detail{
                    width: 107px;
                    height: 22px;
                    display: block;
                    border: none;
                    background: #323232;
                    text-align: center;
                    padding-top: 3px;
                    color: #ab94c5;
                }
                a.next, a.prev {
                    margin: 0 0px 0 5px;
                    width: 80px;
                    float: left;
                }
                
                span.detail {
                    display: block;
                    background: #323232;
                    text-align: center;
                    padding-top: 3px;
                    color: #ab94c5;
                    height: 22px;
                    margin: 0 0px 0 5px;
                    width: 80px;
                    float: left
                }
		
	        p {
		line-height:1.6em;
                color: #ddd;
                margin-bottom: 20px;
		}
                p.author {
                    color: #707070;
                    text-align: right;
                }
		
	.content ul, ol {
		margin:20px 0 20px 30px;
                }
                .content ul li, ol li {
                    margin-top:10px;
                }
                img {
                    border: none;
                }
/*****************SimpleStyles*******************/
	.clearer {
		clear:both;
		}
	.clear:after {
		content: "."; 
	    display: block; 
	    height: 0;
	    clear: both; 
	    visibility: hidden;
	}
	.clear {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .cleare {height: 1%;}
	.clear {display: block;}
	/* End hide from IE-mac */

	.fleft {
                    float: left !important;
                    margin: 0 !important;
                }
        .fright {
                    float: right !important;
                    margin: 0 !important;
                }
/********************Header********************/
	.header {
		height:136px;
		
		}
                .header div {
                    width: 960px;
                    margin: 0 auto;
                    background-image: url(/images/light.png);
                    height: 136px;
                    position: relative;
                }
                .header div span {
                    color:#707070;
                    float:right;
                    position:relative;
                    margin-top:55px;
                    font-size: 1em;
                }
                .header div img.logo {
                    position: absolute;
                    width: 277px;
                    height: 97px;
                    top: 16px;
                    left: 0;
                }
               
/********************Nav********************/
        .nav {
            height: 57px;
            background: url(/images/nav-bg.jpg) repeat-x;
            margin-bottom: 45px;
        }
        .nav ul {
            width: 960px;
            margin: 0 auto;
        }
        .nav ul li {
            display: block;
            width: 140px;
            float: left;
            padding-right: 20px;
            line-height: 1.099em;
            background:transparent url(/images/link-border.jpg) no-repeat scroll 0 2px;
            height: 57px;
            position: relative;
        }
        .nav ul li a:hover, .nav ul li a.current {
            background-image: url(/images/nav-bg-over.png)
        }
        .nav ul li a {
            text-transform: uppercase;
            font-size: 1.3em;
            position: absolute;
            width: 149px;
            height: 44px;
            padding: 13px 0 0 11px;
            top: 0;
            left: 0;
            color: #fff;
            font-weight: bold;
            background: none;
        }
        .nav ul li span {
            color: #707070;
            font-size: 0.7em;
            display: block;
            margin:30px 0 0 11px;
        }
        .nav ul li img {
            position: absolute;
            right:0;
            top: 2px;
        }
/********************Container********************/
#carousel-wrapper {
  width: 940px;
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
}
#carousel-content{
  width: 10000px;
  position: relative;
}
#carousel-content .slide {
  width: 940px;
  float: left;
  position: relative;
}

#carousel-controls {
  position: relative;
}

.slide a.detail {
    bottom:5px;
    left:0;
    position:absolute;
}


.container {
    margin-bottom: -375px;
    position: relative;
    min-height: 100%;
}
.container .arrow {
    position: absolute;
    border: none;
    top: 144px;
    width: 44px;
    height: 44px;
}
.container .right-arrow {
    right: -35px;
    z-index: 10;
}
.container .left-arrow {
    left: -35px;
    z-index: 10;
}

.content {
    width: 940px;
    margin: 0 auto;
    padding: 0 10px;
}

.content div.top {
    margin-bottom: 20px;
    width: 620px
}

.content div.top span.work-name{
    width: 450px;
}

.content div.top .next_prev {
    float: right;
    width: 170px;
    margin-top: 7px;
}

p.task, p em {
    padding: 10px;
    background-color: #202020;
}

p em {
    font-style: italic;
}

.content .left {
    width: 300px;
    float: left;
    margin-right:15px;
}

.content .left table tr td {
    color: #A9A9A9;
}
.content .left table tr td.even {
    color: #616161;
    
}
.content p.category {
    color: #616161;
    margin: 10px 0 0 0;
}
.content span.violet {
    color: #5D3190;
}

.content .right {
    width: 625px;
    float: left;
    position:relative;
    padding-bottom: 5px;
}
.content .right .tags {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}
.content .right a.featured, .content .right span.featured {
    display: block;
    position: absolute;
    width: 625px;
    height: 370px;
    z-index: 5;
    background-image: url("/images/frame.png");
}

.content .right a.featured img {
    width: 625px;
    height: 370px;
}

.content .right .project {
    height:357px;
    width:620px;
}



.same_items {
    float: left;
    margin-top: 80px;
    padding-top: 20px;
    border-top: 1px solid #303030;
    width: 620px;
}
.recent {
    float: left;
    margin-top: 50px;
    width: 940px;
    position: relative;
}
.same_items .item, .recent .item {
    width: 300px;
    height: 173px;
    float: left;
    margin: 0px 20px 20px 0;
}

    .small-frame {
    width: 305px;
    height: 178px;
    position: absolute;
    display: block;
    background-image: url(/images/small-frame.png)
    }

.same_items .last, .recent .last {
    margin-right:0 !important;
}

.crums {
    width: 100%;
    background-color: #202020;
    position: absolute;
    top: 198px;
    left: 0;
}
.crums span {
    width: 940px;
    margin: 0 auto;
    display: block;
    color: #A9A9A9;
    height: 22px;
    text-transform: lowercase;
}

.portfolio {
    margin-top: 50px;
}
.portfolio ul {
    width: 300px;
    margin: 0 20px 0 0;
    float: left;
}
.portfolio ul.last {
    margin: 0;
}
.portfolio ul li {
    list-style-type: none;
    width: 300px;
    height: 175px;
    margin-bottom: 20px;
}
.portfolio ul li.first {
    height: 25px;
}
.portfolio ul li.more {
    height: 25px;
}
.portfolio ul li a.detail {
    margin: 0;
    float: right;
}
.work {
    margin-bottom: 45px;
}
.work h1{
    float: left;
    margin-right: 30px;
}
.work a.detail{
    float: left;
    height: 25px;
    margin: 0 15px 0 0;
    width: 44px;
}
/******************CONTACT FORM********************/
.content form {
    width: 940px;
    display: block;
    margin-top: 20px;
    
}
.content form .left div {
    position: relative;
    width: 300px;
    height: 88px;
}
.content form .left img {
    height:45px;
    left:0;
    position:absolute;
    top:0;
    width:305px;
    z-index:-10;
}
.content form input{
    border:medium none;
    font-size:26px;
    height:30px;
    margin:5px 0 0 5px;
    width:290px;
}
.content form input.button{
    border:medium none;
    font-size:1em;
    height:30px;
    margin:5px 0 0 5px;
    width: 130px;
    text-align: center;
    color: #ab94c5;
    float: right;
    background-color: #303030;
    cursor: pointer;
}

.pagination, .loading {
    text-align: center
}

.pagination a, .pagination span {
   background: #323232;
   text-align: center;
   padding:5px 20px;
   color: #ab94c5;
}

.pagination span {color: #fff}

.content form .right {
    height: auto;
    position: relative;
}
.content form .right img{
    height:220px;
left:0;
position:absolute;
top:0px;
width:625px;
z-index:-10;
}
.content form textarea{
    border:medium none;
height:206px;
margin:5px 0 0 5px;
width:609px;
}
.content form label {
    color:#303030;
    display:block;
    margin-top:5px;
}
/******************Footer********************/
.glow {
    width: 960px;
    margin: 0 auto;
    background-image: url(/images/light.png);
    height: 70px;
    position: relative;
    top: 26px;
}
.clearfooter {
    height: 375px;
    clear: both;
}
.footer {
    background: url(/images/footer.jpg) #000 repeat-x;
    position: relative;
    height: 375px;
    padding-top: 30px
}
.footer div.column {
    width: 220px;
    float: left;
    margin-right: 20px;
    color:#303030;
}
.footer .last {
    margin-right: 0px !important;
}
.footer .news {
    width: 940px;
    padding: 0 10px;
    margin: 0px auto;
    display: block;
    float: none;
}
.footer h2 {
    padding: 10px 0 0px 0;
}
.footer p {
    color: #aaa;
}
.footer ul {
    display: block;
    width: 220px;
    float: left;
}
.footer ul li{
    list-style-type: none;
    float: left;
    margin-bottom: 10px;
    width: 220px;
}
.footer ul li a.detail{
margin: 0 !important;
float: right;
}
.footer .underline {
    width: 940px;
    height: 1px;
    color: #303030;
    background-color: #303030;
    margin: 0 auto;
    border: none;
}
.footer .footer-last {
    width: 940px;
    margin: 15px auto;
    text-align: right;
}
.footer .copyright {
    font-size: 0.8em;
    margin-top: 5px;
    color:#A9A9A9;
}

table.contact {
    margin-top: 40px;
}
table.contact tr{
    vertical-align: top;
}

table.contact span{
    font-size: 1em;
    color: #868686;
    font-style: italic;
}

ul.articles p {margin: 0px;}

span.subgroups h3, span.subgroups a h3 {
    color: #fff;
    padding: 5px;
    display: block;
    background: #323232;
    text-align: center;
    float: left;
    margin: 0 10px 0 0;
}

span.subgroups a h3 {
    color:#5D3190;
    background: none;
    cursor: pointer;
}

span.subgroups a:hover h3 {
    text-decoration: underline;
}

ul.sitemap li{ list-style-type: none}