/*-----Copyright Ray Addison -----*/
* {
margin:0;
padding:0;
}

body {
font-family:Tahoma, Tahoma, Arial, Verdana, sans-serif;
font-size:14px;
color:#FFF;
line-height:130%;
text-align:left;
background-color:#0a1c34;
height:100%;
margin:0;
padding:0;
}

img {
border:0;
line-height:0;
margin:0;
padding:0;
}

#wrapper {
width:1020px;
background-color:#0a1c34;
height:100%;
margin:0 auto;
}

p {
padding-bottom:10px;
}

h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#0a1c34;
margin-right:-100px;
text-align:left;
font-weight:700;
line-height:150%;
font-size:12px;
padding:0;
}

h2 {
font-family:"Myriad Pro", Helvetica, Trebuchet MS, sans-serif;
position:relative;
color:#fff;
text-align:left;
font-size:24px;
font-weight:400;
letter-spacing:1px;
line-height:100%;
margin:0;
padding:0 0 10px;
}

h2 span {
background:url(../images/font_gradient.png) repeat-x;
position:absolute;
display:block;
width:100%;
height:30px;
}

h3 {
font-family:"Myriad Pro", Helvetica, Trebuchet MS, sans-serif;
position:relative;
color:#FFF;
text-align:left;
font-size:20px;
font-weight:400;
letter-spacing:1px;
margin:0;
padding:0 0 15px;
}

.alignh2right {
text-align:right;
}

a {
border:0;
}

#header {
width:1020px;
height:150px;
background-color:#FFF;
background-image:url(../images/header_bg.jpg);
margin:0;
}

#contact {
height:54px;
width:290px;
float:right;
position:relative;
display:inline;
background-image:url(../images/quote_back.png);
margin:40px 40px 0 0;
}

.quote {
font-family:"Myriad Pro", Helvetica, Trebuchet MS, sans-serif;
display:inline;
float:left;
position:relative;
color:#0a1c34;
text-align:left;
font-size:16px;
font-weight:700;
padding:33px 0 0 58px;
}

#logo {
width:250px;
height:80px;
float:left;
position:relative;
margin:18px 0 0 40px;
}

#menu {
width:550px;
height:40px;
float:left;
clear:both;
background-image:url(../images/menu_bg.png);
background-repeat:no-repeat;
vertical-align:middle;
margin:11px 0 0 38px;
padding:0;
}

#menutext {
font-family:"Myriad Pro", Helvetica, Trebuchet MS, sans-serif;
display:inline;
float:left;
position:relative;
color:#FFF;
text-align:left;
font-size:16px;
font-weight:400;
padding:14px 23px 0;
}

#menuline {
display:inline;
float:left;
position:relative;
height:40px;
width:2px;
background-image:url(../images/menu_line.png);
margin:0;
}

#leadbox {
width:940px;
height:300px;
clear:both;
margin:20px 40px 0;
background-color:#3871a6;
border-radius:6px;
}

#contentcont {
display:block;
text-align:justify;
height:100%;
clear:both;
overflow:auto;
margin:20px 40px;
}

#contentblock {
display:inline;
float:left;
position:relative;
padding-right:20px;
width:300px;
background-color:#0a1c34;
}

#contentright {
float:left;
position:relative;
width:300px;
background-color:#0a1c34;
}

#linebreak {
background-image:url(../images/linebreak.png);
background-repeat:no-repeat;
width:300px;
height:2px;
margin:20px 0;
}

#portfoliocont {
display:block;
text-align:justify;
height:100%;
clear:both;
overflow:auto;
margin:50px 40px 0;
}

#midportfolioblock {
display:inline;
float:left;
position:relative;
padding-left:30px;
width:300px;
background-color:#0a1c34;
}

#doubleblockleft {
display:inline;
float:left;
position:relative;
width:620px;
padding-right:20px;
background-color:#0a1c34;
}

#doubleblockright {
display:inline;
float:left;
position:relative;
width:620px;
background-color:#0a1c34;
}

.snap {
display:block;
font-size:100px;
margin:20px 0;
padding:20px 0;
}

#raypicwrap {
height:550px;
background-image:url(../images/rayaddison.jpg);
background-repeat:no-repeat;
background-position:center;
display:block;
text-align:justify;
clear:both;
overflow:auto;
margin:0 20px -20px;
}

#aboutmeblockleft {
display:inline;
float:left;
position:relative;
width:330px;
text-align:left;
padding:40px 20px 20px;
}

#aboutmeblockright {
display:inline;
float:right;
position:relative;
width:330px;
text-align:right;
padding:74px 20px 20px;
}

#portfolioline {
background-image:url(../images/portfolioline.png);
background-repeat:no-repeat;
width:940px;
height:2px;
margin:20px 0;
}

contactframe {
display:inline;
float:left;
position:relative;
width:600px;
margin:0;
}

.sigicons {
font-family:Tahoma, Tahoma, Arial, Verdana, sans-serif;
font-size:14px;
color:#FFF;
}

#footer {
width:940px;
height:300px;
background-image:url(../images/footer_bg.png);
clear:both;
margin:0 40px 20px;
}

#contactblock {
display:inline;
float:left;
position:relative;
width:280px;
padding:20px 0 0 20px;
}

#blogblock {
display:inline;
float:left;
position:relative;
width:280px;
padding:20px 10px 0;
}

.titles {
font-family:"Myriad Pro", Helvetica, Trebuchet MS, sans-serif;
position:relative;
color:#FFF;
text-align:left;
font-size:20px;
font-weight:400;
}

#recentposts {
width:280px;
padding:10px 0 0;
}

#recentposts ul {
list-style:none;
margin:0;
}

#recentposts li {
height:41px;
margin-bottom:5px;
}

#recentposts_img {
display:inline;
float:left;
position:relative;
width:31px;
clear:left;
}

#recentposts_txt {
display:inline;
width:220px;
float:left;
position:relative;
line-height:100%;
margin:6px 0 0 10px;
}

.moreroom {
font-size:12px;
display:inline;
}

#inputform {
display:inline;
float:left;
position:relative;
width:270px;
margin:0;
}

.field {
font-family:Tahoma, Tahoma, Arial, Verdana, sans-serif;
font-size:12px;
color:#666;
float:left;
border:hidden;
height:17px;
width:263px;
background:url(../images/field.png);
background-repeat:no-repeat;
border-width:0;
margin:10px 0 0;
padding:2px 2px 2px 5px;
}

#inputform textarea {
font-family:Tahoma, Tahoma, Arial, Verdana, sans-serif;
font-size:12px;
color:#666;
float:left;
border:solid 1px #fff;
width:260px;
border-radius:6px;
max-height:110px;
margin:10px 0 5px 0;
padding:0 2px 2px 5px;
}

.sendit {
display:inline;
height:30px;
width:80px;
float:right;
margin:0;
}

#twitterblock {
display:inline;
float:left;
position:relative;
height:280px;
overflow:hidden;
width:280px;
padding:20px 20px 0 0;
}

.twittertitle {
font-family:"Myriad Pro", Helvetica, Trebuchet MS, sans-serif;
position:relative;
color:#FFF;
text-align:left;
font-size:20px;
font-weight:400;
padding-left:10px;
}

#footerline {
display:inline;
float:left;
position:relative;
width:2px;
height:300px;
background-image:url(../images/footer_line.png);
margin:0 9px;
}

.link,a:link,a:visited {
font-family:Tahoma, Arial, Verdana, sans-serif;
color:#fff;
text-decoration:none;
font-weight:400;
}

a:hover,a:visited:hover {
font-family:Tahoma, Arial, Verdana, sans-serif;
color:#fff;
text-decoration:underline;
font-weight:400;
}

#contact a:link,#contact a:visited {
font-family:"Myriad Pro", Helvetica, Trebuchet MS, sans-serif;
color:#0a1c34;
text-decoration:none;
font-weight:700;
}

#contact a:hover,#contact a:visited:hover {
font-family:"Myriad Pro", Helvetica, Trebuchet MS, sans-serif;
color:#0a1c34;
text-decoration:underline;
font-weight:700;
}

#menutext a:link,#menutext a:visited,#recentposts a:link,#recentposts a:visited {
font-family:"Myriad Pro", Helvetica, Trebuchet MS, sans-serif;
color:#FFF;
text-decoration:none;
font-weight:400;
}

#menutext a:hover,#menutext a:visited:hover,#recentposts a:hover,#recentposts a:visited:hover {
font-family:"Myriad Pro", Helvetica, Trebuchet MS, sans-serif;
color:#FFF;
text-decoration:underline;
font-weight:400;
}

/* ------------ Nivo Slider Styles --------- */
/*
 * jQuery Nivo Slider v2.0
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */

@font-face { font-family: 'myr'; src: url('./fonts/myriad/MyriadPro-Regular.otf') format('truetype');} 
@font-face { font-family: 'myralt'; src: local("hncb"), local("Myriad Pro");} 

.nivo-caption {
	position:absolute;
	width:920px;
	height:30px;
	left:0px;
	bottom:0px;
	background:#000;
	font-family:myr,myrbalt,tahoma;
	text-shadow: 1px 1px 1px #000000;
	color:#fff;
	opacity:0.9; /* Overridden by captionOpacity setting */
	z-index:89;
}
.nivo-caption p {
	padding:6px 0 0 10px;
	margin:0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	bottom:6px;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

#slider {
	position:relative;
	width:920px;
	height:280px;
	float:right;
	margin:10px;
	background:#202834 url(../images/loading.gif) no-repeat 50% 50%;
	-moz-box-shadow:0px 0px 10px #333;
	-webkit-box-shadow:0px 0px 10px #333;
	box-shadow:0px 0px 10px #333;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
}

.nivo-controlNav {
	position:absolute;
	right:22px;
	bottom:9px;
}
.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}

.nivo-directionNav a {
	display:block;
	width:16px;
	height:17px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-16px 0;
	right:10px;
}
a.nivo-prevNav {
	left:844px;
}
.nivo_lrg {
	font-size:16px;
	}
.nivo_sml {
	font-size:10px
	}

/*---------------- Portfolio Slider ------------------*/

/*--Main Container--*/
.main_view {
	float:right;
	position: relative;
	width:600px;
	height:310px;
	margin:0px 0 30px 20px;
	background-color:#fff;

}
/*--Window/Masking Styles--*/
.window {
	height:280px;	width: 580px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	margin:10px 0 0 10px;
	-moz-box-shadow:0px 1px 3px #666 inset;
	-webkit-box-shadow:0px 1px 3px #666 inset;
	box-shadow:0px 1px 3px #666 inset;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	right: 0px;
	bottom:-12px;
	width: 50px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 28px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 4px;
	width:10px;
	height:10px;
	background:url(../images/bullets.png) no-repeat;
}
.paging a.active {
	background-position:-10px 0;
}
.paging a:hover {font-weight: bold; color:#fff;}

/* ----------- End ------------- */