/* Global Styles */

body {
	background: #000 url(../images/bg.jpg) no-repeat fixed top center;
	font-family:Verdana, Geneva, sans-serif; 
	font-size:12px; 
	line-height:20px; 
	color:#545353;
}

textarea, input {
	font-size:12px; 
	line-height:18px; 
	font-family:Verdana, Geneva, sans-serif;
}

.container {
	width:960px; 
	margin:0px auto; 
	position:relative;
}

.clear {
	clear:both; 
	line-height:0px;
}
.layout {
	width: 960px;
	margin: 0 auto;
}

a {
	color:#4180bb; 
	text-decoration:none;
}

a:hover {
	text-decoration:underline; 
	color:#245e95;
}

.header {
	height:119px; 
	background:url(../images/sprites.jpg); 
	width:960px; 
	margin:0px auto; 
	z-index:10;
}

#services, #about, #contact {
	position: relative;
	width: 945px;
	margin: 0 0 0 15px;
	padding: 10px 0 100px 0;
	overflow: hidden;
}

.services, .about, .contact {
	position: relative;
	float: left;
	width: 300px;
	margin: 0 15px 0 0;
	color: #fff;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.services h3, .about h3, .contact h3 {
	margin: 10px 0 10px;
	padding: 0;
	color: #fff;
	font: normal bold 18px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing: -0.5px;
	text-align: left;
}

.services p, .about p, .contact p {
	margin: 0 0 15px;
	padding: 0;
	color: #666;
	font: normal normal 11px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	text-align: justify;
}

.end {margin: 0;}

/* End Global */
/* Navigation Styles */

#nav {
	position:absolute; 
	left:566px; 
	top:0px;
}

#nav li {float:left;}

.header a {
	height:43px; 
	display:block; 
	text-indent:-9000px;
}

#nav a:hover {background:url(../images/sprites.png);}

#nav a.link1 {width:116px;}

#nav a.link2 {width:93px;}

#nav a.link2:hover {background-position:-116px 0px;}

#nav a.link3 {width:109px;}

#nav a.link3:hover {background-position:-209px 0px ;}

#headerhead {
	text-indent:-9000px; 
	position:absolute; 
	background:none;
}

#backgroundbreak{ 
	display:none; 
	position:fixed; 
	_position:absolute; 
	height:100%; 
	width:100%; 
	top:0; 
	left:0; 
	background:#000; 
	z-index:11;
}  

/* End Navigation */
/* Portfolio Styles */

#portfolio {
	height:458px; 
	background:url(../images/portfolio_bg.png) repeat-x; 
}

#portfolio .container {
	height:454px; 
	background:url(../images/gallery_bg.jpg) no-repeat; 
	top:2px; 
	overflow:hidden; 
} 

#photos {
	top:27px; 
	left:4px; 
	display:none;
}

.project {float:left;}

.project-content {
	width:414px; 
	height:210px; 
	color:#fff; 
	line-height:18px; 
	position:absolute; 
	top:7px; 
	left:528px;
}

.project-content span {
	color:#b3b3b3; 
	font-weight:bold;
}

.project-content p {padding-bottom:14px;}

.project-content a {text-indent:-9000px;}
	

.project-content .launch {
	background: url(../images/launch_bg.jpg) no-repeat 0 0; 
	width: 112px;
	height: 28px;
	padding:0px 6px; 
	position:absolute; 
	bottom:0px; 
	right:0px;
}

.project-content .launch:hover { 
	background: url(../images/launch_bg_hover.jpg) no-repeat 0 0; 
}

#portfolio .navs {
	display:block; 
	height:23px; 
	bottom:28px;
}

#portfolio .nav-prev {
	width: 59px;
	height: 18px;
	background: url(../images/pagenav_bg.png) no-repeat 0 0;
}

#portfolio .nav-prev:hover { background: url(../images/pagenav_bg.png) no-repeat 0 -19px;}

#portfolio .nav-next {
	width: 65px;
	height: 18px;
	margin: 0 15px 0 0;
	background: url(../images/pagenav_bg.png) no-repeat -75px 0;
}

#portfolio .nav-next:hover { background: url(../images/pagenav_bg.png) no-repeat -75px -19px;}

#frame_border {
	position:absolute;
	z-index:2; 
	top:285px; 
	left:511px;
}

/* End Portfolio */
/* Footer Styles */

#footer {
	background:url(../images/footer_bg.png) repeat-x; 
	color:#fff; 
	font-size:11px; 
	line-height:14px; 
	height:224px;
}

#footer .container {
	height:224px; 
	padding-top:10px; 
	background:url(../images/grungy-footer.jpg) bottom center no-repeat;
}

#footer a {color:#f5c478;}

#footer a:hover {
	color:#dba552; 
	text-decoration:none;
}

#footer h5 {
	font-size:14px; 
	text-transform:uppercase; 
	letter-spacing:-1px;
	margin: 10px 0 10px 0;
}

#footer .twitter li {
	width: 255px;
	height: 28px;
	margin: 0 0 5px 0;
	padding: 12px 0 0 45px;
	background: url(../images/twit_bg.png) no-repeat top left;
	text-align: left;
}

#footer .twitter li:hover {
	background: url(../images/twit_bg.png) no-repeat bottom left;
}

#footer p {text-align:left;}

#footer li {margin-bottom:5px;}

.column {
	width:276px; 
	float:left; 
	padding-right:20px;
	padding-left:5px;
}
#home .column {
	width:312px; 
	padding-right:30px;
}

/* End Footer */
/* Portfolio Button Styles */

.button, .more-link, #cancel-comment-reply-link {
	padding:6px 10px; 
	background:url(../images/button_bg.gif) repeat-x; 
	height:16px; 
	color:#505050; 
	border:1px solid #d2d2d2; 
	border-bottom-color:#8f8f8f; 
	border-top-color:#d7d7d7; 
	line-height:16px;
}

.button:hover, .more-link:hover, #cancel-comment-reply-link:hover {
	color:#202020; 
	background:url(../images/button_bg_over.gif) repeat-x; 
	text-decoration:none;
}

.button:active, .more-link:active, #cancel-comment-reply-link:active {
	border-bottom-color:#d7d7d7; 
	border-top-color:#8f8f8f; 
	padding:7px 9px 5px 11px;
}

.button:focus, .more-link:focus, #cancel-comment-reply-link:focus {outline:none;}

.more-link {
	float:left; 
	margin-top:6px;
}

#submit {
	height:30px; 
	float:left; 
	cursor:pointer;
}

#cancel-comment-reply-link {float:right;}

.navigation a {
	margin:15px 0px 20px; 
	height:24px;
}

.navigation .alignleft a {
	float:left; 
	padding:3px 4px 0px 13px; 
	background:url(../images/left_arrow.png) left top no-repeat;
}

.navigation .alignright a {
	float:right; 
	padding:3px 13px 0px 4px; 
	background:url(../images/right_arrow.png) right top no-repeat;
}

.navigation .alignleft a:hover {
	text-decoration:none; 
	border-right:3px solid #727272;
}

.navigation .alignright a:hover {
	text-decoration:none;
	border-left:3px solid #727272;
}

.explanation li {padding-bottom:12px;}

/* End Button Styles */
/* Title Styles */

#title_services, #title_about, #title_contact {
	display: block;
	width: 930px;
	height: 50px;
	margin: 0 15px;
	text-indent: -999em;
}

#title_services { background: url(../images/title_services.png) no-repeat left;}

#title_about { background: url(../images/title_about.png) no-repeat left;}

#title_contact { background: url(../images/title_contact.png) no-repeat left;}

#services_section, #about_section, #contact_section { 
	position: relative;
	padding: 15px 0 0 ;
}

.pagenav {
	position: absolute;
	top: 31px;
	right: 25px;
	width: 284px;
	height: 18px;
	text-indent: -999em;
}

.pagenav li {
	float: left;
	height: 18px;
}

.pservices a {
	display: block;
	width: 91px;
	height: 18px;
	background: url(../images/navi_bg.png) no-repeat 0 0;
}

.pservices a:hover { background: url(../images/navi_bg.png) no-repeat 0 -19px;}

.pservices_inactive {
	width: 91px;
	height: 18px;
	background: url(../images/navi_bg.png) no-repeat 0px -39px;
	margin: 0 15px 0 0;
}

.paboutright a {
	display: block;
	width: 74px;
	height: 18px;
	margin: 0 15px 0 0;
	background: url(../images/navi_bg.png) no-repeat -91px 0;
}

.paboutright a:hover { background: url(../images/navi_bg.png) no-repeat -91px -19px;}

.paboutleft a {
	display: block;
	width: 74px;
	height: 18px;
	margin: 0 15px 0 0;
	background: url(../images/navi_bg.png) no-repeat -166px 0;
}

.paboutleft a:hover { background: url(../images/navi_bg.png) no-repeat -166px -19px;}

.pcontact a {
	display: block;
	width: 99px;
	height: 18px;
	background: url(../images/navi_bg.png) no-repeat -243px 0;
}

.pcontact a:hover { background: url(../images/navi_bg.png) no-repeat -243px -19px;}

.pcontact_inactive {
	width: 99px;
	height: 18px;
	background: url(../images/navi_bg.png) no-repeat -243px -39px;
	margin: 0 20px 0 0;
}

.top a {
	display: block;
	width: 59px;
	height: 18px;
	background: url(../images/navi_bg.png) no-repeat -105px -39px;
}

.top a:hover { background: url(../images/navi_bg.png) no-repeat -164px -39px;}

/* End Title */

/* Services Styles */

.services h4 {
	margin: 10px 0 5px;
	padding: 0;
	color: #999;
	font: normal bold 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing: -0.5px;
	text-align: left;
}

.services_list li {
	width: 255px;
	height: 28px;
	margin: 0 0 10px 0;
	padding: 12px 0 0 45px;
	background: url(../images/checklist_bg.png) no-repeat top left;
	color: #666;
	font: normal normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align: left;
}

.services_list li:hover {
	background: url(../images/checklist_bg.png) no-repeat bottom left;
	color: #ccc;
}

.services_list strong { font-weight: bold;}

/* End Services */

/* About Styles */

.uk_list li {
	width: 255px;
	height: 28px;
	margin: 0 0 10px 0;
	padding: 12px 0 0 45px;
	background: url(../images/uk_bg.png) no-repeat top left;
	color: #666;
	font: normal normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align: left;
}

.uk_list li:hover {
	background: url(../images/uk_bg.png) no-repeat bottom left;
	color: #ccc;
}

.uk_list strong { font-weight: bold;}

.photo_list li {
	width: 255px;
	height: 28px;
	margin: 0 0 10px 0;
	padding: 12px 0 0 45px;
	background: url(../images/photo_bg.png) no-repeat top left;
	color: #666;
	font: normal normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align: left;
}

.photo_list li:hover {
	background: url(../images/photo_bg.png) no-repeat bottom left;
	color: #ccc;
}

.photo_list strong { font-weight: bold;}

/* End About */

/* Contact Styles */

#contact_me {
	float: left;
	width: 630px;
}

.required {
	color: #fff;
	border-bottom: 1px dashed #c00;
}

.no_title { padding: 47px 0 0 0;}

#contact_form input, #contact_form textarea { 
	margin: 0 0 10px 0; 
	border: none;
}

.contact_input {
	position: relative;
	width: 300px;
	height: 50px;
}

.contact_input label {
	position: absolute;
	text-indent: -999em;
}

#name_error, #email_error, #url_error, #verify_error {
	position: absolute;
	top: 12px;
	right: 10px;
	width: 16px;
	height: 16px;
	background: url(../images/form_error.png) no-repeat top center;
	text-indent: -999em;
}

#msg_error {
	position: absolute;
	top: 208px;
	left: 10px;
	padding: 0 0 0 26px;
	background: url(../images/form_error.png) no-repeat top left;
	color: #666;
	font: normal normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

#name, #email, #url {
	width: 235px;
	height: 27px;
	padding: 13px 0 0 65px;
	color: #fff;
	font: normal normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

#verify {
	width: 76px;
	height: 27px;
	padding: 13px 0 0 224px;
	color: #fff;
	font: normal normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

#name { background: url(../images/form_bg.png) 0 0;}

#name:focus { background: url(../images/form_bg.png) 0 -160px;}

#email { background: url(../images/form_bg.png) 0 -40px;}

#email:focus { background: url(../images/form_bg.png) 0 -200px;}

#url { background: url(../images/form_bg.png) 0 -80px;}

#url:focus { background: url(../images/form_bg.png) 0 -240px;}

#verify { background: url(../images/form_bg.png) 0 -120px;}

#verify:focus { background: url(../images/form_bg.png) 0 -280px;}

#msg {
	width: 274px;
	height: 114px;
	padding: 13px;
	background: url(../images/textarea_bg.png) no-repeat 0 0;
	color: #fff;
	font: normal normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

#msg:focus { background: url(../images/textarea_bg.png) 0 -140px;}

#submit {
	display: block;
	float: right;
	width: 120px;
	height: 40px;
	background: url(../images/submit_bg.png) 0 0;
	border: none;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
	text-indent: -999em;
}

#submit:hover, #submit:focus { background: url(../images/submit_bg.png) 0 -40px;}

#message {
	position: relative;
	width: 615px;
	height: 179px;
	margin: 47px 0 0 0;
	background: url(../images/message_bg.png) no-repeat top center;
}

#message h4 {
	position: absolute;
	top: 65px;
	left: 136px;
	color: #fff;
	font: normal bold 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing: -0.5px;
}

#message p {
	position: absolute;
	top: 89px;
	left: 136px;
	color: #ccc;
	font: normal normal 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#message img {
	position: absolute;
	top: 60px;
	left: 60px;
}

/* End Contact */