* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 12px;
    line-height: 18px;
    font-family: Arial, sans-serif;
    color: #ac8b72;
	background: url(images/bg.jpg) repeat 0 0;
    text-align: left;
}

.cl { font-size: 0; line-height: 0; height: 0; clear: both; }

/*links*/
a img { border: 0; }
a { color:#ac8b72; text-decoration: none; }
a:hover { text-decoration:overline underline; cursor: pointer;}

.left { float: left; display: inline; }
.right { float: right; display: inline;} 
.notext {font-size: 0; line-height: 0; text-indent: -4000px;}

.center {display: block; margin: 0 auto;}

.shell {margin: 0 auto; width: 964px;}

/* header (this is just the lights shining down) */
#header {background: url(images/header-bg.jpg) repeat-x 0 0;}
#header .shell {background: url(images/header.jpg) no-repeat 0 0; height: 403px; padding-top: 50px; padding-left: 52px; width: 862px; padding-right: 50px;}

/* Logo *Come back to this when you make a proper logo */
#logo-cnt {float: left; width: 600px;}
h1#logo {color: #fdb813; font-family: "Lucida Sans", "Trebuchet MS", sans-serif; font-size: 30px; font-style: italic; font-weight: normal; line-height: 25px;}

/*Back to entrance*/
#status { margin-top: 8px; background: url(images/status-bg.png) no-repeat 0 0; width: 185px; height: 30px; float: right; padding-top: 5px; padding-left: 7px; padding-right: 10px;}
#status p {font-size: 13px; font-family: "Lucida Sans", "Trebuchet MS", sans-serif; padding-top: 3px; padding-left:4.5em;}

/*Works Carousel */
#slider {padding-top: 45px; padding-left: 25px; width: 800px; position: relative;}

ul#mycarousel {position: relative;}
ul#mycarousel li {float:left; display: inline; height: 184px; width: 270px;}
.jcarousel-clip { height:184px; width:800px; overflow:hidden; position:relative;}
.jcarousel-prev ,
.jcarousel-next {background: url(images/next.png) no-repeat 0 0; width: 60px; height: 50px; display: block; float: left; position:absolute; top:130px; left: 870px; cursor: pointer; }
.jcarousel-prev { background: url(images/prev.png) no-repeat 0 0; left: -65px;}

/* main content */
#main { margin-top: -102px;}
#main h2 {color: #2a98c3; font-size: 18px; font-style:normal; font-family:Gill, sans-serif; padding-bottom: 10px;}
#main p {padding-bottom: 15px;}
#main .shell {width: 945px;}

/*Organized Viewing Options */
.article {padding-bottom: 55px;}
.gallery {padding-bottom: 20px;}


.portfolio-item {
	 padding-right: 5em; 
	 padding-bottom: 35px;
	 float:left;
	 text-align:center;
	 }
	 
.portfolio-item img {
	display: block; 
	padding-bottom: 1px;}

.last {padding-right: 0 ;}


.img-cnt {background: url(images/image-shadow.png) no-repeat 0 0; width: 264px; height: 184px; float: left;}
.img-cnt img {display: block; margin: 0 auto; padding-top: 6px;}

/* contact */
.column-cnt {width: 554px; float: left;}
.column {width: 260px; float: left; padding-right: 17px;}
.column label, .column-big label {display: block; font-size: 13px; font-family: "Lucida Sans", "Trebuchet MS", sans-serif; font-weight: bold; color: #d1d1d1; padding-bottom: 8px;}
.column label, .column-big label {display: block; font-size: 13px; font-family: "Lucida Sans", "Trebuchet MS", sans-serif; font-weight: bold; color: #d1d1d1; padding-bottom: 8px;}
.column input {display: block; background: transparent; color: #ac8b72; height: 23px; border: 0; font-family: arial, sans-serif; font-size: 13px; padding-top: 5px; width: 250px;}
.column-big {float: left; width: 391px;}
.column-big textarea {background: transparent; color: #ac8b72; font-family: arial, sans-serif; font-size: 13px; border: 0; width: 381px; height: 137px;}
span.text-field {background: url(images/text-field.png) no-repeat 0 0; display: block; width: 260px; height: 30px; padding-top: 2px; padding-left: 5px;}
span.text-area {background: url(images/textarea.png) no-repeat 0 0; width: 386px; height: 147px; display: block; padding-top: 5px; padding-left: 5px;}
form p {padding-top: 15px;}