/*CSS*/

* {
margin:0;
padding:0;
}
body {
font-family:Arial, Helvetica, sans-serif;
color:#e3e3e3;
background:url(images/background.jpg) -120px -100px #000 no-repeat;
background-attachment:fixed;
height:100%;
}
h1 {
background:url(images/logo.png) top right no-repeat;
text-indent:-9999px;
width:200px;
height:118px;
margin-right:-2px;
margin-bottom:12px;
}
h1 a {
display:block;
text-indent:-9999px;
width:200px;
height:118px;
}

h2 {
font-size:14px;
color:#8c8c8c;
clear:right;
margin-bottom:12px;
letter-spacing:1px;
font-style: italic;
}
h3 {
clear:right;
float:right;
margin-bottom:5px;
color:#E98D2A;
letter-spacing:3px;
}
h4 {
clear:both;
float:left;
margin-top:20px;
margin-bottom:-5px;
color:#CCC;
letter-spacing:3px;
}
a {
color:#e98d2a;
text-decoration:none;
font-weight:bold;
}
a:hover {
color:#fabb78;
}
ul {
list-style:none;
}
p {
margin-bottom:8px;
width:325px;
float:right;
text-align:right;
line-height:22px;
clear:right;
}
img {
border:1px solid #1b1b1b;
}
#admin {
background:url(images/trans10Blk.png);
width:480px;
padding:20px;
margin-top:18%;
margin-left:440px;
position:absolute;
overflow:hidden;
text-align:left;
}
#wrapper {
margin:-100px auto;
width:1085px;
font-size:12px;
}
#contentWrapper {
width:400px;
background:url(images/fadeLine.png) left bottom no-repeat;
overflow:hidden;
float:left;
top:20%;
padding-bottom:20px;
position:fixed;
}
h1, h2, p, #primNav {
float:right;
}
ul#primNav {
clear:right;
padding:5px 0px 5px 5px;
list-style:none;
margin-bottom:15px;
float:right;
background:url(images/trans10Blk.png);
}
#primNav li {
float:left;
margin:2px;
}
.secNav a {
font-size:10px;
color:#e3e3e3;
}
.secNav a:hover {
color:#fabb78;
}
#picWrapper {
background:url(images/trans10Blk.png);
padding:20px;
margin-top:100px;
margin-left:440px;
position:absolute;
}
/* Portfolio page styling -------------------------------------------------------------------------------------------------*/
#portWrapper {
background:url(images/trans10Blk.png);
width:480px;
padding:20px;
margin-top:100px;
margin-left:440px;
overflow:hidden;
text-align:right;
}
#portWrapper li {
width:480px;
height:170px;
padding-bottom:15px;
position:relative;
}
#portWrapper li img {
position:absolute;
left:0;
}
#portWrapper li strong {
letter-spacing:10px;
font-size:20px;
text-transform:uppercase;
color:white;
margin-top:30px;
}
/* Gallery page styling -------------------------------------------------------------------------------------------------*/

#galWrapper {
background:url(images/trans10Blk.png);
padding:20px;
width:524px;
margin-top:100px;
margin-left:440px;
overflow:hidden;
}
#galWrapper li {
float:left;
padding:0 10px 10px 0;
}
#galWrapper img {
padding:5px 5px 5px 5px;
background:#dfdfdf;
border:none;
}
/* Content Output page styling -------------------------------------------------------------------------------------------------*/
.block {
width:400px;
float:left;
margin-top:10px;
margin-right:200px;
padding:5px;
border-bottom:1px solid #CCC;
text-align:left;
clear:both;

}
.block h3 {
float:left;
clear:left;
border-bottom:solid 1px #666;
}
.block p {
float:left;
clear:left;
text-align:left;
}
.block a {
float:left;
clear:left;
text-align:left;
margin-bottom:10px;
}
.block ul {
height:15px;
width:150px;
}
.block ul li {
float:left;
margin-right:25px;
}
/* Form styling--------------------------------------------------------------*/

label, input, select, textarea{
float:left;
clear:left;
clear:both;
}
input, select, textarea{
margin-bottom:15px;
}
label {
font-weight:bold;
font-size:14px;
}
#admin h2 {
font-size:20px;
float:left;
clear:both;
font-style:normal;
}
#admin a {
font-size:14px;
margin-top:10px;
float:left;
clear:left;
}
#contactWrapper {
background:url(images/trans10Blk.png);
width:480px;
padding:20px;
margin-top:21%;
margin-left:440px;
position:absolute;
overflow:hidden;
text-align:left;
}
#contactWrapper h2 {
font-size:20px;
float:left;
clear:both;
font-style:normal;
}
#contact {
float:left;
clear:both;
margin-top:20px;
margin-right:50px;
}
#contact input {
width:250px;
}
#contact input#sub {
width:100px;
float:right;
}
#contact textarea {
height:100px;
width:250px;
}
/*Miscelanious-------------------------------------------------------*/
form p {
clear:both;
float:left;
text-align:left;
margin-top:-10px;
margin-bottom:15px;
}

#aboutWrapper {
background:url(images/trans10Blk.png);
padding:20px;
margin-top:18%;
margin-left:440px;
position:absolute;
}
#wrong {
    margin-top:10px;
    float:left;
    clear:both;
    text-align:left;
}
#errors{
    clear:both;
    
}