body, form {
	padding:0px;
	margin:0px;
	font-family: Lucida Sans Unicode, Lucida Sans, Trebuchet MS, Arial, Helvetica, sans-serif;
}

body 
{
	background-color:#000000;
}

a:focus { outline: none; }

a:active{position:relative;top:1px}	

/***** - Site - *****/

#SiteWrapper {
	background-image:url(images/bokeh.jpg);
	background-position:top;
	background-repeat:no-repeat;
	min-height:500px;
	height:auto !important;
	height:500px;
	margin:0 0 20px 0;
}

.Wrapper {
	width:780px;
	margin-left:auto;
	margin-right:auto;
	padding:0 0px 0 0px;
}

.Clear {
	clear:both;
}

.Hide {
	display:none;
}

img {
	border:none;
}

h1, h2, h3, h4 {
	font-weight:lighter;
}

p {
	color:#232323;
	font-size:90%;
	line-height:140%;
	margin:0 0 20px 0;
}

blockquote {
	background-image:url(images/Quote.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding:0 0 0 45px;
	margin:0px;
	text-indent:0px;
	color:#666666;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.Top a {
	font-size:80%;
	color:#999999;
	text-decoration:none;
	border-top:1px solid #CCCCCC;
	width:520px;
	display:block;
}	

.Top a:hover {
	color:#008c9a;
	text-decoration:underline;
}	

/***** - Header - *****/

#Header {
	background-color:#008c9a;
	min-height:70px;
	height:auto !important;
	height:70px;
	padding-bottom:15px;
}

#Header h1 {
	color:#80c6cd;
	font-size:270%;
	margin:15px 0 5px 0;
	padding:0px;
	text-shadow: -1px -1px 1px #007a86;
}

#Logo {
	width:60px;
	height:50px;
	float:left;
	margin:20px 0 0 0;
}

/***** - Top Nav - *****/

#TopNav {
	float:right;
	min-height:70px;
	height:auto !important;
	height:70px;
	overflow:hidden;
	font-size:90%;
}

#TopNav ul {
	padding:0 0 0 0;
	margin:0px;
	text-align:right;
	list-style-type:none;	
}

#TopNav ul li {
	padding:35px 10px 0 10px;
	margin:0px;
	background-image:url(images/TopNav.png);
	background-repeat:no-repeat;
	background-position:left top;
	min-height:35px;
	height:auto !important;
	height:35px;
	display:block;
	float:left;
	text-shadow: -1px -1px 1px #007a86;
}

#TopNav ul li a {
	color:#FFFFFF;
	text-decoration:none;
	border-bottom:1px dotted #03c5d8;
}

#TopNav ul li a:hover {
	color:#FFFFFF;
	text-decoration:none;
	border-bottom:1px solid #FFFFFF;
}

/***** - Breadcrumb - *****/

#Breadcrumb {
	color:#FFFFFF;
	font-size:70%;
}	

#Breadcrumb ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
	display:inline;	
}	

#Breadcrumb ul li {
	
	display:inline;
	background-image:url(images/breadcrumb.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding:0 0 0 14px;
	margin: 0 0px 0 0px;
	text-shadow: -1px -1px 1px #007a86;
}

#Breadcrumb ul li a {
	color:#FFFFFF;
	text-decoration:none;
}

#Breadcrumb ul li a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

/***** - Left Navigation - *****/

#NavCol {
	width:220px;
	float:left;
}

#NavCol ul.level-1 {
	padding:10px;
	margin:0 0 20px 0;
	list-style-type:none;
	background-color:#FFFFFF;
	font-size:90%;
	-webkit-box-shadow: 1px 1px 5px #333; 
	-moz-box-shadow: 1px 1px 5px #333; 
	box-shadow: 1px 1px 5px #333;
}

#NavCol ul li {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #e9e9e9;
}

#NavCol ul li a {
	color:#008c9a;
	text-decoration:none;
}

#NavCol ul li a:hover {
	color:#008c9a;
	text-decoration:underline;
}

#NavCol ul li a {
	color:#008c9a;
	text-decoration:none;
}

#NavCol ul li a:hover {
	color:#008c9a;
	text-decoration:underline;
}

#NavCol ul.level-2 {
	padding:10px 5px 0 10px;
	margin:0 0 0px 0;
	list-style-type:none;
	background-color:#FFFFFF;
	font-size:90%;
}

#NavCol ul.level-2 li 
{
    border-bottom:none;
	margin-bottom:2px;
	padding-bottom:2px;
}

#NavCol ul.level-2 li a  
{
}

#GetinTouch 
{
	padding:8px;
	margin:0px 0 20px 0;
	list-style-type:none;
	background-color:#FFFFFF;
	-webkit-box-shadow: 1px 1px 5px #333; 
	-moz-box-shadow: 1px 1px 5px #333; 
	box-shadow: 1px 1px 5px #333;
}

#GetinTouch p 
{
    color:#ce1f5e;
    padding:0 0 3px 0;
    margin:0px;
}

#GetinTouch p.Large
{   
    font-size:100%;
    color:#ce1f5e;
}

/***** - Content - *****/

#Content {
	background-color:#FFFFFF;
	width:500px;
	padding:10px 20px 10px 20px;
	float:right;
	margin:0px 0 20px 0;
	min-height:300px;
	height:auto !important;
	height:300px;
	-webkit-box-shadow: 1px 1px 5px #333; 
	-moz-box-shadow: 1px 1px 5px #333; 
	box-shadow: 1px 1px 5px #333;
}

#ContentFull {
	margin:0 0 20px 0;
}

#ContentFull .Wrapper {
	background-color:#FFFFFF;
	padding:10px;
	width:760px;
}

#Content h2, #ContentFull h2 {
	margin:0 0 10px 0;
	padding:0px;
	font-size:200%;
	color:#9a0069;
	text-shadow: -1px -1px 1px #dfdfdf;
}

#Content h3, #ContentFull h3 {
	margin:0 0 10px 0;
	padding:0px;
	font-size:120%;
	line-height:160%;
	color:#008c9a;
}

#Content h4, #ContentFull h3 {
	margin:0 0 0 0;
	padding:0px;
	font-size:100%;
	color:#333;
	font-weight:bold;
}

#Content a, #GetinTouch a {
	text-decoration:none;
	border-bottom:1px dotted #999999;
	color:#ce1f5e;
}

#Content a:hover, #GetinTouch a:hover {
	text-decoration:none;
	border-bottom:1px solid #ce1f5e;
	color:#ce1f5e;
}

#Content ul, #ContentFull ul {
	color:#232323;
	font-size:90%;
	line-height:140%;
	margin:10px 0 10px 0;
}

#Content ul li, #ContentFull ul li 
{
    padding:0 0 10px 0;
}

/***** - Home - *****/

ul#HomeCarousel {
	list-style-type:none;
	margin:auto;
	padding:30px 0px;
}

.Homeh2 {
	color:#FFFFFF;
	font-size:150%;
	line-height:170%;
	margin:10px 0 0 0;	
	text-shadow: -1px -1px 1px #555;
}

#BlogFeed {
	float:left;
	width:360px;
	margin-left:20px;
}

#Clients {
	float:right;
	width:360px;
	margin-right:20px;
}

#Home h3 {
	padding:0px;
	margin:0 0 10px 0;
	color:#008c9a;
}

.QuoteName {
	font-size:80%;
	display:block;
	padding:10px 0 0 45px;
	color:#008c9a;
}

/***** - PortFolio - *****/

ul#PortNav {
	padding:0 0 0 0;
	margin:10px 0 0 0;
	list-style-type:none;
}

ul#PortNav li {

}

ul#PortNav li a {
	text-decoration:none;
	color:#008c9a;
	padding:14px 0 0 7px;
	margin:0 0 0 60px;
	float:left;
	width:170px;
	height:80px;
	background-image:url(images/PortNav.gif);
	background-repeat:no-repeat;
	font-size:180%;
}

ul#PortNav li a:hover {
	background-image:url(images/PortNav.gif);
	background-repeat:no-repeat;
	background-position:0 -94px;
}

/***** - Footer - *****/

#Footer {
	color:#FFFFFF;
	padding:20px 0 30px 0;
	border-top:#1f1f1f 2px solid;
	margin:0 auto;
	width:780px;
	
}	

#Footer a {
	color:#cccccc;
	text-decoration:none;
}

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

#Footer p {
	color:#cccccc;
	font-size:75%;
	padding:0 0 0 0;
    line-height:18px;
}

#FooterLinks p 
{
    padding:0 0 0 0;
    margin:0 0 2px 0;
    font-size:12px;
}

#Footer ul {
	padding:0px;
	margin:0px;
	list-style-type:none;	
}	

#Footer ul li {
	padding:0px;
	margin:0 10px 0 0;
	display:inline;
	color:#CCCCCC;
	font-size:13px;
}

#Footer ul li a {
	color:#cccccc;
	text-decoration:none;
}

#Footer ul li a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

#FooterSmall p, #FooterSmall li, #FooterSmall li a
{
    font-size:11px !important;
    color:#666666 !Important;
}

/***** - Form - *****/

.Validator 
{
    color:#9a0048 !important;
    font-size:80%;
    font-style:italic;
}

.input 
{
    border:1px solid #008c9a;
    width:480px;
    margin:5px 0 10px 0;
    padding:10px;
    font-size:100%;
    color:#333;
}

.label 
{
    color:#333;
    font-size:16px;
}

.textarea
{
    border:1px solid #008c9a;
    width:480px;
    margin:5px 0 15px 0;
    height:160px;
    padding:10px;
    font-size:100%;
    color:#333;
}

.submit 
{
    padding:7px 15px 7px 15px;
    background-color:#9a0048;
    color:#fff;
    border:none;
    font-size:100%;
    cursor:pointer;
}



/* HOME */


.UpdatesHeader 
{
    padding:20px 0  0;
    font-size:30px;
    color:#fff;
    clear:both;
    text-shadow: -1px -1px 0px #000;
}

#HomeSections 
{
    width:auto;
    padding:0;
    margin:0;
    
}

.HomePanel 
{
    width:250px;
    background:#fff;
    margin-right:15px;
    float:left;
    min-height:311px;
}

.HomeContainer
{
    padding:15px 15px;
}

.rss-box 
{
    border-top:1px solid #efefef;
    padding:10px 0 0 0;
}

.HomeHeader
{
    padding:10px 15px;
}
    .HomeHeader span, .HomeContainer span
    {
        font-size:11px;
        color:#999;
    }

    .HomeHeader h2
    {
        font-size:24px;
        color:#008c9a !important;
        padding:0;
        margin:0;
    }

    .HomeHeader h2 a
    {
        font-size:24px;
        color:#008c9a !important;
        text-decoration:none;
    	border-bottom:1px dotted #03c5d8;
    }
    
    .HomeHeader h2 a:hover 
    {
        border-bottom:1px solid #008c9a;
    }

.HomeContainer ul, .HomeContainer ul li
{
    padding:0 !Important;
    margin:0 !Important;
    list-style:none;
	
}

.HomeContainer ul li a
{
    display:block;
    font-size:11px;
    color:#008c9a;
    padding:0 0 6px 0;
    text-decoration:none;
}

.HomeContainer ul li a:hover
{
    text-decoration:underline;
}

.HomeContainer ul li a:before
{
    content: "> "
}

.HomeContainer br
{
    display:none;
}

.HomePanel .flickr_badge_uber_wrapper 
{
    width:250px;
    height:140px;
    overflow:hidden;
    background:url(images/load.gif) no-repeat center center;
}

    .HomePanel .flickr_badge_uber_wrapper img 
    {
        width:250px;
    }

/* INSIDE */

.InsidePanel 
{
    width:220px;
    background:#fff;
    float:left;
}

.InsideContainer
{
    padding:15px 15px;
}

.InsideHeader
{
    padding:10px 15px;
    background-image:url(images/flickr.gif);
    background-repeat:no-repeat;
    background-position:98% 90%;
}
    .InsideHeader span, .InsideContainer span
    {
        font-size:11px;
        color:#999;
    }

    .InsideHeader h2
    {
        font-size:24px;
        color:#008c9a !important;
        padding:0;
        margin:0;
    }

    .InsideHeader h2 a
    {
        font-size:24px;
        color:#008c9a !important;
        text-decoration:none;
    	border-bottom:1px dotted #03c5d8;
    }
    
    .InsideHeader h2 a:hover 
    {
        border-bottom:1px solid #008c9a;
    }

.InsideContainer ul, .InsideContainer ul li
{
    padding:0 !Important;
    margin:0 !Important;
    list-style:none;
	border-bottom:none !Important;
}

.InsideContainer ul li a
{
    display:block;
    font-size:11px;
    color:#008c9a;
    padding:0 0 6px 0;
    text-decoration:none;
	border-bottom:none !Important;
}

.InsideContainer ul li a:hover
{
    text-decoration:underline;
}

.InsideContainer ul li a:before
{
    content: "> "
}

.InsideContainer br
{
    display:none;
}

.InsidePanel .flickr_badge_uber_wrapper 
{
    width:220px;
    height:120px;
    overflow:hidden;
    background:url(images/load.gif) no-repeat center center;
}

    .InsidePanel .flickr_badge_uber_wrapper img 
    {
        width:220px;
    }



#tooltip{
	position:absolute;
	border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;
	background:url(/icon2010/themes/icon/images/flickr.gif) no-repeat center center #fff;
	width:60px;
	height:20px;
	text-indent:-9999px;
	display:none;
	}	

#tooltiptext{
	position:absolute;
	border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;
	background: no-repeat center center #fff;
	padding:5px 10px;
	display:none;
	}	


/*  */









#HomeFeed {
    height:350px;
    position:relative;
    margin:0 0 20px 0;
}

#sidebar {
    height:350px;
    overflow:hidden;
    position:relative;
}

#sidebar ul {	
    width:100%;
    list-style:none;
    padding:0;
    margin:0;
    top:0;
    position:relative;
    height:100%;
}

#sidebar li {
	list-style:none;
	padding:0;
	margin:0;
	background:url(images/grad30.png);
}
    #sidebar li:hover {
	    background:url(images/grad60.png);
    }

#HomeFeedFooter 
{
    width:780px;
    position:absolute;
    top:290px;
    left:0;
    height:60px;
    background:url(images/grad-black.png);
    z-index:9;
}

#HomeFeed  a {
	color:#FFFFFF;
	text-decoration:none;
}

#HomeFeed h3, #HomeFeed .f 
{
    display:none;
}

#HomeFeed li a 
{
    margin:0 0 5px 0;
	display:block;
	font-size:15px;
	color:#ccc;
	background:35px center no-repeat;
	background-image:url(images/ico-icon-60.png);
	padding:40px 10px 40px 100px;
	width:620px;
}
    #HomeFeed li a:hover
    {
	    color:#fff;
	    background-image:url(images/ico-icon-100.png);
    }
	#HomeFeed a[href*="twitter"] 
	{
	    background-image:url(images/ico-twitter-60.png);	
	}
	    #HomeFeed a[href*="twitter"]:hover
	    {
	        background-image:url(images/ico-twitter-100.png);	
	    }
	#HomeFeed a[href*="flickr"] 
	{
	    background-image:url(images/ico-flickr-60.png);
	}
	    #HomeFeed a[href*="flickr"]:hover 
	    {
	        background-image:url(images/ico-flickr-100.png);
	    }

	#HomeFeed a:after	{
		font-size:15px;
		float:right;
	}		
		#HomeFeed a[href*="twitter"]:after	{
			content: "Twitter";
		}
		#HomeFeed a[href*="blog"]:after	{
			content: "Blog";
		}
		#HomeFeed a[href*="playground"]:after	{
			content: "Playground";
		}
		#HomeFeed a[href*="flickr"]:after	{
			content: "Flickr";
		}
		#HomeFeed a[href*="flickr"]:before	{
			content: "Flickr Photo - ";
		}
		
.thumbNav span {
	display:block;
	border:1px solid red;
	font-size:20px;
	color:#FFFFFF;
}

.Error404 {
	color:#FFFFFF;
	font-size:40px;
	margin:40px 0 0 0;	
	text-shadow: -1px -1px 1px #555;
}

#BackgroundText {
	padding:80px 0 50px 0;
	min-height:460px;
}

#BackgroundText h4 {
	color:#FFFFFF;
	font-size:26px;
	padding:0 0 20px 0;;
	margin:0;
}
		
#BackgroundText p, #BackgroundText p a {
	color:#fff;
	font-size:16px;
	line-height:24px;
}
		

#BackgroundText ul li {
	color:#fff;
	font-size:16px;
	line-height:24px;
}
		
.WebDesignGloucester a {
	color:#666666 !important;
}