* {
	margin: 0;
	padding: 0;
}
html, body {
	margin: 0;
	padding: 0;
	font: 400 1.6 'Lucida Grande', Verdana, Sans-Serif;
	color:#222;
	background: #808080 url(../pic/serdelia.png) no-repeat -999px -999px;
}
#main-wrapper {
	display: block;
	width: 740px;
	margin: 0 auto;
	overflow: hidden;
}
#left-shadow, #right-shadow {
	display: block;
	width: 700px;
	height: 100%;
}
#left-shadow {
	padding: 0 0 0 20px;
	background: url(../pic/serdelia.png) repeat-y 0;
}
#right-shadow {
	padding: 0 20px 0 0;
	background: url(../pic/serdelia.png) repeat-y -62px;
}
#content-wrapper {
	display: block;
	width: 700px;
	margin: 0 auto;
	background: #333;
	height:100%;
}
#content {
	display: block;
	padding: 20px;
	color: #A8A8A8;
	font: 8pt/1.6 'Lucida Grande', Verdana, Sans-Serif;
	border-left: 1px solid #232323;
	border-right: 1px solid #232323;
}
#header, #footer {
	display: block;
	width: 740px;
	height: 30px;
	overflow: hidden;
}
#header {
	position: relative;
}
#header span {
	height: 30px;
	width: 740px;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 0;
	overflow: hidden;
	background: url(../pic/serdelia.png) no-repeat -21px -3px;
}
#footer {
	margin: 0 0 30px;
	height: 25px;
	background: url(../pic/serdelia.png) no-repeat -21px -30px;
}
#top {
	height: 100px;
	width: 700px;
	overflow: hidden;
	background: #232323;
}
#top-l, #top-l-gal, #top-r {
	float: left;
	width: 350px;
	height: 100px;
	position: relative;
	overflow: hidden;
	display: inline;
}
#top-r {
	float: right;
	height: 99px;
	border-bottom: 1px solid #585858;
}
#top-l span, #top-l-gal span {
	width: 350px;
	height: 100px;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}
#top-l span {
	background: url(../pic/serdelia.png) no-repeat -21px -56px;
}
#top-l-gal span {
	background: url(../pic/serdelia.png) no-repeat -371px -56px;
}
#top-l a, #top-l a:visited, #top-l a:hover, #top-l-gal a, #top-l-gal a:visited, #top-l-gal a:hover  {
	display: block;
	width: 350px;
	height: 79px;
	border-bottom: 1px solid #585858;
	text-decoration: none;
	outline: none;
	padding-top:20px;
	text-align:center;
	text-transform: uppercase;
	font: 700 20px "Arial Black", Gadget, sans-serif;
	color: #fff;
}
#menu {
	width: 244px;
	height: 27px;
	display: block;
	position: absolute;
	border: 0;
	padding: 0;
	top: 20px;
	left: 80px;
	overflow: hidden;
	background: #fe8400 url(../pic/serdelia.png) no-repeat -439px -336px;
}
#menu ul {
	padding-left: 10px;
	margin: 0;
	list-style-type: none;
}
#menu li {
	float: left;
	display: block;
	width: 65px;
	height: 27px;
	margin-right: 10px;
	position: relative;
	text-align: center;
	overflow: hidden;
}
#menu a, #menu a:visited, #menu a:hover, #menua:active, #menu a:focus {
	outline: none;
	text-decoration: none;
	line-height: 27px;
	color: #fff;
	text-transform: uppercase;
	font-size: 8pt;
}
#menu span {
	width: 65px;
	height: 27px;
	display: block;
	top: 0;
	left: 0;
	position: absolute;
	cursor: pointer;
	overflow: hidden;
}
#menu .menuhome {
	background: url(../pic/serdelia.png) no-repeat -589px -289px;
}
#menu .menusitemap {
	background: url(../pic/serdelia.png) no-repeat -589px -235px;
}
#menu .menucontact {
	background: url(../pic/serdelia.png) no-repeat -589px -262px;
}
#logo {
	border-bottom: 1px solid #555;
	height: 266px;
	width: 700px;
	overflow: hidden;
	background: #000;
}
#logo-l, #logo-r {
	width: 350px;
	height: 266px;
	overflow: hidden;
	position: relative;
	display: inline;
}
#logo-l {
	float: left;
	background: url(../pic/serdelia.png) no-repeat -21px -156px;
}
#logo-r {
	float: right;
}
ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.rightlist {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.rightlist li, .sitemap li  {
	font-size: 8pt;
	line-height: 1.6;
	color: #a8a8a8;
	vertical-align: top;
	text-align: left;
	margin-bottom: 5px;
	padding-left: 8px;
	background: url(../pic/serdelia.png) no-repeat -782px 7px;
}
.rightlist strong {
	color: #f9980a;
}
.rightlist a, .rightlist a:visited {
	color: #ff9d00;
	vertical-align: top;
	text-align: left;
	margin-bottom: 5px;
	font-weight: 700;
}
.rightlist a:hover {
	color: #fff;
}
.rightlist p {
	margin: 0;
}
.sitemap {
	padding-left: 10px;
	list-style-type: none;
}

.sitemap a, .sitemap a:visited {
	color: #e66600;
	text-decoration: none;
	border-bottom: 1px dotted #e66600;
	font: 700 7pt/1.6 'Lucida Grande', Verdana, Sans-Serif;
}
.sitemap a:hover {
	color: #fff;
	border-bottom: 1px dotted #fff;
}
a, a:visited {
	color: #818181;
	text-decoration: none;
	border: 0;
	font: 9pt verdana, arial, helvetica, sans-serif;
}
a:hover {
	color: #fff;
	border: 0;
}
a:focus, a:active {
	color: #fff;
	background: #333;
}
.orange {
	color: #ff9d00;
	font: bold 8pt verdana, arial, helvetica, sans-serif;
}
a.orange:link, a.orange:visited, a.orange:hover  {
	color: #e66600;
	text-decoration: none;
	font: 700 8pt verdana, arial, helvetica, sans-serif;
}
a.orange:hover {
	color: #fff;
}
.orange1, a.orange1:link, a.orange1:visited, a.orange1:hover {
	color: #e66600;
	text-decoration: none;
	font: 700 8pt thoma, verdana, arial, helvetica, sans-serif;
}
a.orange1:hover {
	color: #fff;
}
h1 {
	font-size: 8pt;
	color: #222;
	font-weight: 400;
}

h2, h2 .biggray,.bigorange, h3, .biggray {
	font: 20px Impact, "Arial Black", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
h2 {
	color: #f9980a;
	border-bottom: 1px solid #a8a8a8;
	margin-bottom: 10px;
}
h2 .biggray, .biggray {
	color: #a8a8a8;
}
h3 {
	color: #f9980a;
	border-bottom: 1px solid #a8a8a8;
	margin-bottom: 10px;
}
.bigorange {
	color: #f9980a;
	border-bottom: 1px solid #a8a8a8;
}

.clearer {
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clr:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clr {
	display: inline-block;
}
html[xmlns] .clr {
	display: block;
}
* html.clr {
	height: 1%;
}
img {
	border: 0;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
#profile p, #aboutportfolio p, #myprofile p, .validmsg p, .thankyou p, .terms p {
	display: block;
	margin-bottom: 10px;
}
#accessibility {
	left: 14px;
	position: absolute;
	width: 30em;
	list-style-type: none;
}
#accessibility li {
	left: -2500px;
	position: absolute;
	width: 1px;
}
#accessibility a:focus, #accessibility a:active {
	outline: none;
	cursor: pointer;
	left: 2486px;
	padding: 2px;
	position: absolute;
	text-decoration: none;
	width: 200px;
	color: #fff;
	background: #333;
}
.projectsgallery {
	display: block;
	border-top: 1px dotted #585858;
	width: 196px;
	height: 89px;
	position: relative;
}
.projectsgallery span {
	overflow: hidden;
	width: 196px;
	height: 79px;
	display: block;
	bottom: 0;
	left: 0;
	position: absolute;
	cursor: pointer;
	background: url(../pic/serdelia.png) no-repeat -439px -156px;
}
.projectsgallery a, .projectsgallery a:visited, .projectsgallery a:hover {
	font-size: 8pt;
	color: #fff;
	line-height: 78px;
	text-align: center;
	width: 196px;
	height: 78px;
	display: block;
	outline: none;
	margin-top: 10px;
	text-transform: uppercase;
	background: #fe8400;
}
#slogan {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	top: 80px;
	left: 50px;
	background: #030303;
}
#slogan li {
	margin-bottom: 5px;
	text-transform: uppercase;
	line-height: 1.2;
	padding: 0;
	color: #fff;
	background: none;
}
.slog1 {
	font: 20px Arial Black, Gadget, sans-serif;
}
.slog2 {
	font: 16px sans-serif, Tahoma, Helvetica;
}
.slog3 {
	font: 14px sans-serif, Tahoma, Helvetica;
}
.slog4 {
	text-align: right;
	width: 240px;
	position: relative;
}
.slog4 span {
	overflow: hidden;
	width: 82px;
	height: 18px;
	display: block;
	top: 0;
	right: 0;
	position: absolute;
	cursor: pointer;
	background: url(../pic/serdelia.png) no-repeat -439px -363px;
}
.slog4 a, .slog4 a:visited, .slog4 a:hover {
	font-size: 8pt;
	color: #fff;
	line-height: 16px;
	text-align: center;
	width: 82px;
	height: 18px;
	display: block;
	outline: none;
	float: right;
	text-transform: uppercase;
	text-decoration: none;
	background: #fe8400;
}
#info {
	padding: 10px;
	display: block;
	font: 7pt verdana, tahoma, sans-serif;
	color: #4d4d4f;
	background: #232323;
}
#info-l {
	float: left;
	display: block;
	width: 50%;
	text-align: left;
}
#info-r {
	float: right;
	display: block;
	width: 50%;
	text-align: right;
}
#info a, #info a:visited {
	font: 7pt verdana, tahoma, sans-serif;
	color: #c0c0c0;
	text-decoration: none;
	outline: none;
}
#info a:hover, #info a:active, #info a:focus {
	color: #fff;
	border-bottom: 1px dotted #c0c0c0;
}


.col1, .col2, .col3 {
	float: left;
}
.col1 {
	width: 30%;
	color: #a8a8a8;
	vertical-align: top;
	border-right: 1px dotted #585858;
	padding-right: 10px;
}
.col2 {
	width: 33%;
	color: #a8a8a8;
	vertical-align: top;
	padding: 0 10px;
}
.col3 {
	width: 30%;
	color: #a8a8a8;
	vertical-align: top;
	padding-left: 10px;
	border-left: 1px dotted #585858;
}
.sideleft {
	float: left;
	padding-right: 20px;
	height: 100%;
	width: 300px;
	display: block;
}
.sideright {
	float: right;
	padding-left: 30px;
	height: 100%;
	width: 300px;
	border-left: 1px dotted #585858;
	display: block;
}
.project {
	width: 300px;
	height: 110px;
	display: block;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #585858;
	position: relative;
}
.project-img {
	float: left;
	display: block;
	width: 150px;
	height: 100px;
	position: relative;
	overflow: hidden;
}
.project-img a, .project-img a:visited, .project-img a:hover {
	color: #323232;
	font-size: 7pt;
	text-decoration: none;
	display: block;
	width: 150px;
	height: 100px;
	background: url(http://www.serdelia.com/pic/ajax-loader.gif) no-repeat 50% 50%;
}
.project-img span {
	width: 150px;
	height: 100px;
	display: block;
	top: 0;
	left: 0;
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	background: url(../pic/serdelia.png) no-repeat -439px -235px;
}
.project-text {
	float: right;
	display: inline;
	width: 140px;
	height: 100px;
	margin: 0;
	color: #ff9d00;
	font: 7pt verdana, arial, helvetica, sans-serif;
}
.prh {
	color: #e66600;
	font: 700 10px 'Lucida Grande', Verdana, Sans-Serif;
}
.project-text p {
	display: block;
	margin-top: 5px;
}
.project-text a, .project-text a:visited {
	color: #ff9d00;
	text-decoration: none;
	border-bottom: 1px dotted #ff9d00;
	font: 7pt verdana, arial, helvetica, sans-serif;
}
.project-text a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}
.gal, .galtop a, .galtop a:visited, .galtop a:hover, a.galindex:link, a.galindex:visited, a.galindex:hover, #enquiry input, #enquiry textarea, #enquiry .button, a.button:link, a.button:visited, a.button:hover, a.button:active {
	border-right: #292929 1px solid;
	border-left: #292929 1px solid;
	border-top: #575757 1px solid;
	border-bottom: #575757 1px solid;
	font: 8pt thoma, verdana, arial, helvetica, sans-serif;
	background: #434343 url(../pic/serdelia.png) repeat-x -21px -422px;
}
.gal {
	text-align: center;
	vertical-align: middle;
	margin: 20px 0;
	padding: 20px 0;
	display: block;
}
.gal img {
	width: 640px;
	background: url(http://www.serdelia.com/pic/ajax-loader.gif) no-repeat 50% 50%;
}
.galtop, .galbottom {
	text-align: center;
	vertical-align: middle;
}

.galtop a, .galtop a:visited {
	color: #ff9d00;
	padding: 10px 20px;
	display: inline;
}
.galtop a:hover {
	color: #e66600;
	padding: 10px 20px;
	display: inline;
}
a.galindex:link, a.galindex:visited, a.galindex:hover {
	color: #e66600;
	padding: 10px 20px;
	margin: 0 20px;
}
#enquiry input, #enquiry textarea {
	vertical-align: top;
	color: #989898;
	padding: 5px 10px;
}
#enquiry textarea {
	overflow: auto;
}
#enquiry input:focus, #enquiry textarea:focus {
	border: 1px solid #a8a8a8;
}
#enquiry .button, a.button:link, a.button:visited, a.button:hover, a.button:active {
	vertical-align: top;
	color: #ff9d00;
	margin-top: 20px;
	padding: 5px 10px;
	outline: none;
}
#enquiry label {
	display: block;
	margin: 2px 0 3px;
	color: #e66600;
	font: 700 8pt thoma, verdana, arial, helvetica, sans-serif;
}
#enquiry fieldset, #enquiry p {
	border: 0;
	padding: 0;
	margin: 0;
}
#enquiry ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#enquiry label.error {
	font-weight: 400;
	color: #fff;
}
#enquiry input.error, #enquiry textarea.error {
	border: 1px dotted #fff;
}