/*-----------------------------------------------------------------------------
author:    www.danielwriter.com
-----------------------------------------------------------------------------*/



/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
	}

/* Put it back on certain elements */


/* Class for clearing floats */
.clear {
	clear:both;
	/* Take padding/margins out for IE */
	padding:0;
	margin:0;
	visibility:hidden;
	display:block;
	}

/* Remove border around linked images */
img {
	border: 0;
	}


/* =Typography
-----------------------------------------------------------------------------*/

#banner p {
	padding-top:65px;
	padding-right:5px;
	font-size:100%;
	color:#FFFFFF;
	text-align:right;
	}
	
#footer p {
	margin-top:29px;
	font-size:100%;
	text-align:center;
	}
	
#footer span {
	margin-left:165px;
	font-size:100%;
	text-align:center;
	}

/* =Links
-----------------------------------------------------------------------------*/

a {
	color:#6bbbfd;
	font-weight:bold;
	}

a:link {
	color:#6bbbfd;
	text-decoration:none;
	}

a:visited {
    color:#ffffff;
	text-decoration:none;
	}

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

a:active {
	color:#ffffff;
	text-decoration:underline;
	}


/* =Main Nav
-----------------------------------------------------------------------------*/
#mainNav {
	width: 139px;
	height: 164px;
	background-image:url(../img/mainNav_bg.jpg);
	position: absolute;
	top:136px;
	left:349px;
	display:block;
	}

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


#mainNav ul li a:link, #mainNav ul li a:visited {
	height:41px;
	width:139px;
	display:block;
	background-repeat:no-repeat;
	background-position:left;
	}

#mainNav ul li a:hover, #mainNav ul li a:active, /* for IE 'flicker' on rollover */ #navHome, #navPortfolio, #navContact, #navLinks {
	height:41px;
	width:139px;
	display:block;
	background-repeat:no-repeat;
	background-position:right;
	}

#navHome a, /* for IE flicker */ #navHome {
	background-image:url(../img/navHome.jpg);
	}

#navPortfolio a, /* for IE flicker */ #navPortfolio {
	background-image:url(../img/navPortfolio.jpg);
	}

#navContact a, /* for IE flicker */ #navContact {
	background-image:url(../img/navContact.jpg);
	}

#navLinks a, /* for IE flicker */ #navLinks {
	background-image:url(../img/navLinks.jpg);
	}


/* =Main Content
-----------------------------------------------------------------------------*/

#banner {
	margin:0;
	width:750px;
	height:95px;
	background-image:url(../img/banner.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	}
	
#logo {
	margin:0;
	width:392px;
	height:271px;
	float:right;
	background-image:url(../img/logo.jpg);
	}
	
#pageTitleH {
	margin:0;
	width:269px;
	height:51px;
	position:absolute;
	top:412px;
	left:139px;
	background-image:url(../img/homeTitle.jpg);
	display:inline;
	}
	
#contentH {
	width:204px;
	position:absolute;
	top:480px;
	left:156px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:175%;
	}
	
#contentContainerH {
	width:335px;
	height:632px;
	float:right;
	background-image:url(../img/contentContainerH.jpg);
	}
	
/* =Remix
-----------------------------------------------------------------------------*/

#remix {
	margin:0;
	width:269px;
	height:44px;
	position:absolute;
	top:354px;
	left:139px;
	background-image:url(../img/remix.jpg);
	background-repeat:no-repeat;
	display:inline;
	}
	
#remix ul {
	list-style:none;
	padding:0;
	margin:0;
	}


#remix ul li a:link, #remix ul li a:visited {
	height:44px;
	width:50px;
	display:block;
	background-repeat:no-repeat;
	background-position:top;
	}

#remix ul li a:hover, #remix ul li a:active, /* for IE 'flicker' on rollover */ #remix1, #remix2 {
	height:44px;
	width:50px;
	display:block;
	background-repeat:no-repeat;
	background-position:bottom;
	}

#remix1 a, /* for IE flicker */ #remix1 {
	float:right;
	background-image:url(../img/remix1.jpg);
	}

#remix2 a, /* for IE flicker */ #remix2 {
	float:right;
	background-image:url(../img/remix2.jpg);
	}

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

#pageTitleP {
	margin:0;
	width:269px;
	height:51px;
	position:absolute;
	top:412px;
	left:139px;
	background-image:url(../img/portTitle.jpg);
	display:inline;
	}
	
#contentP {
	width:240px;
	height:480px;
	position:absolute;
	top:480px;
	left:155px;
	}
	
#contentContainerP {
	width:335px;
	height:632px;
	float:right;
	background-image:url(../img/contentContainerP.jpg);
	}
	
/* =PortfolioSamples
-----------------------------------------------------------------------------*/
	
#contentP ul {
	list-style:none;
	padding:0;
	margin:0;
	}

#contentP ul li a:link, #contentP ul li a:visited {
	height:80px;
	width:80px;
	display:block;
	background-repeat:no-repeat;
	background-position:left;
	}

#contentP ul li a:hover, #contentP ul li a:active, /* for IE 'flicker' on rollover */ #port_1, #port_2, #port_3, #port_4, #port_5, #port_6, #port_7, #port_8, #port_9, #port_10, #port_11, #port_12, #port_13, #port_14, #port_15, #port_16, #port_17, #port_18 {
	height:80px;
	width:80px;
	display:block;
	background-repeat:no-repeat;
	background-position:right;
	}

#port_1 a, /* for IE flicker */ #port_1 {
	float:left;
	background-image:url(../port1/port1.jpg);
	}
	
#port_2 a, /* for IE flicker */ #port_2 {
	float:left;
	background-image:url(../port1/port2.jpg);
	}

#port_3 a, /* for IE flicker */ #port_3 {
	float:left;
	background-image:url(../port1/port3.jpg);
	}

#port_4 a, /* for IE flicker */ #port_4 {
	float:left;
	background-image:url(../port1/port4.jpg);
	}
	
#port_5 a, /* for IE flicker */ #port_5 {
	float:left;
	background-image:url(../port1/port5.jpg);
	}
	
#port_6 a, /* for IE flicker */ #port_6 {
	float:left;
	background-image:url(../port1/port6.jpg);
	}
	
#port_7 a, /* for IE flicker */ #port_7 {
	float:left;
	background-image:url(../port1/port7.jpg);
	}

#port_8 a, /* for IE flicker */ #port_8 {
	float:left;
	background-image:url(../port1/port8.jpg);
	}

#port_9 a, /* for IE flicker */ #port_9 {
	float:left;
	background-image:url(../port1/port9.jpg);
	}
	
#port_10 a, /* for IE flicker */ #port_10 {
	float:left;
	background-image:url(../port1/port10.jpg);
	}
	
#port_11 a, /* for IE flicker */ #port_11 {
	float:left;
	background-image:url(../port1/port11.jpg);
	}

#port_12 a, /* for IE flicker */ #port_12 {
	float:left;
	background-image:url(../port1/port12.jpg);
	}

#port_13 a, /* for IE flicker */ #port_13 {
	float:left;
	background-image:url(../port1/port13.jpg);
	}
	
#port_14 a, /* for IE flicker */ #port_14 {
	float:left;
	background-image:url(../port1/port14.jpg);
	}
	
#port_15 a, /* for IE flicker */ #port_15 {
	float:left;
	background-image:url(../port1/notyet.jpg);
	}
	
#port_16 a, /* for IE flicker */ #port_16 {
	float:left;
	background-image:url(../port1/notyet.jpg);
	}

#port_17 a, /* for IE flicker */ #port_17 {
	float:left;
	background-image:url(../port1/notyet.jpg);
	}

#port_18 a, /* for IE flicker */ #port_18 {
	float:left;
	background-image:url(../port1/notyet.jpg);
	}
	


/* =Contact
-----------------------------------------------------------------------------*/

#pageTitleC {
	margin:0;
	width:269px;
	height:51px;
	position:absolute;
	top:412px;
	left:139px;
	background-image:url(../img/contactTitle.jpg);
	display:inline;
	}
	
#contentC {
	width:240px;
	height:480px;
	position:absolute;
	top:480px;
	left:150px;
	}
	
#contentC p{
	margin:0 0 10px 0;
	font-weight:bold;
	letter-spacing:1px;
	}
	
#contentContainerC {
	width:335px;
	height:632px;
	float:right;
	background-image:url(../img/contentContainerP.jpg);
	}
	
/* =Links
-----------------------------------------------------------------------------*/

#pageTitleL {
	margin:0;
	width:269px;
	height:51px;
	position:absolute;
	top:412px;
	left:139px;
	background-image:url(../img/linksTitle.jpg);
	display:inline;
	}
	
#contentL {
	width:240px;
	height:480px;
	position:absolute;
	top:480px;
	left:155px;
	}
	
#contentContainerL {
	width:335px;
	height:632px;
	float:right;
	background-image:url(../img/contentContainerP.jpg);
	}

#contentL ul {
	list-style-type:none;
	padding:0 0 0 10px;
	margin:0;
	line-height:200%;
	}
	
#contentL ul li {
	margin-bottom:5px;
	padding-left:18px;
	background: url(../img/linkBullet.gif) no-repeat 0 50%;
	}
	
/* =Contact Form
-----------------------------------------------------------------------------*/

form {
	margin:0;
	padding:0;
	font-weight:bold;
	}

fieldset {
	margin:0;
	padding:0;
	border:0;
	}

#inputWrap {
	width:240px;
	text-align:left;
	}
	
#inputWrap p {
	text-align:left;
	margin:25px 0;
	}
	
.contactFloat {
	float:left;
	}
	
input, textarea {
	color:#355b8e;
	background-color:#ffffff;
	border:1px solid #cccccc;
	padding:2px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	}

#submit {
	border:none;
	}

/* =Footer
-----------------------------------------------------------------------------*/
#footer {
	margin:0;
	padding-top:11px;
	width:750px;
	height:85px;
	background-image:url(../img/footerImage.jpg);
	background-repeat:no-repeat;
	color:#6bbbfd;
	}


/* =Main
-----------------------------------------------------------------------------*/

#container {
	margin: 30px auto;
	width: 750px;
	height: 1150px;
	position: relative;
	z-index:0;
	}
	
body {
	margin:0 0 0 0;
	padding:0;
	color:#FFFFFF;
	background-color:#0d3b60;
	background-image:url(../img/bgGrad.gif);
	background-repeat:repeat-x;
	font-size:small;
	font-family:Geneva, Arial, Helvetica, sans-serif;	
	}

/* =Misc 1
-----------------------------------------------------------------------------*/
#misc1 {
	margin:0;
	width:307px;
	height:903px;
	float:right;
	background-image:url(../img/misc1.jpg);
	}


/* =Misc 2
-----------------------------------------------------------------------------*/
#misc2 {
	margin:0;
	width:101px;
	height:632px;
	float:right;
	background-image:url(../img/misc2.jpg);
	}
	
/* =Misc 3 and 4
-----------------------------------------------------------------------------*/
#misc3 #misc4 {
	display: none;
	visibility:hidden;
	}
	
/* =body id's
-----------------------------------------------------------------------------*/
#home #port #contact #links{
	}