/* Styling by Cole Winans @ Syneticus, LLC */

/* ----------| =Reset |---------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ----------| =Body Structure |---------- */

body {
	background: url(../images/mainBg.jpg) repeat;
}

#container {
	width: 960px;
	min-height: 800px;
	margin: 0px auto 0px auto;
}

#navigation {
	width: 960px;
	height: 75px;
	margin-top: 15px;
}

#slider-container {
	background: url(../images/slider-bg.png) no-repeat;
	width: 630px;
	height: 405px;
	margin: 37px auto 0px auto;
}

#slider {
	margin-left: 40px;
	margin-top: 2px;
}

/* ----------| =Elements |---------- */ 

h1 {
	font-style: normal;
	font-size: 22px;
	font-weight: 100;
	color: #5e5e5e; 
	font-family: "Century Gothic",sans-serif;
	text-shadow: 1px 1px #dfdfdf;
}

span.h1title {
	font-style: normal;
	font-size: 22px;
	font-weight: 100;
	color: #318bbd; 
	font-family: "Century Gothic",sans-serif;
	text-shadow: 1px 1px #dfdfdf;
}

a img {
	border: none;
}

a {
	text-decoration: none;
}

p.lab-text {
	font-size: 14px;
	color: #5E5E5E;
	line-height: 25px;
	margin-top: 12px;
	font-family: "Century Gothic",sans-serif;
}

p.about-text {
	font-size: 16px;
	color: #5E5E5E;
	line-height: 25px;
	margin-top: 12px;
	font-family: "Century Gothic",sans-serif;
	margin-top: 25px;
}

span.blue {
	color: #318bbd; 
	text-shadow: 1px 1px #dfdfdf;
}
/* ----------| =Navigation |---------- */ 

#navlinks {
	background: url(../images/navlinks.png);
	width: 354px;
	height: 31px;
	float: right;
	margin-top: 26px;
	display:block;
}

#navlinks .n1 {
	display:block;
	width: 97px;
	height:30px;
	background:url(../images/n1.png);
	float:left;
}

#navlinks .n1:hover {
	background: none;
}

#navlinks .n2 {
	display:block;
	width: 125px;
	height:30px;
	background:url(../images/n2.png);
	float:left;
	margin-left: 31px;
}

#navlinks .n2:hover {
	background: none;
}

#navlinks .n3 {
	display:block;
	width: 68px;
	height:30px;
	background:url(../images/n3.png);
	float:left;
	margin-left: 28px;
}

#navlinks .n3:hover {
	background: none;
}

#navlinks .selected {
	background: none;
	color: #318bbd;
}

#navlinks a {
	font-style: normal;
	font-size: 18px;
	font-weight: 100;
	color: #5e5e5e; 
	font-family: "Century Gothic",sans-serif;
	text-shadow: 1px 1px #dfdfdf;
	line-height: 34px;
}

#navlinks a:hover {
	color: #318bbd;
}

#navlinks span.n1-title {
	margin-left: 35px;
}

#navlinks span.n2-title {
	margin-left: 45px;
}

#navlinks span.n3-title {
	margin-left: 31px;
}

/* ----------| =Content |---------- */ 

.logo {
	float: left;
}

.tagline {
	width: 960px;
	margin-top: 15px;
	text-align: center;
}

#hire-us {
	margin: 40px auto 0px auto;
	width: 178px;
	height: 52px;
}

span.portfolio-name {
	font-style: normal;
	font-size: 14px;
	font-weight: 100;
	color: #5e5e5e; 
	font-family: "Century Gothic",sans-serif;
	text-shadow: 1px 1px #dfdfdf;
	line-height: 18px;
	float: left;
}

span.portfolio-description {
	font-style: normal;
	font-size: 14px;
	font-weight: 100;
	color: #318bbd; 
	font-family: "Century Gothic",sans-serif;
	text-shadow: 1px 1px #dfdfdf;
	line-height: 18px;
	float: right;
}

/* ----------| =Pagination |---------- */ 
#pagination {
	width: 960px;
	height 50px;
	margin: 0px auto 25px auto;
	float: left;
}

#pagination .previous {
	width: 104px;
	height: 30px;
	float: left;
}

#pagination .bullets {
	width: 400px;
	height: 30px;
	float: left;
	margin-left: 338px;
}

#pagination .next {
	width: 104px;
	height: 30px;
	float: right;
}


/* ----------| =Footer |---------- */ 

#footer {
	width: 960px;
	height: 45px;
	margin: 25px auto 0px auto;
}

#footer a {
	text-decoration: none;
	font-style: normal;
	font-size: 12px;
	font-weight: 100;
	color: #5e5e5e; 
	font-family: "Century Gothic",sans-serif;
	text-shadow: 1px 1px #dfdfdf;
	padding-right: 3px;
}

#footer a:hover {
	color: #318bbd;
}

#footerLinks {
	width: 420px;
	float: left;
}

#footerLinks ul{
	padding: 0;
}

#footerLinks ul li {
	display: inline;
	text-decoration: none;
	font-style: normal;
	font-size: 12px;
	font-weight: 100;
	color: #5e5e5e; 
	font-family: "Century Gothic",sans-serif;
	text-shadow: 1px 1px #dfdfdf;
	padding-right: 3px;
}

#socialMedia {
	float: left;
	margin-left: 12px;
}

#socialMedia ul{
	padding: 0;
}

#socialMedia ul li {
	display: inline;
	text-decoration: none;	
}

#copyright {
	float: right;
}

#copyright p {
	font-size: 12px;
	font-weight: 100;
	color: #5e5e5e; 
	font-family: "Century Gothic",sans-serif;
	text-shadow: 1px 1px #dfdfdf;
}




/* ----------| =Portfolio |---------- */ 

#primary_full, #primary, #secondary {position:relative;overflow:hidden;}
* html #primary, * html #secondary{display:inline;}
* html body{text-align:center;}
body {min-width:960px;background-color:#f9f9f9;}
#body_block{z-index:0;padding-top:10px;}
#primary{float:left;width:672px;}
#secondary{float:right;width:288px;min-height:300px;}
#primary .content{margin-right:48px;margin-top:0px;}
#secondary .content{margin-right:0px;margin-left:0px;}
.inner{height:100%;width:960px;min-width:960px;position:relative;clear:both;text-align:left;margin:0 auto;}
#primary-full .content, #subfooter .content{ margin-left:10px;margin-right:10px;padding:1px;margin-top:0px;overflow:hidden;}
#body_block #primary-full{width:960px;}
.entry{overflow:hidden;}
img.visit-website{margin-top:12px;float:left;}

/* ----------| =Columns |---------- */ 

#primary .one_third{width:176px;}
#primary .two_third{width:400px;}
#primary .one_half{width:288px;}
#primary .one_fourth, #footer .one_fourth{width:120px;}
#primary .three_fourth{width:456px;}
.one_half{width:456px;}
.one_third{width:288px;}
.two_third{width:624px;}
.one_fourth{width:204px;}
.three_fourth{width:708px;}
.one_half,.one_third,.two_third,.three_fourth,.one_fourth{position:relative;margin-right:48px;margin-bottom:25px;float:left;}
.last{margin-right:0 !important;clear:right;}

/* ----------| =Loader |---------- */ 

.loading_gallery {
	background:transparent url(../images/ajax-loader.gif) no-repeat scroll center center;
	height:32px;
	left:129px;
	position:absolute;
	top:73px;
	width:32px;}
h2.portfolio{margin-top:45px;}
h3.portfolio{margin-bottom:15px;margin-top:0;}
p.portfolio{margin-bottom:15px;}

.portfolio_single_pic{
	background:transparent url(../images/portfolio_post_frame.gif) no-repeat scroll -1px -10px;
	display:block;
	height:600px;
	position:relative;
	width:960px;}
.portfolio_single_pic img{
	background:#F5F5F5 none repeat scroll 0 0;
	border:1px solid #FFFFFF;
	height:516px;
	left:2px;
	padding:4px;
	position:absolute;
	top:22px;
	width:945px;}

	/* ----------| =Gallery |---------- */ 

.loading_gallery_post {
	background: transparent url(../images/ajax-loader.gif) no-repeat scroll center center;
	height:32px;
	left:450px;
	position:absolute;
	top:267px;
	width:32px;}
.portfolio_img_holder {
	background: transparent url(../images/portfolio-gallery-frame.png) no-repeat scroll 0 -5px;
	display:block;
	height:180px;
	position:relative;
	width:288px;}
.portfolio_img_holder img {
	background: #F5F5F5 none repeat scroll 0 0;
	border:1px solid #FFFFFF;
	height:151px;
	left:1px;
	padding:4px;
	position:absolute;
	top:9px;
	width:276px;}
.rollover {
	background: transparent url(../images/zoom_small.png) no-repeat 0 0;
	display:none;
	height:151px;
	left:6px;
	position:absolute;
	top:14px;
	width:276px;}
.rollover_play {
	background: transparent url(../images/play_small.png) no-repeat 0 0;
	display:none;
	height:151px;
	left:6px;
	position:absolute;
	top:14px;
	width:276px;}

	/* ----------| =Full |---------- */ 

.loading_gallery_full {
	background: transparent url(../images/ajax-loader.gif) no-repeat scroll center center;
	height:32px;
	left:215px;
	position:absolute;
	top:124px;
	width:32px;}
.full_portfolio_frame{
	background: transparent url(../images/portfolio_full_frame.png) no-repeat scroll -14px -14px;
	height:300px;
	margin-top:35px;
	width:472px;
	position:relative;}
.full_portfolio_frame img{
	background: #F5F5F5 none repeat scroll 0 0;
	border:1px solid #FFFFFF;
	height:246px;
	left:1px;
	padding:4px;
	position:absolute;
	top:8px;
	width:447px;}
.full_portfolio_frame .rollover {
	background: transparent url(../images/zoom_large.png) no-repeat scroll 0 0;
	height:246px;
	left:6px;
	top:13px;
	width:447px;}
.full_portfolio_frame .rollover_play {
	background: transparent url(../images/play_large.png) no-repeat scroll 0 0;
	height:246px;
	left:6px;
	top:13px;
	width:447px;}
	
.blog_frame .rollover {
	background: transparent url(../images/zoom_blog.png) no-repeat scroll 0 0;
	height:234px;
	top:30px;
	width:612px;}
.blog_frame .rollover_play {
	background: transparent url(../images/play_blog.png) no-repeat scroll 0 0;
	height:234px;
	top:30px;
	width:612px;}
	
/* Contact Form */

#mask {
background-color: #737e86;
display:none;
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:9000;
}

#contact {
background-color:#fff;
display:none;
left:50%;
margin-left:-200px;
position:absolute;
top:90px;
width:400px;
z-index:9999;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
padding:20px;
}

#contact_header {
font-style: normal;
font-size: 18px;
font-weight: 100;
margin-bottom: 10px;
color: #44a8da; 
font-family: "Century Gothic",sans-serif;
padding:5px 5px 10px 0px;
}

label {
	font-family: "Century Gothic",sans-serif;
}

/* form components */

input,textarea {
border:1px solid silver;
background-color:#fff;
color:#404040;
font-size:10px;
font-family:"Century Gothic",sans-serif;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin:10px 0;
padding:10px;
}

input.name {
	margin-left: 21px;
}

input.email {
	margin-left: 65px;
}

input.phone {
	margin-left: 56px;
}

select.budget {
	margin-left: 45px;
}

label.comment {
	float: left;
	margin-top: 10px;
}

textarea.comment {
	margin-left: 35px;
}

select {
	margin:10px 0;
}

h1.contact {
		font-style: normal;
		font-size: 18px;
		font-weight: 100;
		margin-bottom: 10px;
		color: #44a8da; 
		font-family: "Century Gothic",sans-serif;
}

input:hover[type=text],input:focus[type=text],textarea:hover,textarea:focus {
background-color:#E0E0E0;
border:1px solid #000;
}

input[type=text],textarea {
width:270px;
}

#submit {
border:none;
width:101px;
height:38px;
background-image:url(../images/send-btn.png);
margin-left: 100px;
}

#submit:hover {
cursor:pointer;
}

/* alert messages */
.success,.error {
color:#000;
display:none;
font-size:15px;
font-weight:700;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
padding:5px 10px 5px 10px;
margin-bottom: 10px;
}

.success {
background-color:#9F6;
border:1px solid #0F0;
}

.error {
background-color:#F66;
border:1px solid red;
}