@charset "utf-8";
/*Copyright ©2013 by Brian Bodnarchuk. All rights reserved. The works contained therein are for educational purposes only and not for resale.*/

/* ---------- BEGIN CSS RESET ---------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}
/* ---------- END CSS RESET ---------- */

body{
	background-color:#D1D1D1;
}

#wrapper{
	width:960px;
	height:2700px;
	margin: 10px auto;
	/* [disabled]background-image: url(../images/headerBkg.png); */
	/* [disabled]background-repeat: no-repeat; */
	/* [disabled]background-position: center top; */
	position:relative;
}

#header {
	width:960px;
	position:absolute;
	left:0px;
	top:0px;
	float:left;
	z-index:-1;
}

#logoName{
	width:454px;
	height:148px;
	margin: 44px 0 0 44px;
	float:left;
	z-index:1;
}
	
#content{
	width:892px;
	height:2590px;
	margin: 96px 0px 0px 28px;
	float:left;	
	position:relative;
	background-color:#026a7f;
	border: 8px solid #d77d2a;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
}

/* ---------- BEGIN MAIN NAVIGATION ---------- */

#mainNav {
	width:794px;
	height:47px;
	margin:0px 0px 0px 56px;	
}

#mainNav ul{
	font-family: "Cabin", Arial, Helvetica, sans-serif;
	list-style-type: none;
}

#mainNav ul li{
	float:left;
	margin:0px 28px 0px 30px;
	width:140px;
	height:47px;
	background-color: #d77d2a; 
	-webkit-border-radius: 0px 0px 20px 20px;
	-moz-border-radius:0px 0px 20px 20px;
	border-radius:0px 0px 20px 20px;
}

#mainNav ul li a{
	width:140px;
	height:35px;
	color: #FFF;
	text-decoration: none;
	display: block;
	padding:12px 0px 0px 0px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color:transparent;
	overflow: hidden;
	width: auto;
	text-align: center;
	}

#mainNav ul li a:hover{
	background-color:#FFFFFF;
	color:#d77d2a;
	-webkit-border-radius: 0px 0px 20px 20px;
	-moz-border-radius:0px 0px 20px 20px;
	border-radius:0px 0px 20px 20px;
}



/* ---------- END MAIN NAVIGATION ---------- */

#opening{
width:720px;
margin: 30px 0px 0px 90px;
}

#opening p{
	font-family: "Cabin", Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height: 1.5em;
}

#websites, #artwork{
	width:700px;
	margin-left:100px;
	}

#websites ul, #artwork ul{
	list-style-type:none;
}

#websites ul li, #artwork ul li{
	float:left;
	margin-right:40px;
	margin-bottom:60px;
}

#websites ul li p, #artwork ul li p{
	font-family: "Cabin", Arial, Helvetica, sans-serif;
	width: 300px;
	/*padding-top:5px;*/
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 1.5em;	
	}

#websites ul li a, #websites ul li p, #artwork ul li a, #artwork ul li p  {
	color:#ffffff;
	text-decoration:none;
}


#websites ul li a:hover, #websites ul li p:hover, #artwork ul li a:hover, #artwork ul li p:hover  {
	color:#000000;
	text-decoration:none;
}


.linkBoxes{
	position:relative;
	width: 300px;
	height: 200px;
	border: 2px solid #000000;
	text-decoration: none !important;
}

.linkBoxes a{
	position:absolute;
	font-family: "Cabin", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:1.5em;
	text-align: center;
	text-decoration: none !important;
}

.linkBoxes a:hover{
	color:#000000;
	text-align: center;
	text-decoration: none !important;

}

.sectionHeader{
	margin: 60px 0px 60px 50px;
	width:800px;
	float:left;
	clear:both;
}

H2 {
	font-family: "CabinBold", Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	color: #FFFFFF;
	display: block;
	background-color:#026a7f;
	position:absolute;
	float:left;
	z-index:2;
	margin-top:-40px;
	padding-right:20px;
}

.whiteBar {
	margin: -20px 0px 0px 10px;
	float:right;
	z-index:1;
	overflow:hidden;
}

.contactBox{
	width:526px;
	height:75px;
	margin:50px 0px 0px 170px;
	float:left;
	clear:both;
}

.contactBox p{
	font-family: "Cabin", Arial, Helvetica, sans-serif;
	text-decoration: none !important;
	color: #FFFFFF;
	margin-left:20px;
	font-size: 1.25em;
}

.contactBox a{
	text-decoration: none !important;
}

.smallP {
	display:none;
}


.contactImage{
	float:right;
	margin-top:-60px;
}

.contactBar{
	margin-top:-5px;
}

#orangeBar{
width:480px;
height:22px;
float:right;
background-color:#d77d2a;
}

#nameBox{
	float:left;
	width:800px;
	margin: 20px 0px 0px 50px;
}

#nameBoxSmall{display:none;}

#nameBox h3{
	font-family: "CabinBold", Arial, Helvetica, sans-serif;
	font-size: 2.2em;
	color: #FFFFFF;
	float:left;
	margin-top:15px;
	}

#nameContact{
width:480px;
float:right;
margin-bottom:2px;
}

#nameBox p{
	font-family: "CabinBold", Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #FFFFFF;
	text-align: center;
}

#email, #email a{
	font-family: "CabinBold", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
}

@font-face {
    font-family: Cabin;
    src: url(../fonts/cabin/Cabin-Regular-webfont.eot);
    src: local(":)"), url(../fonts/cabin/Cabin-Regular-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/cabin/Cabin-Regular-webfont.woff) format('woff'),
         url(../fonts/cabin/Cabin-Regular-webfont.ttf) format('truetype'),
         url(../fonts/cabin/Cabin-Regular-webfont.svg#CabinRegular) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: CabinBold;
    src: url(../fonts/cabin/Cabin-Bold-webfont.eot);
    src: local(":)"), url(../fonts/cabin/Cabin-Bold-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/cabin/Cabin-Bold-webfont.woff) format('woff'),
         url(../fonts/cabin/Cabin-Bold-webfont.ttf) format('truetype'),
         url(../fonts/cabin/Cabin-Bold-webfont.svg#CabinRegular) format('svg');
    font-weight: normal;
    font-style: normal;
}

/*span.reverse {
  unicode-bidi: bidi-override;
  direction: rtl;
}*/