/* 
web.adrianwhelan.com  white/blue redesign April 2010
copyright Adrian Whelan - ASW Web & Media http://web.adrianwhelan.com
*/

/*  CSS Reset  */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}

/*styling elements follow page load order */

body{
	background-color:#1b2940;
	background-image: url(images/bgtile.gif);
	background-repeat:repeat-x;
	margin: 0; 
	padding: 0;
	text-align: center;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#636568;
}

/*Text styles*/

a:link, a:visited{
	color:#D0F0F2;
	text-decoration:none;
}

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

h2{
	font-size:3em;
	color:#25759a;
	font-weight:normal;
	margin:0px 0px 0px 40px;
}

h3{
	font-size:1.2em;
	font-weight:normal;
	color:#b0af9d;
}

h4{
	font-size:1em;
	font-weight:bold;
	margin:10px 0px 0px 20px;
	color:#25759a;
}

p{
	margin:20px 60px 20px 0px;
	line-height:1.8em;
}

/*main structure divs*/

#container { 
	width:940px;  
	margin: 0 auto; 
	text-align: center; 
}

#topbox {
	text-align: left;
	width:100%;
	height:52px;
	margin: 10px 0px;
	padding:0;
}

#logo{
	float:left;
	width:281px;
	height:51px;
	margin:5px 20px 0px 20px;
	padding:0;
}

#logo h1{
	margin:0;
	padding:0;
	text-indent: -9999px;
	float: left;
}

#logo h1 a:link, h1 a:visited {
	display: block;
	background-image:url(images/logo.png);
	background-position: 0px 0px;
	width: 281px;
    height:51px;
  	text-decoration: none;
	margin:0px 0px 0px 0px;
	padding:0;
}

#logo h1 a:hover {
   display: block;
   background-image: url(images/logo.png);
   background-position: 0px -51px;
   float: left;
   width: 281px;
   height:51px;
   margin:0px 0px 0px 0px;
   padding:0;
}
	
/*lavalamp navigation*/

.lavalamp {
	position: relative;
    height: 30px;
    width: 350px;
    margin: 20px 5px 0px 0px;
    overflow: hidden;
    color: #fff;
}

.lavalamp  li {
     float: left;
     list-style: none;
}

.lavalamp  li.back { 
     background: url("images/lava.png") no-repeat right -30px;
     width: 10px; height: 30px;
     z-index: 8;
     position: absolute;
}

.lavalamp  li.back .left {
     background: url("images/lava.png") no-repeat top left;
     height: 30px;
     margin-right: 10px; /* 7px is the width of the rounded shape */
}

.lavalamp  li a, .lavalamp  li a:visited {
     font: bold 10px Arial, Helvetica, sans-serif;
     text-decoration: none;
     color: #fff;
     outline: none;
     text-align: center;
     top: 7px;
     text-transform: uppercase;
     letter-spacing: 0;
     z-index: 10;
     display: block;
     float: left;
     height: 30px;
     position: relative;
     margin: auto 10px;    
}

.lavalamp  li a:hover, .lavalamp  li a:active, {
     font: bold 10px Arial, Helvetica, sans-serif;
     text-decoration: none;
     color: #fff;
     outline: none;
     text-align: center;
     top: 7px;
     text-transform: uppercase;
     letter-spacing: 0;
     z-index: 10;
     display: block;
     float: left;
     height: 30px;
     position: relative;
     overflow: hidden;
     margin: auto 10px;    
     border: none;
}
#phone{
	float:right;
	margin:22px 40px 0px 0px;
	padding:0px 0px 0px 30px;
	background-image: url(images/phone2.png);
	background-repeat:no-repeat;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#5fc7f6;
	
}
/*content styles */

#content{
     width:880px;
	 margin:20px;
	 
	 border:1px solid #ccc;
	text-align: left;
	background-image:url(images/bg-400-paper.jpg);
	 border:1px solid #999;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'holder' class */
}

#content h2{
	font-size:1.4em;
	font-weight:bold;
	margin:20px 10px 5px 30px;
	color:#25759a;
	text-shadow: 1px 1px 0 #fff;
}

#content h3{
	margin:10px 10px 0px 30px;
	font-size:1.1em;
	font-weight:bold;
	color:#159ec0;
}

#content h4{
	font-size:1em;
	font-weight:normal;
	line-height:1em;
	margin:10px 10px 0px 30px;
}
#content h5{
	color:#159ec0;
	font-size:.9em;
	font-weight:normal;
	line-height:1em;
	margin:10px 10px 0px 30px;
}
#content p{
	font-size:.9em;
	margin:20px 20px 20px 30px;
	line-height:1.3em;
}
.clientname{
	font-size:1em;
	font-weight:bold;
	color:#25759a;
}
#content a:link,#content a:visited{
	color:#25759a;
	text-decoration:none;
	background-image: none;
}

#content a:hover{
	color:#ca3805;
	text-decoration:none;
	background-image: none;
}

#content a:active {
    position: relative;
	color:#0CF;
    top: 1px;
}

#up{
	height:30px;
	background-image:url(images/up.png);
	background-repeat:no-repeat;
	padding: 6px 0px 10px 40px;
	margin:10px 10px 20px 60px;
	text-align:left;
	
}
ul #skills{
	display:block;
	width:100%;
	height:300px;
	padding:0;
	margin:0px 0px 10px 0px;
}
#skills li{
	float:left;
	display:inline;
	width:250px;
	height:300px;
	margin:10px 0px 20px 30px;
		border:1px solid #fff;
		-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#skills h4, #skills p, #skills h5{
	margin: 10px 10px 0px 10px;
	line-height:1.1em;
}
/** STYLES FOR INDIVIDUAL PAGES **/


/*home page intro*/	

	
#headline{
	width:380px;
	margin:30px;
}
	

#headline h2{ 
	font-size:24px;
	color:#636568;
	font-weight:normal;
	line-height:1.5em;
	margin:0px 0px 10px 0px;
	text-shadow: 1px 1px 0 #fff;
}

#headline h3{ 
	font-size:1.2em;
	color:#636568;
	font-weight:normal;
	line-height:1.3em;
	margin: 10px 0px 0px 2px;
}
#subhead{
	text-shadow: 1px 1px 0 #fff;
}
#pagehead{
	font-size:1.1em;
	color:#636568;
	font-weight:normal;
	height:180px;
	line-height:1.2em;
	margin: 30px 20px 10px 30px;
	text-shadow: 1px 1px 0 #fff;
}
#headline p{ 
	font-size:.9em;
	color:#636568;
	font-weight:normal;
	line-height:1.3em;
	margin: 10px 0px 0px 2px;
}
#big{
	font-size:44px;
}
.bigquote{
	font-size:20px;
	color:#25759a;
	font-weight:bold;
	margin:0;
	}
	
/* home page slider stuff note other specific styles linked from index.html in external stylesheet css/slider.css*/
#gallery{
	float:right;
	display:block;
	width:420px;
	height:420px;
	margin:20px ;
	background-image:url(images/slider_bg.png);
	background-repeat:no-repeat;
}


#gallery h2{
	font-size:14px;
	font-weight:bold;
	color:#fff;
	margin:15px 120px 0px 30px;
	text-shadow:none;
}

#slides img{
	margin:15px 0px 0px 5px;
}

#slides h3{
	font-size:1.1em;
	font-weight:bold;
	color:#159ec0;
	margin:10px 10px 0px 20px;
	text-shadow: 1px 1px 0 #fff;
	}

#slides p{
	font-size:.9em;
	font-style:italic;
	color:#9a9b9e;
		margin:6px 10px 0px 20px;
}

/* Portfolio stuff */

#folio{
	display:block;
	width:820px;
	min-height:800px;
	margin:10px 30px;
}
#folio ul{
	margin:0;
	padding:0;       
	
}
#folio li{
	float:left;
	display:block;
	width:260px;
	margin:10px 0px 10px 10px;
	list-style: none;	
}

#folio a:hover {
	background:#329ecf; 	/*BG color is a must for IE6*/
	text-decoration:none;
} 

#folio a.tooltip span {
	display:none; 
	padding:0;
	margin:4px; 
	width:252px;
}

#folio a.tooltip:hover span{
	display:inline; 
	position:absolute; 
	background:#329ecf;  
	width:252px;
}
#folio a.tooltip:active span{
	display:none; 
	position:absolute; 
	background:#329ecf;  
	width:252px;
}
#folio h3{
	font-size:12px;
	font-weight:bold;
	margin:10px 0px 5px 10px;
	color:#fff;
}
#folio h4{
	font-size:12px;
	font-weight:normal;
	margin:0px 0px 10px 10px;
	color:#fff;
}
/*services page stuff*/

.fltrt2{
	float:right;
	margin:0px 40px 20px 20px;
	border:2px solid #159ec0;;
	padding:0;
}

.infobox{
	float:right;
	width:390px;
	margin:0px 40px 10px 20px;
	border:2px solid #159ec0;
	padding:0;
	background-image:url(images/infobox_bg.png);
	background-color:#FFF;-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.infobox h3{
	margin:10px 10px 0px 10px;
	padding:0;
}
.infobox p{
	margin:0px;
	padding:0;
	font-size:1.2em;
}
.infobox a:link, .infobox a:hover, .infobox a:visited{
	font-weight:bold;
} 
#biglist {
	margin:10px 20px 20px 30px;
}
#biglist li{
	list-style:none;
	list-style-position:inside;
	margin:0px 20px 10px 0px;
	font-size:1em;
	font-weight:bold;
	color:#159ec0;
}
/*about page stuff*/
.others{
 clear:both;
 display:block;
 width:800px;
 height:600px;
 margin:20px 40px;
}

.assoc{
    display:block;
	float:left;
	width:370px;
	margin:10px 10px 20px 10px;
}
.assoc ul{
	list-style-position:inside;
	list-style-type:none;
	margin:20px;
	
}
.assoc li{
	list-style-position:inside;
	list-style-type:none;
	margin:10px 10px 10px 20px;
}

/*---- footer stuff ---- */

#footer{	
     width:920px;
	 margin:10px; 	
	padding:0;
	margin:0;
	text-align:left;
}
#footer h2{
	color:#fff;
	font-size:1.4em;
	margin:0px 10px 10px 0px;
}
	
#contactholder{
	display:block;
	float:left;
	width:520px;
	height:250px;
	margin:20px 20px 10px 40px;
	padding:0;
}	
#contactholder p{
	margin:5px;
	color:#fff;
}
.footbox{
	float:left; 
	width:240px;
	height:280px;
	margin:0px 20px 10px 0px;
	font-size:.9em;
	text-align:left;
}
footbox2{
	float:left; 
	width:280px;
	height:280px;
	margin:20px 0px 20px 0px;
	font-size:.9em;
	text-align:left;
	
	}
#card {
	float:right; 
	width:220px;
	height:250px;
	background-image:url(images/card_bg.gif);
	background-repeat:no-repeat;
	margin:60px 40px 0px 0px;
	font-size:.9em;
	text-align:left;
}
#card p{
	line-height:1.2em;
	font-size:.9em;
	margin:5px 0px;
}
#hcard-Adrian-Whelan{
	width:180px;
	margin:20px;
	color:#159ec0;
	font-weight:normal;
	line-height:1.2em;
	}
#tags{
	width:180px;
	margin:0px 20px 0px 0px;
}
.footbox h2{
	color:#fff;
	margin:0px 0px 0px 20px;
	font-size:1.4em;
	font-weight:bold;
}
.footbox h4{
	color:#fff;
	margin:0px 0px 0px 20px;
	font-weight:bold;
}

.footbox ul{
	margin:0px 0px 10px 0px;
	list-style-image:url(images/star.gif);
	list-style-position:inside;
}

#footbox p{
	margin:5px 5px 5px 20px;
	line-height:1.1em;
	font-weight:normal;
	color:#fff;
}

#footer a:link, a:visited  {
	color:#fff;
	background-image: none;
}

#footer a:hover  {
	color:#D31221;
	background-image: none;
}

#bottomlinks{
	float:left;
	display:block;
	width:100%;
	height:55px;
	margin:20px;
	border-top:1px solid #25759a;
	
}
#bottomlinks ul{
	width:320px;
}
#bottomlinks li{
    list-style: none;
  display: block;
  float: left;
	text-align:center;
	margin:10px 10px 0px 10px;
}

#bottomlinks a:link, #bottomlinks a:visited{
	color:#25759a;
	}
#social{
	float:right;
width:480px;
height:34px;
	margin:10px 10px 0px 0px;
}	

#bdn{
	padding:8px;
	background-color:#25759a;
	border:1px solid #999;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
/*****stuff for contact form******/
label{
float: left;
width: 120px;
}

input{
    width: 240px;
	background-color:#f9fbfc;
	margin-bottom: 5px; 
	border:1px solid #159ec0;
	margin-bottom: 5px;
	overflow:auto;
}

textarea{
	width: 240px;
	height: 100px;
	background-color:#F0FAFB;
	border:1px solid #159ec0;
   	margin-bottom: 5px;
	overflow:auto;
}

#submitbutton{
margin:10px 0px;
width: 240px;
background-color:#159ec0;
color:#fff;
}

br{
clear: left;
}

#formfltrt{
	float:right;
	margin:0px 40px;
	
	
}


/*****stuff for contact pages******/
.thanks{
	width:100%;
	height:300px;
	background-image: url(rat-tuftold/graphics/rizhnd100.png);
	background-position:bottom right ;
	background-repeat:no-repeat;
	
}
.hello{
width:300px;
	font-size:.9em;
	margin:0px 0px 20px 10px;


}

.fltlft{
	float:left;
	margin:0px 10px 0px 0px;
	padding:0;
}

.fltrt{
	float:right;
	margin:0px 0px 0px 10px;
	padding:0;
}