/* Basic Structure */
html,body {
height:100%;
width:100%;
}

/* Typography */
p{
margin-bottom:10px;
}

body {
background:url(../images/background.jpg) no-repeat fixed bottom left;
background-color:#000;
color:#a4a4a4;
font:12px Verdana,sans-ferif;
}

#wrapper {
clear:both;
height:600px;
margin-left:auto;
margin-right:auto;
position:relative;
width:1000px;
}

#gap {
float:left;
height:50%;
margin-top:-300px;
visibility:hidden;
width:100%;
}

#content {
float:left;
border-left:2px solid #601e73;
width:700px;
height:580px;
padding-left:48px;
}

#footer {
clear:both;
width:700px;
height:20px;
padding-left:300px;
}

#navi {
float:left;
height:580px;
width:250px;
}

#right,#top {
height:0;
width:0;
visibility:hidden;
}

/* Navi Styling */
#navi li a {
color:#a4a4a4;
text-transform:uppercase;
}

#navi li,#nav li:hover {
color:#a4a4a4;
font-size:12px;
height:34px;
list-style-type:none;
padding-left:15px;
padding-top:16px;
text-transform:uppercase;
}

#navi li:hover,#navi .active {
background:url(../images/rightarrow.png) no-repeat left center;
}

#navi ul {
margin:-30px 0 0 45px;
}

/* Home Styling*/
.home #content {
border-left:2px solid #601e73;
height:520px;
padding-left:48px;
padding-right:48px;
width:301px;
}

.home #right {
border-left:2px solid #601e73;
float:right;
height:520px;
padding-left:48px;
visibility:visible;
width:301px;
}

.home #top {
border-left:2px solid #601e73;
float:right;
height:60px;
padding-left:48px;
visibility:visible;
width:700px;
}

.home .inner_image_container {
height:200px;
overflow:hidden;
width:301px;
}

/* Contact Styling */
.contact #content {
background:url(../images/bg-contact.png) no-repeat top left;
}

#contact {
margin-top:210px;
}

/* Portfolio Styling */
h1 {
font-size:24px;
}

h3 {
color:#601e73;
font-size:12px;
line-height:30px;
text-transform:uppercase;
margin:30px 0 0;
}

h1 {
color:#601e73;
font-size:24px;
text-transform:uppercase;
}

#content h2 {
color:#a4a4a4;
margin-top:0;
text-transform:uppercase;
}

a:link,a:visited {
color:#a4a4a4;
text-decoration:none;
}

a:hover,#navi li a:hover,.references h3 {
color:#601e73;
}

/* Misc */
#pagination {
margin-top:15px;
}

.ce_text {
width:100%;
}

.mod_gallerylist .layout_short{
float:left; width:200px; height:200px; margin:5px 5px 20px 5px;
}


.portfolio .layout_short{width:140px; height:230px; margin:20px 10px 10px 0px;}
.portfolio .layout_short .description{padding-left:10px;}
.portfolio div.pagination{width:590px; height:10px; padding-left:10px;position:absolute; bottom:40px;}
.portfolio div.pagination .next{float:right;}
.portfolio .description{height:30px; position:relative; top:5px;}
.portfolio .next{float:right;}
.portfolio .previous{float:left;}
.portfolio .description{font-size:10px;}
.portfolio .description a {color:#601e73; font-weight:600;}

.psingle .captionblock{margin-top:5px;}
.psingle div.caption{width:660px;float:right;}
.psingle div.pagination{float:left; width:25px;}
.psingle .next{float:right;}
.psingle .previous{float:left;}
.psingle h1 {margin:50px 0 25px 0;}
.psingle h2 {font:12px verdana;font-style:normal;line-height:16px;}
.psingle p.back{visibility:hidden;height:0;width:0;}


.mod_linklist li.odd,.mod_linklist li.even{ margin-top:5px;}
.mod_linklist li.title{color:#601e73; font-weight:800; padding-top:20px;}