/*----------[ general styles ]----------*/

body {
	font:12px Verdana, Arial, Sans-Serif;
	color:#CBCBCB;
	background-color: #000B34;
}
body,p,ul,ol,h1,h2,h3,h4,blockquote,fieldset,form {
	margin:0;
	padding:0;
}
a {
outline:none;
text-decoration:none;
color:#80BDD9;
}
a:hover {
color:#fff;
}
img {
border:none;
}
.left-img {
float:left;
border:1px solid #586363;
margin:4px 7px 0 0;
padding:3px;
background:#454E4E;
}
.right-img {
float:right;
border:1px solid #586363;
margin:5px 0 0 7px;
padding:3px;
background:#454E4E;
}
blockquote {
background:url(images/blockquote.gif) no-repeat top left;
padding:10px 0 0 40px;
font-style:italic;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/*----------[ container ]----------*/

#container {
width:800px;
margin:0 auto;
background:url(images/background.jpg) repeat-y;
padding:0 20px 0 20px;
}

/*----------[ header & logo ]----------*/

#header {
width:800px;
height:150px;
background:url(images/header.jpg) no-repeat;
}

/*----------[ navigation ]----------*/

#navigation {
width:800px;
background:url(images/nav.jpg) repeat-x;
height:40px;
}
#navigation ul {
list-style:none;
}
#navigation li {
float:left;
border-right:1px solid #666;
}
#navigation li a {
	display:block;
	text-indent:-9999pt;
	width:100px;
	height:40px;
}
#b1 {
background:url(images/home-button.jpg) no-repeat;
}
#b1:hover {
background:url(images/home-button.jpg) no-repeat 0 -40px;
}
#b2 { background:url(images/about-button.jpg) no-repeat; }

#b2:hover {
background:url(images/about-button.jpg) no-repeat 0 -40px;
}
#b3 {
background:url(images/work-button.jpg) no-repeat;
}
#b3:hover {
background:url(images/work-button.jpg) no-repeat 0 -40px;
}
#b4 {
background:url(images/contact-button.jpg) no-repeat;
}
#b4:hover {
background:url(images/contact-button.jpg) no-repeat 0 -40px;
}

/*----------[ main div ]----------*/

#main {
padding:20px;
width:760px;
}

/*----------[ featured slider ]----------*/

#featured {
border-top:1px solid #B5B5B5;
border-right:1px solid #B5B5B5;
border-left:1px solid #B5B5B5;
width:758px;
height:239px;
}
.featured img {
border-bottom:1px solid #000;
}
#featured-caption {
position:absolute;
margin:7px 0 0 10px;
color:#323738;
width:400px;
}
#featured-controls {
width:760px;
height:30px;
border-bottom:4px solid #8C8C8C;
border-top:1px solid #F3F3F3;
background:#B5B5B5;
}
#featured-arrows {
width:42px;
height:19px;
position:absolute;
margin:4px 0 0 710px;
}
#featured-arrows a {
display:block;
background:url(images/featured-arrows.jpg) no-repeat;
width:21px;
height:19px;
text-indent:-9999pt;
}
#prev {
float:left;
}
#prev:hover {
background-position:0 -18px;
}
#next {
background-position:-21px 0 !important;
float:right;
}
#next:hover {
background-position:-21px -18px !important;
}

/*----------[ sections ]----------*/

.section {
	margin-top:20px;
	line-height:18px;
	margin-bottom: 400px;
}
.to-the-top {
background:url(images/up-button.jpg);
width:24px;
height:30px;
position:absolute;
text-indent:-9999pt;
margin:2px 0 0 760px;
}
.section-title {
width:800px;
height:37px;
background:url(images/section-title.jpg) repeat-x;
margin:0 0 20px -20px;
}
.section-title img {
display:block;
margin:2px 0 0 0;
position:absolute;
}
.section p {
margin-bottom:10px;
}
.section h2, .section h3, .section h4, .section h5 {
padding-bottom:2px;
margin-bottom:10px;
border-bottom:1px solid #586363;
color:#eee;
font-family:Arial, Tahoma, Verdana, Sans-Serif;
font-weight:normal;
}
.section h2 {
font-size:18px;
}
.section h3 {
font-size:16px;
}
.section h4 {
font-size:14px;
}
.section h5 {
font-size:13px;
}
.section p {
margin-bottom:10px;
}
.section ul {
margin:10px 0 15px 30px;
list-style:circle;
}
.section ol {
margin:10px 0 15px 30px;
}
.section table {
border-left:1px solid #586363;
border-top:1px solid #586363;
}
.section td, .section th {
border-right:1px solid #586363;
border-bottom:1px solid #586363;
padding:5px;
}
.section th {
color:#eee;
font-size:13px;
font-weight:normal;
background:#3D4545;
}

/*----------[ portfolio styles ]----------*/

ul.work-gallery {
list-style:none;
width:780px;
margin-left:0px;
position:relative;
}
.work-gallery li {
	float:left;
	width:180px;
	margin-right:10px;
	border:1px solid #586363;
	font-size:11px;
	margin-bottom:11px;
	background-color: #06123A;
}
.work-gallery li:hover {
border:1px solid #697676;
background:#374a80;
}
 a.work-thumb {
display:block;
border-bottom:1px solid #586363;
padding:5px 5px 0 5px;
background:#485b92;
}
.work-name {
padding:5px;
border-bottom:1px solid #586363;
}
.work-description {
padding:5px;
}

/*----------[ contact form ]---------*/

#contactform {
	float:left;
	width:360px;
	margin-right:25px;
}
#contactform fieldset {
border:none;
}
#contactform input {
width:150px;
}
#contactform textarea {
width:325
px;
height:120px;
}
#contactform input, #contactform textarea {
display:block;
border:1px solid #586363;
padding:5px;
background:#485b92;
font:12px Verdana, Arial, Sans-Serif;
color:#CBCBCB;
margin-bottom:10px;
}
#contactform input:focus, #contactform textarea:focus {
border:1px solid #697676;
background:#374a80;
}
.send {
width:80px !important;
background:#3356b8 !important;
border:1px solid #131514 !important;
color:#eee !important;
cursor:pointer;
}
.send:hover {
border-color:#898989 !important;
}
#contact-information {
	float:right;
	width:340px;
}
.ie6 #contact-information {
width:360px;
}

/*----------[ footer ]----------*/

#footer {
	width:800px;
	border-top:1px solid #131514;
	background-color: #369;
}
#footer p {
padding:20px;
border-top:1px solid #666;
}

/*----------[ contactForm ]----------*/

#contactInclude {
	display: block;
	width: 380px;
	margin: 0px;
	padding: 0px;
	border: 1px solid #cbcbcb;
	background-color: #B8C1E6;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	color: #16285A;
}

/* Form style */

label, legend { font: 1em/normal "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; }

label {
	display: inline-block;
	float: left;
	height: 26px;
	line-height: 26px;
	width: 155px;
	font-size: 1em;
}
input, textarea, select {
	margin: 0;
	padding: 5px 0px;
	color: #666;
	background: #f5f5f5;
	border: 1px solid #ccc;
	margin: 5px 0;
	font:1em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
}   
input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
input.submit { cursor: pointer; border: 1px solid #222; background:#333; color:#fff; -moz-border-radius: 5px; -webkit-border-radius:5px; }
input.submit:hover { background:#444; }
fieldset { padding:10px; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }
legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }

span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

/* Style for the error message */

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }

#succsess_page h1 { background: url('assets/success.gif') left no-repeat; padding-left:22px; }

h1 {
	font-size: 2em;
	font-weight: normal;
	margin-bottom: 20px;
}