/***********************************************/
/* 2col_rightNav.css                             */
/* Use with template 2col_rightNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body, html{
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
	background-color:#000000;
	width:800px;
}

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

a.bluelink:link, a.bluelink:visited, a.bluelink:hover {
    color: #2DBAEC;
	text-decoration: none;
}

img {
border-style:none;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#container{
position:absolute;
top:0px;
width:720px;  
}

#sidebar{
    position:absolute;
	margin: 0px;
	padding: 0px;
	width:270px;
	right:0px;
	top:0px;	
}

#content{

  position:absolute;
	width: 450px;
	margin: 0px;
	padding:0px;
	top:175px;
	left:0px;
	z-index:-1;
}


/***********************************************/
/*Component Divs                               */
/***********************************************/

#sitelogo{
   visibility: visible;
   position: absolute;
   top: 0px;
   left: 25px;
   width: 150px;
   height: 165px;
}

#siteslogan{
	visibility:visible;
	position:absolute;
	width:273px;
	height:127px;
	top: 0px;
	left: 175px;
}

#navigation {
   visibility: visible;
   position: absolute;
   left: 200px;
   top: 127px;
   width: 225px;
   height: 16px;
   margin:0px;
   padding:0px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:10px;
   background-color:#2DBAEC;
}

#logoanddesign {
visibility:visible;
position: absolute;
width:425px;
text-align:right;
top:175px;
margin:0px;
padding:0px;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
z-index:-1;
}

#portfoliobutton{
   float:left;
   position: relative;
   width: 75px;
   margin: 0px;
   padding:2px 0px 0px 4px;   
}

#blogbutton{
   float:left;
   position:relative;
   width:60px;
   margin:0px;
   padding:2px 0px 0px 4px;
}
   
#contactbutton{
   float:left;
   position:relative;
   width:72px;
   margin:0px;
   padding:2px 0px 0px 4px;
}
      


#portfoliobutton,
#blogbutton,
#contactbutton a {
text-decoration:none;
color:#FFFFFF;
}

#portfoliobutton,
#blogbutton,
#contactbutton a:hover {
text-decoration:none;
color:#FFFFFF;
}



/************** .feature styles ***************/

#swanspa,
#realestate,
#psmcc,
#drcondom,
#aquacafe,
#frogsleap,
#hrsdccert,
#kenyuenoldsite2005,
#hrsdc,
#apple,
#asianladyportrait,
#baldmanportrait,
#blondladyportrait,
#colormanportrait,
#fallcolors,
#jamaicaladyportrait,
#ladyatthecafe,
#nudeladyportrait,
#paulportrait,
#stilllife,
#sidemanportrait{
	padding: 0px 0px 10px 10px;
	color:#FFFFFF;
	position:relative;
}


/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
	color:#FFFFFF;
	
}

.story p{
  padding: 0px 0px 10px 0px;
}


/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	background-color:#2DBAEC;
	font-size: 10px;
	color: #FFFFFF;
	padding: 5px 0px;
	margin-top: 15px;
	position:relative;
	text-align:center;
	width:700px;
	
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
   the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}


/************* #job status ***************/

#jobstatusicon{
	padding-top: 7px;
	width:25px;
	float:left;
	font-size:1px;
	
}

#jobstatusline{
	padding: 12px 0px 0px 5px;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
}


.firstcolor {
color:#FFFFFF;
}

.secondcolor {
color:#2DBAEC;
}

.client,
.notes,
.thumbnails {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}

#myjobstatus {
position:relative;
padding: 0px;
}

#mybio,
#myresume,
#myobjective,
#mylinks{
	padding: 0px 0px 0px 10px;
	color:#FFFFFF;
	position:relative;
	width:220px;
}

p{
text-align:justify;
}

#mybioheader{
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
text-align:right;
}


#resumeicon{
	padding: 0px 0px 5px 25px;
	width:25px;
	float:left;	
}

#myresumeheader{
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
text-align:right;
}

#myobjectiveheader{
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
text-align:right;
}

#mylinksheader{
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
text-align:right;

}

#linkslist{
text-align:right;
}

#contenttitle {
font-size:10px;
font-family: Arial, Helvetica, sans-serif;
width:360px;
color:#FFFFFF;
padding-left:40px;
padding-top:15px;
position:relative;
}

#contentheader{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
float:left;
}

#gallery{
text-align:right;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
}

#descriptionbox{
position:relative;
left:40px;
top:10px;
width:360px;
}

/*********** #general state styles ***********/

.normalstate  {
   width: 355px;
   padding:0px;
   left:40px;
   top:5px;
   background-repeat: no-repeat;
   position:relative;
}

/*********** #individual default state styles ***********/

#swanspanormalstate{
   background: url(../design/swanspa/swanspa.jpg);
   height: 209px;
}

#realestateflyernormalstate{
   background: url(../design/realestate/flyerns.jpg);
   height: 242px;
}

#psmccnormalstate{
   background: url(../design/psmcc/psmccns.jpg);
   height:192px;
}

#drcondomnormalstate{
	background:url(../design/drcondom/drcondomwithlogons.jpg);
	height:266px;
}

#frogsleapnormalstate{
	background:url(../design/frogsleap/frogsleapred.jpg);
	height:175px;
}

#aquacafenormalstate{
	background:url(../design/aquacafe/aquacafens.jpg);
	height:266px;
}

#hrsdccertnormalstate{
    background:url(../design/hrsdccert/certns.jpg);
	height:270px;
}

#kenyuenoldsite2005normalstate{
	background:url(../weblayout/kenyuenoldsite2005/kenyuenoldsitens.jpg);
	height:323px;
}

#hrsdcnormalstate{
	background:url(../weblayout/hrsdc/hrsdcns.jpg);
	height:422px;
}

#applenormalstate{
   background:url(../oilacrylic/applens.jpg);
   height: 266px;
}
#asianladyportraitnormalstate{
   background:url(../oilacrylic/asianladyportraitns.jpg);
   height: 266px;
}
#baldmanportraitnormalstate{
   background:url(../oilacrylic/baldmanportraitns.jpg);
   height: 266px;
}
#blondladyportraitnormalstate{
   background:url(../oilacrylic/blondladyportraitns.jpg);
   height: 266px;
}
#colormanportraitnormalstate{
   background:url(../oilacrylic/colormanportraitns.jpg);
   height: 266px;
}
#fallcolorsnormalstate{
   background:url(../oilacrylic/fallcolorsns.jpg);
   height: 266px;
}
#jamaicaladyportraitnormalstate{
   background:url(../oilacrylic/jamaicaladyportraitns.jpg);
   height: 266px;
}
#ladyatthecafenormalstate{
   background:url(../oilacrylic/ladyatthecafens.jpg);
   height: 266px;
}
#nudeladyportraitnormalstate{
   background:url(../oilacrylic/nudeladyportraitns.jpg);
   height: 266px;
}
#paulportraitnormalstate{
   background:url(../oilacrylic/paulportraitns.jpg);
   height: 266px;
}
#stilllifenormalstate{
   background:url(../oilacrylic/stilllifens.jpg);
   height: 266px;
}

#sidemanportraitnormalstate{
	background:url(../pencilpen/sidemanportraitns.jpg);
	height:266px;
}


/*********** #sidebar separator styles ***********/

#sidebarseparator{
 background: url(../sidebarseparator.jpg) no-repeat left center;
   position: relative;
   left: 8px;
   width: 260px;
   height: 5px;
   padding-top:17px;
}

#sidebarseparatorjobstatus{
 background: url(../sidebarseparator.jpg) no-repeat left center;
   position: relative;
   left: 8px;
   width: 260px;
   height: 5px;
   padding-top:14px;
}

#mainbarseparator{
   background: url(../mainbarseparator.jpg) no-repeat left bottom;
   position: relative;
   left: 15px;
   width: 400px;
   height: 5px;
   padding-top:17px;
   z-index:-1;
}


/*********** #navBar link styles ***********/

#mylinks ul {list-style-type: none; margin: 0; padding-top: 5px;}

#mylinks li {padding-bottom:1px;}


/* fix for browsers that don't need the hack */
body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a:link{
	padding: 2px 0px 2px 10px;
	border-top: 1px solid #cccccc;
	width: 100%;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: auto;
}

#sectionLinks a:visited{
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #dddddd;
	padding: 2px 0px 2px 10px;
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}


/************** #advert styles **************/

#advert{
	padding: 10px 0px 0px 10px;
	font-size: 80%;
	border-top: 1px solid #cccccc;
}

#advert img{
	display: block;
}


/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}