/* gen.css for Ashodk.com */

/*   reset / normalize */     
/*  * {padding:0; margin:0; border:0;}   http://www.codeweblog.com/css-reset-methods/*/

/* v1.0 | 20080212 */     /*  from  http://meyerweb.com/eric/tools/css/reset/index.html*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0;	font-size: 100%; background: transparent;
	/*vertical-align:baseline;  to correct photo gallery shadows issue*/}
	
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

body{font-size:100%; font:normal .8em/1em Verdana, Arial, Helvetica, sans-serif;
color:#FFF; background-color:#616987; letter-spacing:normal;
scrollbar-3dlight-color:#333; /*scroll bar left border*/
scrollbar-arrow-color:red; 
scrollbar-base-color:#111; /*#FF9F9F*/
scrollbar-darkshadow-color:#666; /*scroll bar right border*/
scrollbar-face-color:;/*keep blank*/ 
scrollbar-highlight-color:#222; /*scrollbar back*/
scrollbar-shadow-color:black;} 

h1,h2,h3,h4,h5,h6{font-size:100%; text-align:center; font-weight:bold; margin:0; padding:0;}
p{white-space:normal; line-height:18px;}
.b,.bold {font-weight: bold;}

/* color */ 
.color_C {color: #CCCCCC;}
.white	{color:#FFFFFF;}
.color_9 {color:#999999;}
.color_8 {color:#888888;}
.color_7 {color:#777777;}
.color_6 {color:#666666;}
.color_5 {color:#555555;}
.color_4 {color:#444444;}
.color_3 {color:#333333;}
.color_2 {color:#222222;}
.color_1 {color:#111111;}
.black, .color_0 {color:#000000;}

/* fonts  */.b,.bold,.strong {font-weight:bold}  
.px06 {font-size: 6px;}
.px07 {font-size: 7px;}
.px08 {font-size: 8px;}
.px09 {font-size: 9px;}
.px09b {font-size: 09px; font-weight: bold;}

.px10{font-size:10px;}/*77%*/
.px10b{font-size:10px; font-weight: bold;}  /*77%*/
.px11 {font-size:11px;}  /*85%*/
.px11b {font-size:11px; font-weight: bold;} /*85%*/
.px12 {font-size:12px;} /*93%*/
.px12b {font-size:12px; font-weight: bold;} /*93%*/
.px13 {font-size:13px;} /*100%*/
.px13b {font-size:13px; font-weight: bold;} /*100%*/

.px14 {font-size:108%;}
.px14b {font-size:108%; font-weight: bold;}
.px15 {font-size:116%;}
.px16 {font-size:123.1%;}
.px16b {font-size: 123.1%; font-weight: bold;}
.px17 {font-size:131%;}
.px18 {font-size:138.5%;}
.px18b {font-size:138.5%; font-weight: bold;}
.px19 {font-size:146.5%;}
.px20 {font-size:153.9%;}
.px20b {font-size:153%; font-weight: bold;}
.px21 {font-size:161.6%;}
.px22 {font-size:167%;}
.px23 {font-size:174%;}
.px24 {font-size:182%;}
.px24b {font-size:182%; font-weight: bold;}
.px25 {font-size:189%;}
.px26 {font-size:197%;}
.px30 {font-size: 30px;}
.px36 {font-size: 36px;}
.px48 {font-size: 48px;}
.px72 {font-size: 72px;}

/* links */   
.link06, .link06 a:link, .link06 a:visited{font-size: 06px; font-weight: normal; text-decoration: none; color: #A4FFA4;}
.link06 a:hover {color: #EBE872; background-color: #515970;}

.link07, .link07 a:link, .link07 a:visited{font-size: 07px; font-weight: normal; text-decoration: none; color: #A4FFA4;}
.link07 a:hover {color: #EBE872; background-color: #515970;}

.link08, .link08 a:link, .link08 a:visited {font-size: 08px; font-weight: normal; text-decoration:none; color:#A4FFA4;}
.link08 a:hover {color:#EBE872; background-color:#515970;}

.link09, .link09 a:link, .link09 a:visited{font-size: 09px; font-weight: normal; text-decoration: none; color:#A4FFA4;}
.link09 a:hover {color: #EBE872; background-color: #515970;}

.link09b, .link09b a:link, .link09b a:visited{font-size: 09px; text-decoration: none; font-weight: bold; color:#A4FFA4;}
.link09b a:hover {color: #EBE872; background-color: #515970;}
		
.link10Black, .link10Black a:link, .link10Black a:visited{font-size:10px; color:white;/*#4D536C#3C4155*/  line-height:14px;  text-decoration:none;}
.link10Black a:hover {color:#EBE872; background-color: #515970;}

.link10, .link10 a:link, .link10 a:visited {font-size: 10px; font-weight: normal; color: #A4FFA4;text-decoration: none; }
.link10 a:hover {color: #EBE872; background-color: #515970;}
	
.link10b, .link10b a:link, .link10b a:visited{font-weight:bold; font-size: 10px; text-decoration: none; color: #A4FFA4;}
.link10b a:hover {color: #EBE872; background-color: #515970;}

.rlink10,.rlink10 a:link, .rlink10 a:visited{font-size: 10px;text-decoration: none; color: #FF0000;}
.rlink10 a:hover {text-decoration: underline; color: #FFFF00; background-color: #515970;}

.link11, .link11 a:link, .link11 a:visited  {font-size: 11px; font-weight: normal; color: #A4FFA4; text-decoration: none;}
.link11 a:hover {color: #EBE872; background-color: #515970;}
	
.link11White, .link11White a:link, .link11White a:visited{font-size: 11px; font-weight: normal; line-height: normal; color: #FFF; text-decoration: none;}
.link11White a:hover {background-color: #000;}

.link11b, .link11b a:link, .link11b a:visited{font-size:11px; font-weight:bold; color:#A4FFA4; text-decoration:none;  }
.link11b a:hover {color: #EBE872; background-color: #515970;}
.thumbN .link11b,  .thumbN .link11b a:link, .thumbN .link11b a:visited {display:block; padding:1px 0 2px 0px;}

.link12, .link12 a:link, .link12 a:visited {font-size: 12px; font-weight: normal; color: #A4FFA4; text-decoration: none;}/*for thumbnails scroll only */
.link12 a:hover {color: #EBE872; background-color: #515970;}

.link12b, .link12b a:link, .link12b a:visited {font-size: 12px; font-weight: bold; color: #A4FFA4; text-decoration: none;}
.link12b a:hover {color: #EBE872; background-color: #515970;}

.link12bWhite,.link12bWhite a:link, .link12bWhite a:visited{font-size: 12px; font-weight: bold; line-height: normal; color: #FFFFFF; text-decoration: none;}
.link12bWhite a:hover {background-color: #515970;}

.rlink12, .rlink12 a:link, .rlink12 a:visited{font-size: 12px; text-decoration: none; color: #FF0000;}
.rlink12 a:hover {text-decoration: underline; color: #FFFF00; background-color: #515970;}

.link14, .link14 a:link, .link14 a:visited {font-size: 14px; font-weight: normal; text-decoration: none; color: #A4FFA4;}
.link14 a:hover { color: #EBE872; background-color: #515970;}
 
.link14b, .link14b a:link, .link14b a:visited{font-size: 14px; font-weight: bold; text-decoration: none; color: #A4FFA4; line-height: normal;}
.link14b a:hover {color: #EBE872; background-color: #515970;}

.link16, .link16 a:link, .link16 a:visited {font-size: 16px; font-weight: normal; line-height: normal; text-decoration: none; color: #A4FFA4;}
.link16 a:hover {color: #EBE872; background-color: #515970;}

.link16b, .link16b a:link, .link16b a:visited{font-size: 16px; font-weight: bold; line-height: normal; text-decoration: none; color: #A4FFA4;}
.link16b a:hover {color: #EBE872; background-color: #515970;}
  
.link18, .link18 a:link, .link18 a:visited {font-size: 18px; font-weight: normal; line-height: normal; text-decoration: none; color: #A4FFA4;}
.link18 a:hover {color: #EBE872; background-color: #515970;}
 
.link18b,.link18b a:link,.link18b a:visited {font-size: 18px; font-weight:bold; line-height:normal; text-decoration:none; color: #A4FFA4;}
.link18b a:hover {color: #EBE872; background-color: #515970;}

.link18bWhite, .link18bWhite a:link, .link18bWhite a:visited{font-size: 18px; font-weight: bold; text-decoration:none; line-height:normal; color: #FFFFFF;}
.link18bWhite a:hover {background-color: #515970;}

.link20, .link20 a:link, .link20 a:visited{font-size: 20px; font-weight: bold; line-height: normal; text-decoration: none; color: #A4FFA4;}
.link20 a:hover {color: #EBE872; background-color: #515970;}
	
.link24,.link24 a:link, .link24 a:visited{font-size:24px; font-weight:bold; line-height: normal; text-decoration: none; color:#A4FFA4;}
.link24 a:hover {color: #EBE872; background-color: #515970;}   

/* header  LOOK INTO*/ 
#header {margin: 5px 0 0 5px; width:570px; height:40px;
	text-align:left; border-top:1px #A4FFA4 solid; border-left:3px #A4FFA4 solid ;} 
/*#headerHome {margin:0 auto; text-align:center;}*/

.link_12W, .link_12W a:link, .link_12W a:visited {font-size: 12px; font-weight:bold; line-height:normal; text-decoration:none; color: #FFFFFF; margin:0; padding: 0px 2px 0px 2px;}
.link_12W a:hover {background-color: #515970; }

.link11_your, .link11_your a:link, .link11_your a:visited {letter-spacing: .02em ;font-size: 11px; font-weight: normal; color: #A4FFA4; text-decoration: none; margin: 3px 0 0 2px ; padding: 2px 2px 5px 2px;}
.link11_your a:hover {color: #EBE872; background-color: #515970;} 

/*  /lib/header.php  */
#headerABflat {width:610px; height:35px; margin:5px 0 0 7px; padding:3px 0 0 0; text-align:left; border-top: 1px #A4FFA4 solid; border-left:3px #A4FFA4 solid;}
#float-left_header{float:left; width:265px;}
#float-right_header{float:right; margin:2px 0 3px 0; padding-right:4px; width:325px;}
 
.link_ak20bW, .link_ak20bW a:link, .link_ak20bW a:visited { letter-spacing: 0.10em; font-size:20px; font-weight:bold; text-decoration:none; color: #FFFFFF; padding: 0px 1px 0px 3px; line-height:18px; }
.link_ak20bW a:hover {background-color: #515970; }

.link11_bW, .link11_bW a:link, .link11_bW a:visited {font-size:11px; font-weight:bold; color:white; text-decoration:none; padding:3px 2px 2px 2px; white-space:nowrap; line-height:12px; letter-spacing: 0.02em; }
.link11_bW a:hover {color:white; background-color:#515970;/*color: #EBE872; */}

/*#home  index.php */
#home body{background-color:black; padding:0 0 0 4px;}
#home #AshodK{font-size:12px; font-weight:bold; color:#777; letter-spacing:0.1em; margin:5px 0 0 5px;}
#home #ASHOD{position:relative; top:-5px; margin:-8px 0 0 0; font-size:30px; font-weight:bold; line-height:30px; color:#FFFFFF; letter-spacing:0.1em;margin:0 auto; text-align:center;}
#home #WebDevelopment_Design{margin:-7px 0 0 0;  width:550px;line-height:1.4; font-weight:bold; font-size:16px; color:white; margin:0 auto; text-align:center;}
#home .green, #home .green a:link, #home .green a:visited {letter-spacing:0.04em; color:#A4FFA4; text-decoration:none;}
#home .green a:hover {color:#EBE872; background-color:#515970;}
#home ul#headerNav{float:none;margin: 0 auto;}
#home .link11b, #home .link10Black {margin-left:5px;}
#home .link11b, #home .link11b a:link, #home .link11b a:visited{padding:2px 0 2px 2px; }
#home_external{padding:0; overflow:auto; height:250px; width:272px; background-color:black; border-bottom:1px solid black;}

/*  photo.php  webDev.php  header  */   
#links {text-align:right; margin:0; padding:0;}
.link_ak, .link_ak a:link, .link_ak a:visited
 {font-size: 48px; font-weight: bold; line-height: normal; text-decoration:none; color:#FFFFFF; margin:0; padding:0px 4px 4px 4px;}
.link_ak a:hover {background-color: #515970; }

/* ul#headerNav.php */ 
ul#headerNav{float:right; margin:1px 7px 0 0;  text-align:right; font-size:12px; width:320px; color:#A4FFA4;line-height:18px;}
ul#headerNav li{display:inline; letter-spacing:0.15em; /*border-right:0px #A4FFA4  red solid;*/ }
ul#headerNav li a:link, ul#headerNav li a:visited, ul#headerNav li a:active
{padding:0 7px; color:#A4FFA4; text-decoration:none; font-size:12px; }
ul#headerNav li a:hover{color:#EBE872; background-color:#515970; }
ul#headerNav li.first{padding-left:0px;}
ul#headerNav li.last{/*border-right:0;*/}

/*#homePhoto    photo.php */
#homePhoto #container{width:900px; margin:0px auto; text-align:left;}
#homePhoto #ak{margin:5px 10px; color: #CCCCCC; letter-spacing:0.1em;}
#homePhoto #ASHOD_KASSABIAN{font-size:24px; font-weight:bold; color:#ccc; letter-spacing:0.05em; text-align:left; line-height:26px}
#homePhoto #PROFESSIONAL_PHOTOGRAPHY{font-size:18px; font-weight:bold; letter-spacing:0.15em; color:#FFFFFF;}
#homePhoto ul#headerNav{/*margin:15px 21px 0 0;*/ margin:12px 18px 0 0; padding:2px 0px 0 0; width:320px; text-align:right; }
#homePhoto #subContainerTop{margin:35px 0 0px 0; width:100%; background-color:#363A4B;}
/*floatLeft*/
#homePhoto #floatLeft{float:left; margin:0; width:278px; height:250px; background-color:black; border-bottom:1px solid black; text-align:left; overflow:auto;}
/*Thumbnail Table*/
#homePhoto #pagePhoto{margin:18px 0 0 0 ;}
#homePhoto #webDev {display:none;}
#homePhoto #photo{position: relative; top:-15px; }
/*floatRight*/
#homePhoto #floatRight{float:right; width:360px; text-align:right; position:relative; top:8px; right:25px}
#homePhoto .Web_Development{letter-spacing:0.2em; text-align:right;} 
#homePhoto #subContainerbottom{width:100%; background-color:#363A4B; margin:0 auto 0; }
#homePhoto #play{height:200px; background-color:#363A4B; position:absolute; right:10px; top:30px;}
#homePhoto #Published_in{font-size:11px; letter-spacing:0.03em; padding:2px; text-align:center; background-color:#363A4B;}
#homePhoto #rights{text-align:left; padding:0px 5px 0 0; background-color:#616987}

/* #homePhoto   any ie */ 
#homePhoto .ie_wrapper #photo{position:static;}
/* #homePhoto   ie6 */ 
#homePhoto #ie_wrapper_6 ul#headerNav{margin:18px 0px 0 0; padding:0 20px 0 0;width:400px; text-align:right;}
#homePhoto #ie_wrapper_6 ul#headerNav li{line-height:11px;}

/*#homeWebDev   WebDev.php */
#homeWebDev #ak{margin:5px 10px 0px; color: #CCCCCC; letter-spacing:0.1em; }
#homeWebDev #pageWebDev{margin:18px 0 0 0 ;  }
#homeWebDev #container{width:900px; margin:0px auto; text-align:left;}
#homeWebDev #ASHOD_KASSABIAN{font-size:24px; font-weight:bold; letter-spacing:0.05em; color:#ccc; line-height:26px}
#homeWebDev #WEB_DEVELOPMENT{font-size:18px; font-weight:bold; letter-spacing:0.1em; color:#FFFFFF;}
 
 
/*#homeWebDev Thumbnail Table*/
#homeWebDev #photo {display:none;}
#homeWebDev .link11b1, #homeWebDev .link10Black1, #homeWebDev .link11b,#homeWebDev .link10Black {margin-left:4px;}
#homeWebDev #subContainer{margin:35px 0 0 0; width:900px; background-color:#363A4B; height:450px;}
#homeWebDev #play{ background-color:#363A4B; /*padding:45px 82px 0 0;*/position:relative; right:90px; top:60px;}
#homeWebDev .Photography{letter-spacing:0.2em; text-align:right; padding:8px 25px 0 0;} 
#homeWebDev #floatLeft{float:left; height:450px; width:278px; background-color:black; border-bottom:1px solid black; overflow:auto;/* hidden cuts the excess image*/}
#homeWebDev #floatRight{float:right; width:370px; }
#homeWebDev .help{width:320px; text-align:right; }
#homeWebDev #rights{text-align:right; padding:0px 5px 0 0; background-color:#616987}
/* #homeWebDev   any ie */
#homeWebDev #pageWebDev{text-align:center; padding:0px 0 0 0;}
#homeWebDev ul#headerNav{margin:16px 1px 0 0; padding:2px 17px 0 0; width:320px; }
#homeWebDev ul#headerNav li{line-height:11px;}
/*#homePhoto ie6 only  */
#homePhoto #ie_wrapper_6 #pagePhoto{text-align:center;} 
/* #homePhoto ie7up */
#homePhoto #ie_wrapper_7up #pagePhoto{text-align:right;} 


/* thumbnails */ 
		.photo_tdL{width:121px;} 
		.photo_tdR{width:117px; font-size:11px; font-weight:bold; padding:0 0 0 5px;}

/* table */ 
#tableMain {background-color:#616987; text-align:center; width:100%; margin:0px auto;}	
#tableImage {margin:0px auto; }
#tableThumb {background-color: #576077; }
#tableThumbBackground {background-color: #576077; width:100%; height:100%; }
#tableHeader { font-size:12px; width: 600px; margin: 5px auto 0px; padding:0 0 0 10px; line-height:15px;}

/*  WebDev  Photo  Video  */ 
#webDev{margin:-10px 0 0 0;}
#webDev, #photo, #video{ padding:0 0 0 0px; overflow:hidden; width:250px; background-color:black; } 
#webDev .title, #photo .title, #video .title{font-size:16px; font-weight:bold; font-family:Arial,Helvetica,sans-serif; letter-spacing:0.05em; color:white; padding:5px 0; margin:15px 0 5px; text-align:center; border-bottom:1px solid red;}
.thumbN .floatL {float:left; padding:0 0 3px 0px;}
.thumbN .floatR{float:right; padding:0px 0 0 0;text-align:left;}
div#webDev .thumbN .floatR, div#video .thumbN .floatR{width:133px;}
div#photo .thumbN .floatR{width:120px;}

/*footer.php */ 
#footer{margin:20px auto 10px; width:300px; text-align:center;}   
#footer #nav{border-top:1px solid #888; border-bottom:1px solid #888;} 	
#footer ul{margin:0 0 15px 0;padding:0 20px 0 20px; line-height:12px;}
#footer ul li{display:inline; list-style-type:none;}
#footer #nav, #footer #nav a:link, #footer #nav a:visited{text-decoration:none; font-size:10px; color:#A4FFA4; padding:10px 5px 6px;}
#footer #nav a:hover {color:#EBE872; background-color:#515970;}	

/* misc  */
.center{margin:0 auto;}
.none{display:none;}
.help{width:80px;}
#rights{text-align:center; margin:0 auto 15px;}

/*floats clear & clearfix*/ .floatL, .floatLeft, .float-left, .left{float:left; overflow:hidden} /* overflow:hidden for ie6 only*/
.floatR, .floatRight, .float-right, .right{float:right; overflow:hidden}  /*overflow:hidden for ie6 only*/
#clear, .clear{clear:both;}

/*  .clearfix  Browser hacks */ 
/*http://www.positioniseverything.net/easyclearing.html*/
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;} /*to clear the floats without a markup*/
.clearfix {display:inline-block;} /* for IE/Mac */
.clearfix  {zoom:1; /*triggers hasLayout for IE */ display: block;  /* resets display for IE/Win */ }